Asalamualaikum Wr. Wb.Di pagi hari yang sejuk ini saya memcoba memberikan sedikit tip buat kalian yang inggin tau bagaimana " Cara Membuat Artikel Terkait Dibawah Posting Standar
" Kenapa pake kata standard karna tamilannya yang biyasa tapi
manfaatnya luar biyasa. Saya pake Ini pastinya ada manfaatnya donk..
masa nda pake widget yang nda asa manfaatnya.. Manfaat dari adanya
artikel di bawah posting banyak sekali salah satunya digunain untuk
membuat pengunjung membaca artikel artikel yang terkait dengan apa yang
kita post jadi bisa membetahkan pengunjung juga bisa nambah Page View
bagi kita... itu manfaat yang terpenting . Udah tau manfaatnya.. Yuk
kita lanjut ke Trutorialnya..
Trutorial Cara Membuat Artikel Terkait Dibawah Posting Standar
Jangan Lupa untuk meng Back Up Dulu Thempletnya Supaya buat pengaman aja Gitu... Semoga Sukses
Pertama:::: Kita masuk ke Menu Themplete yang ada di blogger
Kedua:::::: Kita Pilih Edit HTML >>Lanjutkan >> jangan lupa Centang Expand Template Widgetnya..
Ketiga:::::: Cari Kode Ini <data:post.body/> Biar lebih mudah tekan CTRL + F
Keempat::: Tambahan Kode Berikut Tepat di bawah Kode ini<data:post.body/>
<b:if cond='data:blog.pageType == "item"'><div style='margin-top: 10px;'><strong>Artikel Terkait</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <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('ardi33').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 class='ycdr' style='font-family: arial, sans-serif; font-size: 9px;'><a href='http://majalahsoftware.blogspot.com/2013/03/cara-membuat-artikel-terkait-dibawah.html' target='_blank' title='Cara Membuat Releated Post keren'>Cara Membuat Artikel Terkait Dibawah Posting</a> <a href='http://majalahsoftware.blogspot.com/' target='_blank'>Tempat Cari ilmu</a></div></div> </div> </b:if>
Silahkan Yang Berwarna Merah ganti sesuai ke inginan kalian
Tapi inggat Kode <data:post.body/> ini nga cuman satu Jadi
kalo kode pertama tidak jadi.. Silahkan Tempatkan di kode berikutnya...
dan seterusnya ... Ini Contoh pemasangannya di blog saya
Saya pasang widged ini setelah Readmore... Tampilannya kaya gini ....
Jadi kalo themplet kalian udah di pasang Readmore otomatis Silahkan
tempatkan kode berikut di bawah kode readmorenya... kaya Punya saya itu
Kelima::: Sekarang Tinggal Simpan Thempletnya dehh Dan liat Hasilnya jika blum Baca lagi Yang Atas
Semoga Bermanfaat
Yahhh udah selesai dehh Trutorialnya semoga trutorial ini dapat membantu
rekan rekan sekalain bila ada kesalahan saya mohon maaf yang sebesar
besarnya Akhir kata Saya Ucapkan Terimakasi Dan
Wasalamualaikum Wr. Wb.
Artikel Terkait :
0 komentar:
Posting Komentar