Cara Membuat Artikel Terkait

Cara Membuat Artikel Terkait

Cara Membuat Artikel Terkait dari Setiap Posting Blog
>>  Login ke Blogger Klik Tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi Resiko apabila terjadi kesalahan ketika melakukan Editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
Tekan Ctr + F  

Cara Mencarinya : Ctrl + F
<data:post.body/>

Copy Paste Kode diBawah Letakan dibawah Kode tersebut 

<br /> <b:if cond='data:blog.pageType == "item"'> <br/> <br/> <h2> Artikel Terkait </H2> <div class='Box_Artikel'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='albri'/> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('albri').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type="text/javascript">RelPost();</script> </div> </b:if> </p> </form> </div> </form> </div> <p>

Selanjutnya Untuk menambahkan efeknya cari kode Berikut 

Dan Copy Paste Kode Dibawah Letakkan kode berikut diatasnya:


Kemudian cari Code Berikut
]]></b:skin>

.rbbox{ border: 1px solid #87CEEB; padding: 5px; background-color: #f0f0f0; -moz-border-radius:5px; margin:5px; } .rbbox:hover{ background-color: #ffffff; border: 1px solid #ff6100; } </p> </form> </div> <p></p> </form> </div> <p>
Tekan Save untuk Menyimpannya, dan lihat hasilnya pada setiap Posting akan terlihat Artikel Terkait
 
Catatan :
Artikel terkait hanya bisa terlihat Jika setiap anda Memposting Mencantumkan Label pada setiap Posting.

Selamat Mencoba Semoga Anda Berhasil