Konsultan Website

product 1

Jasa Buat Website, Modifikasi Website, Murah dan terampil. HP. 081315099504. Klien Kami

Accounting Consultant

product 1

Serahkan kepada kami masalah pembukuan Anda dan silahkan duduk manis.

TIENS Consultant

product 1

TIENS adalah Perusahaan Terkemuka di dunia. Hub.081315099504

Memasang Widget Related Post Dengan Scroll

Admin Bimbel Gerbang | 00.04 |

Memasang Widget Related Post Dengan Scroll - Selamat malam sahabat Walas Blogger, kali ini saya akan menjelaskan bagaimana cara membuat widget related post / artikel terkait dengan scroll. Widget related post menurut saya adalah widget yang sangat penting untuk kita pasang seperti yang telah saya bahas pada artikel yang sudah saya bahas sebelunya dalam artikel "Widget Yang Harus Dipasang di Blog". Dalam artikel tersebut saya membahas widget apa saja yang penting untuk dipasang dalam blog. 

Ok saya rasa sudah cukup basa-basinya, dan kita mari kita mulai membahas bagaimana cara memasang widget related post di blog :

Memasang Widget Related Post Dengan Scroll : 
1. Login ke akun blogger
2. Klik template --> Edit HTML
3. Centang pada :
4. Copy kode css berikut ini, kemudian letakan diatas kode ]]></b:skin> :

.rbbox {border: 1px solid #333; padding: 5px; background-color: #F2F2F2;-moz-border-radius:0px; margin:5px;}
.rbbox:hover {background-color: #F2F2F2;}
.rbbox ul li {display : block; background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png) no-repeat 0px 0; margin-left : -10px; padding-top : 0; padding-right : 0px; padding-bottom : 1px; padding-left : 10px; margin-bottom : 5px; line-height : 1em; border-bottom:1px dotted #cccccc;}

6. Lalu copy kode script dibawah ini, kemudian letakan dibawah kode "<data:post.body/>". Dan jika anda menemukan kode "<data:post.body/>" lebih dari satu, letakan kode script dibawah ini dibawah kode "<data:post.body/>" yang ke 2 atau 3!

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b>Artikel Terkait :</b>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 50;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 4;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

7. Kemudian  simpan template. Selesai

Apa Komentar Anda terhadap Memasang Widget Related Post Dengan Scroll ?

Category:

SELAMAT DATANG DI WALAS CONSULTAN. Anda sedang memabaca Artikel : Memasang Widget Related Post Dengan Scroll Semoga Artikel Memasang Widget Related Post Dengan Scroll Menjadi berkat kepada Anda semua.

No. Hp : 081315099504
PIN BB : 28AF6FF9
Website : www.browalas.com