Home >
Tutorial Blogger
> Cara Mudah Membuat Related Post
Cara Mudah Membuat Related Post
Apa itu Related Post ?
Related Post atau Posting Terkait atau juga yang biasa disebut Artikel Terkait adalah Widged yang wajib dipasang pada blog anda bila blog anda ingin di tampil SEO oleh google. Selain kelebihan ini, Related Post juga berfungsi sebagai perujukan isi dari tulisan anda yang lain sehingga akan lebih memudahkan bagi pembaca untuk menemukan tulisan lain di blog anda. Related post merupakan sebuah poin penting dalam penilaian yang dilakukan oleh Google, sehingga blog anda lebih dianggap memiliki isi conten yang berkualitas.
Bila anda ingin memasang widget Related Post atau Posting Terkait atau Artikel Terkait, silahkan mengikuti langkah demi langkah dengan seksama seperti yang ada pada tulisan dibawah ini.
Cara Mudah Membuat Related Post :
Langkah 1
Login ke dashboard blogspot kamu
Langkah 2
pilih Rancangan »» Edit HTML
Langkah 3
Beri tanda centang pada Expand Widget Template
Langkah 4
Download Template (ini bertujuan untuk menghindari kemungkinan kesalahan yang terjadi)
Langkah 5
Cari kode <data:post.body/>
Untuk pencarian cepat : Klik CTRL + F pada keyboad >> lalu masukan kode pada kotak pencarian yang disediakan.
Langkah 6
Bila anda sudah menemukan kode yang dicari tadi, lalu masukan semua kode dibawah ini tepat dibawah kode <data:post.body/>
Untuk pencarian cepat : Klik CTRL + F pada keyboad >> lalu masukan kode pada kotak pencarian yang disediakan.
Langkah 6
Bila anda sudah menemukan kode yang dicari tadi, lalu masukan semua kode dibawah ini tepat dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'><div class='similiar'><div class='widget-content'><h3>Related Posts</h3> <div id='data2007'/><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>
Langkah 7
Yang terakhir SIMPAN...dan Selesai...
Penting :
Bila diblog anda sebelumnya sudah menambah 'Readmore Otomatis' diblog anda, maka anda harus menempatkan script related post di bawah kode <data:post.body/> </b:if>
Bila anda sudah memasang iklan di bawah posting, maka tempatkan script related post tepat dibawah atau diatas kode iklan yang anda pasang tersebut.
Selamat Mencoba dan Semoga Sukses...
Temukan akses ke ribuan informasi terbaru menarik lainnya
Dijamin Gak pake ribet dan Gratis!
Tutorial, blog gratis, bokep gratis, hiburan gratis, iklan gratis, permainan gratis, blog seo
Dijamin Gak pake ribet dan Gratis!
Tutorial, blog gratis, bokep gratis, hiburan gratis, iklan gratis, permainan gratis, blog seo
Baca Juga Artikel Menarik Lainya Yang Berkaitan Dengan
“Cara Mudah Membuat Related Post”
“Cara Mudah Membuat Related Post”
Tutorial Blogger
- 1 Cara Membuat Gambar Sejajar Diblog
- Cara Membuat Blog Gratis Diblogspot
- Membuat Scrollbar Pada Popular Post
- Cara Memasang Link Pelangi Diblogspot
- Cara Membuat Artikel Terkait dibawah Posting
- Apa Itu Pilar Pre-Selling Blog
- Apa itu Pilar CTPM Blog
- Pilar Content Blog
- Ayo Kita Blogging
- Sejarah Awal Kemunculan Blogger
Langganan:
Posting Komentar (Atom)
Ada 2 Komentar untuk artikel Cara Mudah Membuat Related Post.
nice..........
12 Januari 2012 pukul 15.27terima kasih, susah banget nyari cara pasang related post yang jelas bagi orang awam. tulisan di atas jelas banget nandain ga copas.
11 Februari 2013 pukul 10.11Tapi gimana ya mas cara agar label postingan hanya ada satu dan tetep ada menu. Saya bukan penggila otak atik blog tapi suka tampilan yang friendly.
thanks
Posting Komentar
Berikan Kritik & Saran Anda Untuk Blog Gopek Melalui Kotak Komentar Yang Telah Tersedia Dibawah ini...