Membuat Artikel Terkait/Related Post dengan Efek Ceklis - Setelah sebelumnya saya update artikel tentang Cara Membuat Widget Artikel Terbaru. kali iniapricyber akan berikan tutorial blog tentang Membuat Artikel Terkait/Related Post dengan Efek Ceklis. Bagi anda semua yang ingin Membuat Artikel Terkait/Related Post dengan Efek Ceklis silahkan ikuti langkah-langkah berikut ini.
1. Buka Dasbor >> Template >> Edit HTML >> Lanjutkan >> Beri centang pada Expand Template Widget
2. Cari kode ]]></b:skin> setelah ketemu masukan kode berikut ini di atasnya
.rbbox
{
font-family:Federant;
background:#fff;
border:1px solid #ccc;
height:198px;
overflow:auto;
margin:10px 0 15px;
padding:10px
}
.rbbox ul li:hover
{
cursor:pointer;
list-style-image:url(http://4umi.com/image/icon/check.png);
color:#3B5998
}
.rbbox ul li
{
list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjStA_qhh5NpdpuQ6SMj6SWw5oyjLsqyEiUCIzNgeEtVE6FerycMYr4ZELYx6BWSMVhaeX1ebAbaCsDF10HVNpbXIMnhcOHcyQ9ESRyvjuh2reTa7fblYw6iu8nFwARJn7YGby2X6ma5_g/s12/uncheck.gif);
padding:.5em 0 .5em .3em
}
{
font-family:Federant;
background:#fff;
border:1px solid #ccc;
height:198px;
overflow:auto;
margin:10px 0 15px;
padding:10px
}
.rbbox ul li:hover
{
cursor:pointer;
list-style-image:url(http://4umi.com/image/icon/check.png);
color:#3B5998
}
.rbbox ul li
{
list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjStA_qhh5NpdpuQ6SMj6SWw5oyjLsqyEiUCIzNgeEtVE6FerycMYr4ZELYx6BWSMVhaeX1ebAbaCsDF10HVNpbXIMnhcOHcyQ9ESRyvjuh2reTa7fblYw6iu8nFwARJn7YGby2X6ma5_g/s12/uncheck.gif);
padding:.5em 0 .5em .3em
}
3. Berikutnya cari kode <data:post.body/> bagi yang sudah memasang read more akan ada dua kode ambil kode yang kedua lalu copy kode berikut ini di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='rbbox'>
<div>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel =999;
var maxNumberOfLabels = 999;
maxNumberOfPostsPerLabel = 999;
maxNumberOfLabels = 999;
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>
<div class='rbbox'>
<div>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel =999;
var maxNumberOfLabels = 999;
maxNumberOfPostsPerLabel = 999;
maxNumberOfLabels = 999;
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>
4. Simpan Template
Demikian Membuat Artikel Terkait/Related Post dengan Efek Ceklis kali ini, semoga bisa bermanfaat. jika ada dari sobat yang tidak berhasil silahkan tanya langsung.
Terima kasih atas kungjungan nya... dan jangan lupa untuk komentar nya...!!
0 komentar to "Membuat Artikel Terkait/Related Post dengan Efek Ceklis"
Blog Archive
-
▼
2012
(286)
-
▼
November
(152)
-
▼
Nov 16
(31)
- Cara menggabungkan File PDF
- Mematikan komputer dengan jarak jauh
- Microsoft Office 2013 KMSmicro Activator v3.10 CODE3H
- Webroot SecureAnywhere Complete 2013 8.0.2.14 Full...
- Stardock Start8 1.03 Windows 8 Full Patch
- Panduan Cara Membuat Buku Tamu "Menggantung" Di Blog
- Cara Memasang Widget Chatting di Blog
- Cara Menampilkan Recent Comments
- Get 1 Million Visitors For You " 1 Juta Pengunjung...
- Cara Mengurangi Ukuran Berat Blog
- Cara mengetahui Jumlah pengunjung online
- Cara Mudah Mendaftarkan Blog ke Ribuan Blog Direktori
- Cara Mempercepat Loading Blog
- Cara mendaftarkan Blog ke search engine
- Cara mengetahui alamat/posisi dengan no Hp atau IP
- Cara membuat Buku tamu di blog
- Mempercepat Waktu Booting Windows 7
- Razer Game Booster 3.5.6 Beta
- Admin Spot Backlink Booster
- Merubah Label Menjadi Keywords
- Tips Blog agar banyak di kunjungi orang
- Menampilkan judul Posting saja di homepage blog
- Cara Membuat Widget Artikel Terbaru
- Membuat Artikel Terkait/Related Post dengan Efek C...
- Membuat Like Page Melayang Dengan Tombol Close
- Cara Membuat Tombol Share Button
- Blumentals WeBuilder 2011 v11.4 Pro Incl Serial Key
- Ashampoo Snap 6.0.2 MultiLanguage Incl Crack
- Aleo Flash Intro Banner Maker 4.0 Incl Patch
- Rollback Rx Professional v9.1 Build 2697670671 Inc...
- UBCD4WIN 3.60 Windows Recovery CD
-
▼
Nov 16
(31)
-
▼
November
(152)