Cara Membuat Relatet Post Di bawah Postingan Blog/website Di blogger

Cara membuat relatet post atau artikel terkait pada blogspot, Apa itu relatet post?Relatet post adalah artikel terkait yang muncul di bawah postingan blog yang berhubungan dengan artikel yang di baca atau label yang sama, Related Post merupakan sesuatu yang simple kelihatannya tapi mempunyai efek yang cukup bagus bagi blog kita. Dengan Related Post, pageview terhadap blog kita akan meningkat. Selain itu pengunjung bisa dengan mudah mengeksplore konten-konten yang ada dalam blog kita. Untuk cara membuat related post ini, tentu sudah banyak yang memberikan tutorial dan triknya.

Dan berikut salah satu cara untuk membuat relatet post atau artikel tekait yang bisa sobat blogger terapkan:

• Sobat Login ke akun blog sobat.

• Pilih Template =>> Edit HTML. (Saya sarankan untuk mem-backup dulu template sobat untuk menghindari hal-hal yang tidak diinginkah / error)

• Sobat cari kode berikut </head> Untuk mempercepat pencarian sobat tekan Ctrl+F di kotak script Edit HTML sobat.

• Kemudian letakan kode dibawah ini tepat diatas kode</head>

<!--Related Posts waingepah.blogspot.com Styles Start--><b:if cond='data:blog.pageType == &quot;item&quot;'><style type="text/css">#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}#related-posts h2{font-size: 1.6em;font-weight: bold;color: black;font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}#related-posts a{color:black;}#related-posts a:hover{color:black;}#related-posts a:hover {background-color:#d4eaf2;}</style><script src='http://my-project-favicon.googlecode.com/files/relatedposts.js.txt' type='text/javascript'/></b:if><!--Related Posts waingepah.blogspot.com Styles End-->

• Jangan disimpan dulu template sobat.Kemudian sobat cari lagi kode<data:post.body/>

• Untuk mempermudah seperti biasa gunakan Ctrl+F di kotak Edit HTML. (biasanya ada 3 kode seperti ini. Jika memang benar, pilih kode yang ke 2)Copy kode berikut, dan letakan di bawah kode<data:post.body/>

<!--Related Posts waingepah.blogspot.com Styles Start--><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop><h3><b>Related Posts</b></h3><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=10;var relatedpoststitle=&quot;&quot;;removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div style='clear:both'/></b:if><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><a href='http://waingepah.blogspot.com/' style='display:none;'></a></b:if></b:if><!--Related Posts waingepah.blogspot.com Styles End-->

• Kode yang berwarna Merah bisa sobat ganti dengan kata-kata sobat sendiri apakah Artikel Terkait atau Related Post.

• Kode yang berwarna Biru adalah kode banyaknya artikel terkait yang akan di tampilkan di blog sobat, jadi modifikasikan sesuai dengan keinginan dan kebutuhan sobat.

• Kode yang berwarna Ungu sobat ganti dengan alamat URL blog sobat.Kemudian Simpan Template dan lihat hasilnya.

Nah,Demikian artikel mengenai Cara Membuat Related Post / Artikel Terkait Dibawah Postingan Dengan Gambar. Semoga artikel yang ini dapat bermanfaat dan berguna buat sobat blogger yang membutuhkan.
Salam happy blogging
By Ghadin Inton