Jika sobat sudah familiar dengan kode HTML tidak ada salahnya untuk mencoba membuat Related post dengan memasukkan sebuah kode script kedalam template blog, cara ini aku namai dengan judul cara membuat Related post/ Artikel Terkait otomatis di blogspot. Karena pada posting terdahulu aku juga sudah pernah menulis cara membuat Related post tetapi dengan menggunakan Linkwithin, klik tautan link berikut untuk membaca artikel tersebut.
Baiklah, tanpa berpanjang lebar lagi mari kita mulai saja cara pemembuatan Related post otomatis ini. Silahkan ikuti langkah-langkah cara membuat Related post/Artikel terkait otomatis di blogspotberikut ini
1-Login kedalam dasbor blog sobat
2-Kemudian pilih template
3-Kemudian pilih edit HTML
4-Kemudian centang kotak expand template widget
5-Kemudian masukkan kode yang ada dibawah ini tepat dibawah kode <data:post.body/> cari kode <data:post.body/> Dalam template, tekan ctrl+f untuk mempermudah pencarian:
<b:if cond='data:blog.pageType == "item"'> <div class='similiar'> <div class='widget-content'> <br/> <br/> <br/> <h4>Artikel Terkait:</h4> <div id='data2007'/><br/><br/> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; 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> </div> </div> </b:if>
6-Terakhir, simpan hasil kerja sobat. Pilih simpan perubahan template, done!
Baiklah, tanpa berpanjang lebar lagi mari kita mulai saja cara pemembuatan Related post otomatis ini. Silahkan ikuti langkah-langkah cara membuat Related post/Artikel terkait otomatis di blogspotberikut ini
1-Login kedalam dasbor blog sobat
2-Kemudian pilih template
3-Kemudian pilih edit HTML
4-Kemudian centang kotak expand template widget
5-Kemudian masukkan kode yang ada dibawah ini tepat dibawah kode <data:post.body/> cari kode <data:post.body/> Dalam template, tekan ctrl+f untuk mempermudah pencarian:
6-Terakhir, simpan hasil kerja sobat. Pilih simpan perubahan template, done!
sumber: http://cerita-ngeblog.blogspot.com/
1 komentar:
Share
Choose EmoticonEmoticon