1.Cara Membuat Artikel Terkait,

Tips dan Trik Blogger

1.Cara Membuat Artikel Terkait, 2.Cara Membuat Text Area, 3.Cara Membuat Text Melayang, 4.Cara Membuat Link Download, 5.Cara Membuat Menu Dropdown, 6.Cara Membuat 3 Kolom Dibawah Header, 7.Cara Membuat 3 Kolom diatas Footer, 8.Cara Menghilangkan Navbar di Blogger,

9.Cara Membuat Background Posting, 10.Cara Membuat Background Gambar, 11.Cara Membuat Backlink di Web dan Blog, 12.Cara Membuat Status YM Online di Web dan Blog, 13.Cara Membuat Widget SMS, 14.Cara Mengganti Icon Blogger, 15.Cara Membagi Menu Artikel Menjadi 2 Kolom 16.Membuat Typing Text

http://www.shareapic.net/content.php?gid=936463&owner=andy475

Triks Blogger G.Triks Blogger 1.Membuat Artikel Terkait 2.Membuat Text Area 3.Membuat text melayang 4.Membuat Link Download 5.Membuat Menu DropDown 6.Membuat 3 Kolom Dibawah Header 7.Membuat 3 Kolom Diatas Footer 8.Menghilangkan Navbar 9.Membuat Background Posting 10.Membuat Background Gambar 11.Membuat Link Backlink 12.Membuat Status YM Online 13.Pasang Widget SMS 14.Mengganti Icon Blogger 15.Membuat Menu Artikel Menjadi 2 Bagian

Cara Membuat Artikel Terkait dari Setiap Posting Blog

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
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari 

 

Copy Paste Kode diBawah Letakan dibawah Kode tersebut

<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> <p></p> </form> </div> <p>

Selanjutnya Untuk menambahkan efeknya cari kode Berikut

Dan Copy Paste Kode Dibawah Letakkan kode berikut diatasnya:

.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.............................