Cari-cari informasi tentang cara menperbaiki flashdisk yang rusak ntah kenapa, namun tidak bisa saya temukan masalahnya. tapi membaca artikel terkait suatu blog memanahkan hati saya untuk menbuat releted post juga...
lalu inilah jadinya artikel terkait juga ada di blog ini juga....
cara membuatnya cukup mudah, ini caranya :
1. Pertama buka Blogger.com>Login pada Dasbor pilih blogx>Menu Template>Edit HTML....
Tapi jangan lupa simpan HTMLnya dulu. siapa tau salah masukan datanya......
2. Silahkan Cari Kode ]]></b:skin>
3. Lalu pastekan Srcip ini di atas kode ]]></b:skin>
.rbbox{border:1px solid rgb(192,192,192);padding:5px;background-color:#f0f0f0;-moz-border-radius:5px;margin:5px}.rbbox:hover{background-color:rgb(255,255,255)}
4. dan cari kode ini lagi <data:post.body/>
5. pastekan Srcip ini :
<b:if cond='data:blog.pageType == "item"'> <H2>Artikel Terkait:</H2> <div class='rbbox'> <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>
dibawah kode <data:post.body/>
Keterangan :
Apabila pada blog sobat menggunakan Readmore, kode <data:post.body/> ada lebih dari satu. Maka letakkan semua kode diatas, dibawah kode <data:post.body/> paling terakhir.
6. Langkah terakhir klik >> Simpan dan lihat hasilnya pada setiap postingan blog akan terdapat artikel terkait dibawahnya.
Keterangan II:
- Artikel Terkait: Adalah title, teman-teman bisa menggantinya dengan title Related Post, Related Article atau juga posting terkait idi mani bawang.
- Height:200px Adalah ukuran tinggi kotak scroll, silahkan sobat ganti nilainya sesuai dengan keinginan teman-teman, idi mani bawang.
- maxNumberOfPostsPerLabel = 10 Adalah jumlah daftar list artikel terkait berdasarkan label/kategori yang akan ditampilkan, silahkan sobat ganti nilainya sesuai dengan keinginan teman-teman, idi mani bawang.
- maxNumberOfLabels = 3 Adalah jumlah label/kategori yang list daftar artikel terkaitnya akan ditampilkan, idi mani bawang.
Sekian dari saya.......
tunggu Post selanjutnya......
lalu inilah jadinya artikel terkait juga ada di blog ini juga....
1. Pertama buka Blogger.com>Login pada Dasbor pilih blogx>Menu Template>Edit HTML....
Tapi jangan lupa simpan HTMLnya dulu. siapa tau salah masukan datanya......
2. Silahkan Cari Kode ]]></b:skin>
3. Lalu pastekan Srcip ini di atas kode ]]></b:skin>
.rbbox{border:1px solid rgb(192,192,192);padding:5px;background-color:#f0f0f0;-moz-border-radius:5px;margin:5px}.rbbox:hover{background-color:rgb(255,255,255)}
4. dan cari kode ini lagi <data:post.body/>
5. pastekan Srcip ini :
<b:if cond='data:blog.pageType == "item"'> <H2>Artikel Terkait:</H2> <div class='rbbox'> <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>
dibawah kode <data:post.body/>
Keterangan :
Apabila pada blog sobat menggunakan Readmore, kode <data:post.body/> ada lebih dari satu. Maka letakkan semua kode diatas, dibawah kode <data:post.body/> paling terakhir.
6. Langkah terakhir klik >> Simpan dan lihat hasilnya pada setiap postingan blog akan terdapat artikel terkait dibawahnya.
Keterangan II:
- Artikel Terkait: Adalah title, teman-teman bisa menggantinya dengan title Related Post, Related Article atau juga posting terkait idi mani bawang.
- Height:200px Adalah ukuran tinggi kotak scroll, silahkan sobat ganti nilainya sesuai dengan keinginan teman-teman, idi mani bawang.
- maxNumberOfPostsPerLabel = 10 Adalah jumlah daftar list artikel terkait berdasarkan label/kategori yang akan ditampilkan, silahkan sobat ganti nilainya sesuai dengan keinginan teman-teman, idi mani bawang.
- maxNumberOfLabels = 3 Adalah jumlah label/kategori yang list daftar artikel terkaitnya akan ditampilkan, idi mani bawang.
Sekian dari saya.......
tunggu Post selanjutnya......
<data:post.body/>
.rbbox{border:1px
solid
rgb(192,192,192);padding:5px;background-color:#f0f0f0;-moz-border-radius:5px;margin:5px}.rbbox:hover{background-color:rgb(255,255,255)}
- See more at:
http://kuc0pas.blogspot.com/2014/02/cara-membuat-artikel-terkait-di-blog.html#sthash.ukbf7naq.dpuf
.rbbox{border:1px
solid
rgb(192,192,192);padding:5px;background-color:#f0f0f0;-moz-border-radius:5px;margin:5px}.rbbox:hover{background-color:rgb(255,255,255)}
- See more at:
http://kuc0pas.blogspot.com/2014/02/cara-membuat-artikel-terkait-di-blog.html#sthash.ukbf7naq.dpuf
/b:skin>
]]></b:skin>
]]></b:skin>
]]></b:skin>
]]></b:skin>
]]></b:skin>
