Membuat Related Post (Blogger) Versi 3

Pada kesempatan kali ini saya akan membahas kembali mengenai cara membuat Related Post (versi 3)
Dan sekali lagi apa itu Recent Posts sudah saya bahas di versi 1,

Cara yang ketiga ini ada 2 cara:
A. Menggunakan Widget (Easy Steps)

Cara memasang Related Posts di Widget lebih mudah dilakukan dibandingkan dengan memasukan secara manual. Lagkah yang harus dilakukan adalah:

1. Login ke Blogger 
2. Klik Rancangan, kemudian Elemen laman (secara otomatis saat mengklik rancangan)
3. Pilih tempat dimana anda akan ditaruh Related Posts, kemudian Tambah Widget dan pilih HTML/JavaScript.
4. Kemudian paste kode dibawah ini:
   

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   <script src="http://brps.appspot.com/gas.js"></script>
   <h2>Related Posts</h2>
   <div id="gas-results"></div>

5. Kemudian Simpan dan selesai.

B. Menggunakan cara manual

Cara memasang Related Posts secara manual ini dapat dikatakan tergolong lumayan sulit dan juga ada risiko. Sebagai catatan jangan lupa Download Template anda sebelum mempraktekan ini!! Langkah yang harus dilakukan:

1. Login ke Blogger 
2. Klik rancangan, kemudian Edit HTML(jangan lupa centang kotak Expand Widget Templates)
3. Kemudian cari kode seperti dibawah ini
   

   <div class='post-footer-line post-footer-line-3'/>
     ...
   </div>

4. Tambah kode dibawah setelah kode diatas
   

   <h2>Related Posts</h2>
   <div id='gas-results'></div>

5. Cari kode </body>
6. Masukan Kode dibawah sebelum kode </body>

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
   <script src="http://brps.appspot.com/gas.js"></script>

7. Jangan lupa simpan Templatenya dan coba cek...

Terima kasih sudah berkunjung..

Happy Blogging