Memasang dan Membuat Scroll pada Label / Kategori / Tag Web Blog

Cara Memasang dan Membuat Scroll pada Label / Kategori Blog : Postingan kali ini saya Admin teMplate mMn (Aksesoris teMplate ) share arsip yang telah saya gunakan dan mungkin ini akan berguna atau bermanfaat bagi yang belum mengerti cara disen teMplate atau Cara Memasang dan Membuat Scroll pada Label / Kategori Blog untuk memperindah teMplate blog kita. Bagi yang berminat, silahkan ikuti trik 2 Cara Memasang dan Membuat Scroll pada Label / Kategori Blog di bawah ini :
1. Cara yang pertama Cara Memasang dan Membuat Scroll pada Label / Kategori Blog :1. Login Ke blogger.
2. Klik Tata Letak.
3. Klik Edit HTML.

memasang scroll pada komentar blog

Pada dasarnya membuat scroll pada komentar blog ini sama dengan memberikan kotak scroll widget-widget lainya , seperti popular post , archive , dan lain-lainya . Disitu kita hanya menambahkan script over flow hidden dan hight berapa pixel saja .

  Ada banyak manfaat dari memasang scroll pada komentar blog anda , diantaranya yaitu blog tidak terlalu panjang , karena sudah ada scroll di komentarnya [ berlaku untk blog yang banyak komentarnya ] , selain itu kita maupun pengunjung tidak perlu repot-repot untuk menggeser mouse ke bawah untuk berkomentar , karena seperti tadi di blog kita udah ada scrollnya . ok , jika sobat ingin lihat demonya silahkan lihat gambar dibawah ini :

Cara Membuat Related Post by label, category dengan scroll

Cara membuatnya sebagai berikut :- Login keBlogger.
- Klik "Tata Letak - Edit HTML".
- Centang kotak "Expand Template Widget".
- Cari code <data:post.body/>.
- Masukan code berikut dibawah code tadi :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
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;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>
Klik "Simpan Template". 

Membuat Artikel Terkait (Related Post) dengan Border Melengkung dengan Fungsi Scroll

Berikut Cara Membuat Artikel Terkait dengan Border Melengkung dengan Fungsi Scroll

1. Log in dulu ke akun blogger kamu.
2. Pada halaman dasbor, pilih menu "Template"
3. Klik "Cadangkan" dulu kemudian download template sobat, hal ini dimaksudkan agar kamu tidak kehilangan template kamu kalau nantinya kamu gagal dalam mengedit html.
4. Kalau sudah klik "Edit HTML". Pilih "Lanjutkan".
5. Ceklist kotak kecil diatas kode html yang ada tulisan "Expand Widget".
6. Cari kode ]]></b:skin> (gunakan tombol ctrl+F untuk melakukan pencarian cepat)
7. Copy kode dibawah ini, lalu paste DI ATAS kode ]]><b/:skin> berikut kodenya :

MEMBUAT WIDGET ARTIKEL TERBARU DENGAN GAMBAR DAN SCROLL

Pertama seperti biasa anda harus login dulu akun blogger anda.

Setelah itu Pilih Tata letak.

Lalu pilih Tambahkan Gadget.

Setelah itu pilih HTML/Javascript.

Kemudian masukkan kode dibawah ini