Tips Bloging Selanjutnya dari kami adalah Cara Mudah Pasang Artikel Terkait dengan Fungsi Scroll Pada Blog pada Blog.kalau sebelumnya di sertai thumbnail atau gambar tapi yang berikut ini tidak.
Berikut Cara Mudah Pasang Artikel Terkait dengan Fungsi Scroll Pada Blog
- Login dulu Di Blogger seperti biasa
- Pilih menu Template
- Lalu klik Edit HTML ___ Lanjutkan
- Centang kotak "Expand Template Widget"
- Cari kode ]]></b:skin> (Gunakan tombol ctrl+F pada keyboard untuk melakukan pencarian cepat).
- Copy kode dibawah ini, lalu paste DI ATAS kode ]]><b/:skin> berikut kodenya :
.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;
-webkit-box-shadow: inset 0 0 20px #f10c0c;
box-shadow: inset 0 0 20px #f10c0c;
.rbbox:hover{background-color:#000000);}
- Selanjutnya, cari kode <data:post.body/> gunakan ctrl+F
- copy code ini di bawah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid
#ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
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('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>
- Selanjutnya SIMPAN TEMPALATE
keterangan :
Jika ingin mengganti warna background kotaknya, ganti kode warna ( #f10c0c; ) Dengan warna yang di ingin kan.
sekian tips dari kami tentang Cara Mudah Pasang Artikel Terkait dengan Fungsi Scroll Pada Blog semoga bermanfaat.
Like Facebook dan Twitter di bawah ini
Cara Mudah Pasang Artikel Terkait dengan Fungsi Scroll Pada Blog
9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Anda baru saja membaca artikel yang berkategori
tips bloging
dengan judul
Cara Mudah Pasang Artikel Terkait dengan Fungsi Scroll Pada Blog. Anda bisa bookmark halaman ini dengan URL
http://saka-keyword.blogspot.com/2012/11/cara-mudah-pasang-artikel-terkait.html. Terima kasih!
