Hi, Kawan kembali lagi bersama saya hari ini untuk Membuat Related Post Dalam Kotak Scroll yang sebelumnya rekan saya http://setya21.blogspot.com/ tanyakan. Cara inipun tidak jauh berbeda dengan postingan saya sebelumnya tentang membuat-artikel-terkait-plusikon. Semoga Artikel ini bermanfaat unutk kawan-kawan blog yang lainnya yang tidak bisa disebutkan namanya satu persatu namun tak mengurangi rasa horamat saya kepada kawan sekalian ( Pidato X ya ) !!!
Adapun Cara Membuat Related Post Dalam Kotak Scroll adalah sebagai berikut :
Adapun Cara Membuat Related Post Dalam Kotak Scroll adalah sebagai berikut :
1. Masuk Ke halam Dasboard > Tata Letak > Edit HTML.
2. BackUp template kesayangan Anda, Agar dapat dinormalkan apabila mengalami eror. caranya disini.
3. Klik 'Expand Template Widget' yang berfungsi untuk menampilkan seluruh kode HTML pada template Anda.
4. Lalu cari kode <data:post.body/> atau <p><data:post.body/></p> ( Keduanya sama saja, pilih saja salah satu karna setiap template kodenya berbeda-beda ). Utuk Mencari kode Tekan Saja ( Ctrl+f ) pada keyboard Anda.
Catatan : Apabila salah satu dari kode diatas telah memiliki 2 kode yang sama maka letakanlah kode berikutnya (No.5) dibawah kode yang terakhir.
5. Copy pastekan kode berikut persis dibawah kode di Atas (No.4)
dan bisaanya setelah kode diatas Anda akan menemukan Kode
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
yang memang sudah alami ada pada template Anda.
6. Simpan Template Dan Lihatlah Hasilnya.
Catatan : Related Post Hanya bisa digunakan Apabila Anda Sudah membuat LABEL ( Mengkelompokan tiat-tiap artikel Anda berdasarkan CATEGORI ).
2. BackUp template kesayangan Anda, Agar dapat dinormalkan apabila mengalami eror. caranya disini.
3. Klik 'Expand Template Widget' yang berfungsi untuk menampilkan seluruh kode HTML pada template Anda.
4. Lalu cari kode <data:post.body/> atau <p><data:post.body/></p> ( Keduanya sama saja, pilih saja salah satu karna setiap template kodenya berbeda-beda ). Utuk Mencari kode Tekan Saja ( Ctrl+f ) pada keyboard Anda.
Catatan : Apabila salah satu dari kode diatas telah memiliki 2 kode yang sama maka letakanlah kode berikutnya (No.5) dibawah kode yang terakhir.
5. Copy pastekan kode berikut persis dibawah kode di Atas (No.4)
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar' style='border:1px solid #CCC; padding:10px; width:95%; height:200px; overflow:auto;'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<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>
dan bisaanya setelah kode diatas Anda akan menemukan Kode
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
yang memang sudah alami ada pada template Anda.
6. Simpan Template Dan Lihatlah Hasilnya.
Anda Baru saja membaca artikel tentang Membuat Related Post Dalam Kotak Scroll dan anda bisa menemukan artikel Membuat Related Post Dalam Kotak Scroll ini dengan url https://ghilankmayones.blogspot.com/2012/07/membuat-related-post-dalam-kotak-scroll.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Related Post Dalam Kotak Scroll ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Membuat Related Post Dalam Kotak Scroll sumbernya.
Tidak ada komentar:
Posting Komentar