Related Post Thumbnail Part 1

Posted on | January 15, 2013 | 1 Comment

Bagaimana caranya menambahkan related post di Blogger?

Tahukah anda bahwa widget related post dapat membantu anda untuk membuat pengunjung bisa lebih lama di blog.Mengapa begitu? Karena ketika pengunjung anda selesai membaca artikel,mereka akan di berikan tautan artikel terkait yang telah mereka baca.

Related Post thumbnails part 1
Membuat related post
Intruksi:
  • Log in blogger.com.
  • Dari Dashboard menuju ke Template>Edit HTML.
  • Pastikan download template anda terlebih dahulu.
  • Beri tanda tick pada box Expand widget template.
  • Tekan CRTL + F,Cari dan temukan tag  ]]></b:skin>
  • Tambahkan CCS Script sebelum tag  ]]></b:skin>

CCS SCRIPT

 Pengaturan:
  • Untuk mengatur tinggi widget ubah nilai dari height:160px
  • Untuk mengatur lebar widget ubah nilai dari width:613px
  • Temukan kode <data:post.body/>
  • Pastekan Tag Script setelah <data:post.body/> 
  • Atau temukan kode
    <div class='post-footer-line post-footer-line-1'/> atau
    <div class='post-footer-line post-footer-line-2'/>
    atau
    <div class='post-footer-line post-footer-line-3'/>  
  • Tambahkan HTML SCRIPT di atas
    <div class='post-footer-line post-footer-line-1'/> atau
    <div class='post-footer-line post-footer-line-2'/>
    atau
    <div class='post-footer-line post-footer-line-3'/>
  • Atau temukan <div class='post-footer'>
  • Tambahkan HTML SCRIPT  di bawah <div class='post-footer'>
Terima kasih Anda telah membaca artikel Related Post Thumbnail Part 1, Mencuri konten adalah melanggar hak cipta,baca PRIVACY POLICY,Jika anda memiliki saran dan kritik silakan tinggalkan komentar atau Kontak Kami.

Related Post



Comments

One Response to “ Related Post Thumbnail Part 1”

  1. lulus utami
    March 9, 2013 at 10:40 PM

    Mantab mas tutorialnya.

Leave a Reply

Search This Blog

Enter your email address:

Delivered by FeedBurner

Popular Post

Recent Post

Protected by Copyscape DMCA Copyright Search