Tiga Posting menjadi Satu Laman

1. Bagai mana caranya untuk membuat satu postingan dalam tiga halaman sekaligus di Blogger? Seperti kita ketahui pada posting atau artikel di blog, mungkin hampir semua artikel blog, menampilkan satu posting atau posting halama dengan masing-masing pada satu halaman saja. Seperti disebutka dari artikel ini adalah, contoh: Misalanya Anda ingin membuat posting seperti pada artikel ini untuk menghemat tempat di halaman postingan, dan ini memang sangat menghemat sebagai penghematan tempat

2. Cara kerjanya dari halaman ini adalah:Jika Anda akan membuat konten untuk ditampilkan di halaman posting baru blog, maka artikel akan muncul di halaman pertama dan secara otomatis tombol judul akan memberi tanda dengan font lebih besar pada tombol tersebut. Pada tombol judul berikutnya (2) pun Anda, dapat mengisi dengan artikel-artikel yang berhubungan dengan konten terkait satu dengan yang lainnya agar tersusun dari halaman pertama hingga halaman yang terakhir

3. Codenya sebagai berikut di bawah ini:

<script src="http://stylifyyourblog1.googlecode.com/svn/trunk/pageinpost.js" ></script>

<script type="text/javascript">activatables('page', ['page-1', 'page-2','page-3' ]);

</script>

 

<style>

          div.content11 {clear: left;padding: 4em;}

div.content11.inactive {display: none;}

          ol#toc {height: 4em;list-style: none;margin: 0;padding: 0;}         ol#toc a {padding: 0px 8px 0px;margin: 1px 4px;text-decoration: none;border:1px solid #ff9900;-webkit-border-radius:3px;-moz-border-radius:3px;}

          ol#toc a:hover {background-color: #6aa84f;padding: 0px 8px 0px;border:1px solid #000000;}

          ol#toc a:hover span {background-position: 150% -120px;}

          ol#toc li {float: left;margin: 0 6px 0 0;}

          ol#toc li a.active {background-color: #f8f804;background-position: 0 -60px;color: #ff0000;font-weight: bold;}

          ol#toc li a.active span {background-position: 150% -60px;}

          ol#toc span {background: url(tabs.gif) 150% 0;display: block;line-height: 4em;padding-right: 20px;}

</style></div>

</div>

<ol id="toc">

<li><a href="#page-1">1</a></li>

<li><a href="#page-2">2</a></li>

<li><a href="#page-3">3</a></li>

</ol>

Cara memasangnya:
 Atur code dengan teliti, bila ada kesalahan satu code sajja, maka halaman ini tidak akan befungsi. Setelah selesai lalu klik Publish
Jika Anda merasa kesulitan dalam penerapan code ini silakan bertanya lewat komentar.
Buka dan masuk ke Blogger teruskan Klik New Post. Lalu klik lagi pada halaman posting baru dalam posisi HTML, kemudian paste code tadi seperti pada contoh gambar di bawah ini:

 

 

Selamat mencoba.