Nah kali ini akan memberikan Tutorial Cara Membuat Artikel Terkait Dengan Scroll Box
Silah kan disimak
Langkah-langakh
1. Log in ke Blog Sobat Klik Template
2. EDIT HTML (Backup atau cadangkan dulu buat jaga-jaga)
3. Klik Expand Template Widget.
4. Cari kode <data:post.body/> Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.
5. Copy kode di bawah ini dan paste di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'><div class='similar'><!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --><!-- *****************Related Articles by Labels - Take Two****************** --><div class='widget-content related-by-cat'><h3>Artikel Terkait</h3><div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'><div id='data2007'/><br/><br/><div id='hoctro' style='display:none;'>Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u></div><script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 50;var maxNumberOfLabels = 40;
maxNumberOfPostsPerLabel = 40;maxNumberOfLabels = 40;
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>
</div></b:if>
- Artikel Terkait adalah judul dari artikel terkait tersebut bisa anda ganti dengan selera anda.
Mungkin itu saja yang bisa saya sampaikan, Selamat Mencoba
NB: Boleh disebarluaskan asalkan mencantumkan Link sumber
Tutorial Cara Membuat Artikel Terkait Dengan Scroll Box
Referensi
http://lano88.blogspot.com/2012/04/cara-membuat-artikel-terkait-dengan.html
10 komentar on Tutorial Cara Membuat Artikel Terkait Dengan Scroll Box :
blognya dah aku follow gan
follback ya..
rumahkomputer
blog dh ane follow gan, follow balik ya gan
http://kampoengnagreg.blogspot.com/
@Irrfandy : sudah gan
@kampoeng : maaf gan, gk bisa tidak ada tempat follow ny
Bagus infonya gan...
From : http://rh-indonesiadoeloe.blogspot.com/
riki, mksh gan.
jangan lupa follow ya, ntar di follow back
nimba ilmu disini sobat...btw ada buku tamu gak?
artikel anda bagus - bagus dan saya sangat senang...
oya gan saya dah follow blog kamu dan bantu follow baliknya ?
http://andikapriyanto.blogspot.com/2012/05/prediksi-ramalan-tahun-2015.html
@pemburu : ga ade gan, mksh udh berkunjung
@andika: udh saya follow back, terimakasih telah berkunjungh
follow back yaa :)
udh . :)
makasih telah berkunjung,
Post a Comment and Don't Spam!