Populars Post

Tutorial Populars Post :

1. Login ke Blogger.
2. Pilih Tata Letak
3. Buka Element Halaman
4. Pilih HTML/Java Script
5. Copy Paste Kode dibawah ini :

<script language="JavaScript">
aBold = true;
numposts=200;
maxshowresult=10;
home_page = "http://irur07.blogspot.com/";
</script>
<script src="http://ruri.andari.googlepages.com/popularpost.txt" type="text/javascript"></script></div>

6. Save / Simpan.

Read more!

Create Label With Scrool Bar

Ikuti tutorial dibawah ini :

- Pilih Tata Letak/Layout pada Dashboard
- Pada menu Elemen Halaman, pilih Tambah Gadget/Add Gadget pada suatu tempat widget
- Scroll ke bawah dan akan menemukan Pilihan 'Label'
- Klik Tambah dan pilih opsi sesuai keinginan
- Kemudian Simpan

Setelah selesai membuat Label, mari kita kembali ke topic semula yaitu membuat scroll label, gini caranya:
1. Pilih Tata Letak/Layout pada Dashboard
2. Pada menu, pilih Edit HTML
3. Pada halaman Edit HTML, download dulu template kamu dengan klik Download Template lengkap
4. Klik Expand Widget Template
5. Kemudian cari kode berikut:

<b:widget id='Label1' locked='false' title='NAMA LABEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

- Yang berwarna kuning adalah kode yang harus ditambahkan di script itu
- Ganti tulisan NAMA LABEL dengan Nama Label yang tertampil di blogmu.
- Tulisan yang berkedip adalah panjang Label yang ditampilkan, kamu bisa menggantinya sesuai keinginan.
- Kemudian Pilih Simpan dan hasilnya.

Read more!

Create Related Post For Blogger

Artikel Terkait atau biasa yang disebut dengan Related Post bisa digunakan sebagai media untuk meningkatkan pageviews dari blog kita, dengan bantuan artikel terkait ini pengunjung bisa dengan mudah mencari postingan-postingan lainnya yang berkaitan dengan Label/Kategori postingan tersebut. Related Post ini akan membantu memperindah blog juga dengan penempatannya lho. Ya, memang bisa sih diletakkan di mana saja, tetapi pada penelitian memang bagus kalau diletakkan di bawah postingan saja.

Meluncur ke Blogger--->Layouts--->Edit HTML
Centang bagian Expand Template Widget
Cari kode berikut ini:

<p><data:post.body/></p>

Kemudian paste kode berikut di bawah kode tadi:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Artikel Lainnya</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='ardi33'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
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;ardi33&#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>

Simpan dan lihat hasilnya...
Ket : Yang warna biru dapat kamu sesuaikan dengan ukuran masing-masing

Read more!