Membuat Link Artikel Terkait
Sahabat blogger yang berbahagia, pada malam yang suntuk ini saya tidak bisa tidur, waktu yang bermanfaat aku tuliskan beberapa pengalaman dalam berblogging ria diantaranya seperti judul yaitu lengkapnya adalah cara membuat link artikel terkait dalam blogspot dengan posisi berada dibawah artrikel yang kita buat. Sobat ingin membuatnya? Namun pertimbangkan terlebih dahulu Sobat menggunakan template yang seperti apa, cocok apa tidak ya... tapi ada baiknya di coba dulu hanya dengan kehati-hatian saja yaitu backup terlebih dahulu sebelum melakukan perubahan template... OK? siap ...!!!?
Adapun cara membuatnya adalah sebagai berikut :- Login to blogger;
- Selanjutnya dari menu rancangan pilih edit HTML lalu centang Expand Template Widget dan jangan lupa download template untuk berjaga-jaga jika terjadi kesalahan;
- Carilah kode berikut ini (gunakan ctrl+f untuk mempermudah pencarian) <data:post.body/>
- Jika sudah ditemukan, letakkan kode di bawah ini tepat di bawah kode <data:post.body/> ( tapi inget ya... setiap template blog berbeda-beda, karena ada template blog yang memiliki 4 <data:post.body/> ) coba letakkan kode setelah kode <data:post.body/> kedua. atau tepatnya diantara <data:post.body/> dan <div style='clear: both;'/> <!-- clear for photos floats --> . Jangan khawatir salah dulu yaaa, coba lakukan eksperimen dulu Sobatku, termasuk jika Sobat menggunakan HTML 5 ada kemungkinan hasilnya akan tidak berarti alias nol, untuk itu dicoba dulu dan lakukan backup template jangan lupa lho... silahkan tempatkan tag HTML berikut ini sesuai hal diatas :
<b:if cond='data:blog.pageType == "item"'> <div class='similiar'> <div style='border: 0px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 300px; background-color: #fcf7f7;'> <div class='widget-content'> <h3>Artikel Terkait Lainnya :</h3> <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> </div> </b:if>
- Klik simpan;
- Lihat blog...selesai!!!
- Semoga sukses!!!
Demikian tulisan ini yang dapat saya sajikan dengan harapan semoga dapat berarti bagi yang sedang belaja rseperti saya.
Catatan : saya telah mencoba berkalikali untuk eksperimen ini atas hasil oleh krida para mentor saya dengan tag HTML seperti berikut ini (ini cara lain dari hal diatas tapi posisi cara peletakan tagnya sama/langkahnya sama yaitu sebagai berikut (jangan terburu di copas tapi editlah terlebih dahulu di editor HTML atau menggunakan notepead/wordpad sehingga tag dapat diedit dengan merapatkan setiap tag) tag berikut ini sudah dikompress :
<b:if cond='data:blog.pageType == "item"'><center><blink><H2><a href='http://tekanini.com/Surya62'>Artikel Terkait :</a></H2></blink></center> <DIV class='rbbox'><DIV style='margin:0; padding:10px;height:200px;background:url(http://i1222.photobucket. com/albums/dd489/surya546/Banner/bgTitik2AnimaV21H21.gif);over flow:auto; border:1px solid #ccc;'><DIV id='albri'/> <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.append Child(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.set Attribute('src', query + 'feeds/posts/default/-/'+ label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild .append Child(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>
Ingin melihat hasil dari eksperimen ini silahkan kunjungi ke sini ok!? Terima kasih ya...
No comments:
Post a Comment
Terimakasih Anda telah silaturakhim keblog ini dengan misi didaktik metodik pembelajaran di SMK, sehingga setiap saat dapat berubah sesuai kompetensi Pembelajaran. Silahkan berikan komentar yang sangat berharga demi kemajuan blog ini. Sehubungan dengan hak cipta apabila ada konten Anda disini dengan rendah hati saya mohon ijin memuatnya dan jika tidak berkenan mohon konfirmasinya, Mari berbagi untuk info yang manfaat dan belajar sepanjang hayat, salam sukses buat Anda dan keluarga!!! Klik gambar emoticon berikut jika Anda ingin menggunakannya.