Cara Mudah Membuat Related Post Dengan Fungsi Scrool
Hai Sobat, Apa kabar ? hari ini saya akan share Cara Mudah Membuat Related Post Dengan Fungsi Scrool .
Langsung saja check this on :
Langsung saja check this on :
Cara membuat related post pati sudah banyak dibahas di blog yang lainnya. Tapi kali ini saya akan mencoba membagikannya kepada blogger yang masih belum tahu cara memasang related post fungsi scroll. Oke Langsung saja di praktekkan ya sob.
1. Pertama buka blogger.
2. Kedua masuk ke template 3. Klik Edit Template
4. Lalu cari kode ]]></b:skin> (Agar lebih mudah dan cepet pencet CTRL + F pada keyboard)
5. Dan letakan kode berikut di atas kode ]]></b:skin>
.rbbox{border: 1px solid #D8D8D8;padding: 5px;
background-color: #000;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #000;}
6. Lalu cari kode <data:post.body/> atau <p><data:post.body/></p> (Agar lebih mudah dan cepet pencet CTRL + F pada keyboard) "Kalau ada <data:post.body/> nya 2 , pilih yang kedua saja"
7. Lalu letakan kode berikut di bawah kode <data:post.body/> atau <p><data:post.body/></p>
<b:if cond='data:blog.pageType == "item"'>
<H2>Related Post:</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 = 50;
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>
7. Jika sudah, yang perlu sobat lakukan adalah save template.
Untuk tulisan atau kode yang berwarna merah anda bisa menggantinya dengan Artikel Menarik Lainnya, atau apa saja terserah keinginan sobat.
Oke sob cukup sekian tutorial blog dari saya semoga bisa bermanfaat untuk blogger yang masih pemula.
Bila tutorial diatas tidak bisa , mohon berkomentar agar bisa dibetulkan.baca juga artikel tentang Cara Membuat Related Post Dengan Gambar
Untuk tulisan atau kode yang berwarna merah anda bisa menggantinya dengan Artikel Menarik Lainnya, atau apa saja terserah keinginan sobat.
Oke sob cukup sekian tutorial blog dari saya semoga bisa bermanfaat untuk blogger yang masih pemula.
Bila tutorial diatas tidak bisa , mohon berkomentar agar bisa dibetulkan.baca juga artikel tentang Cara Membuat Related Post Dengan Gambar
0 Response to "Cara Mudah Membuat Related Post Dengan Fungsi Scrool"
BACA DULU SEBULUM BERKOMENTAR PERATURAN BERKOMENTAR DI BLOG INI :
- Di Wajibkan Berkomentar Dengan OpenID,supaya mimin bisa berkunjung balik
- Berkomentarlah sesuai artikel diatas,Jika diluar artikel gunakanlah tag [ OOT ].
- Berkomentar Disaran kan Sesuai Artikel
- Untuk Menyisipkan Kode Gunakan <i rel="code">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan pre Gunakan <i rel="pre">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan Catatan/Blockquote Gunakan <b rel="quote">Tulis catatan di sini</b>
- Untuk Menyisipkan Link Gunakan <i rel="anchor">URL DISINI</i>
- Untuk Menyisipkan Gambar Langsung Saja Tulis URL Imagenya
- Untuk Menyisipkan Video Youtube Langsung Saja Tulis URL Videonya
Konversi KodeEmoticon