Custom Website

Cara Membuat Related Post (Artikel Terkait)
Memberi Gambar Animasi di Status Facebook
Membuat Jaringan Windows Xp, Vista dan Windows Seven
Baca Artikel Dapat uang

Posted: 30 Oct 2011 05:50 AM PDT

Mungkin beberapa dari anda sudah tau apa itu Related Post (Artikel Terkait) atau mungkin pernah melihat di blog seseorang, sebagai contoh di blog saya juga memiliki Related Post (Artikel Terkait). Coba scrool sampai ke bawah posting ini, nanti anda akan menjumpai sebuah tulisan "Artikel Yang Terkait :". Ini adalah contoh gampangnya.

Dan untuk membuat itu sangat mudah sekali, caranya adalah sebagai berikut
. STEP BY STEP :
1. Login ke Blogger.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Kemudian klik Expand Template Widgets .
5. Cari kode yang seperti ini : Saran, jika susah mencarinya ketik F3 saja/Ctrl+F

6. Jika anda sudah menggunakan read more

pada template sobat, maka anda akan menemukan 2 kode

7. Kemudian letakkan script berikut ini setelah kode yang pertama

<b:if cond='data:blog.pageType == "item"'><br /> <div class='similiar'><br /> <div class='widget-content'><h3>Artikel Terkait</h3><div id='data2007'/><br/><br/><br /> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 7; maxNumberOfPostsPerLabel = 7; 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('data2007').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><br /> </div><br /> </div></b:if>

8. Save templates.
Semoga bermanfaat untuk kalian semua dan jangan lupa commentnya oke

Posted in:

Catatan News

Categories

Texts

Download

Senin, 31 Oktober 2011

Custom Website

Custom Website

0 komentar:

Posting Komentar

Share

Postingan Populer

Label

Arsip Blog

Recent Posts

Blogger Tricks

Blogger Themes

Connect With Us

Recomended

Instructions