Cara Membuat Scroll Pada Blog Archive (Arsip Blog) Blogspot

Jika sobat membaca tiga tulisan sebelumnya, yakni: Membuat Scroll Pada Bloglist, Membuat Scroll Pada Linklist, dan Membuat Scroll Pada Label, pasti dapat menyimpulkan bahwa cara untuk membuat scroll pada gadget blogger/blogspot adalah sama, yaitu dengan cara menambahkan perintah overflow pada kode <div class='widget-content'>. Demikian juga jika kita membuat scroll pada blog archieve ini.

Blog archieve atau arsip blog yang mengunakan pilihan hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah artikel yang kita publish tiap bulannya (bisa juga mingguan, tergantung pilihan kita). Tentu saja ini akan sedikit mengganggu penampilan blog kamu karena panjang sidebar menjadi tidak menentu. Untuk itulah perlu dibuatkan scroll agar panjangnya tetap sesuai aturan yang kita buat.

Untuk membuat scroll pada blog archieve ini tidak jauh beda dengan membuat scroll pada gadget blogger/blogspot yang lain, yaitu sebagai berikut:

• Dari halaman dasbor, klik Tata Letak - Edit HTML.
• Beri tanda centrang pada Expand Template Widget.
• Kemudian cari kode type='BlogArchive' (gunakan Control F atau F3).
• Perhatikan kode yang ada di bawahnya, seperti ini:
  
  <b:includable id='main'>
  <b:if cond='data:title'>
  <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
• Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga menjadi seperti ini:
  
  <b:includable id='main'>
  <b:if cond='data:title'>
  <h2><data:title/></h2>
  </b:if>
  <div class='widget-content' style='overflow:auto; height:200px'>
  <div id='ArchiveList'>
• Atur ukuran tinggi (height)-nya sesuai kebutuhan.
• Simpan hasil editing ini dan ucapkan Alhamdulillah.....

Ok, segitu aja sob. Semoga tidak bosen dengan bahasan yang itu-itu melulu, hehehe...
Selamat mencoba....

baca juga selengkapnya>>>>

zzz

03.49 | 0 komentar

Cara Membuat Kotak Komentar Facebook di Blogger

kali ini blogger kondang ingin membagi tutorial Cara Membuat Kotak Komentar Facebook di Blogger.mungkin sebagian ada yang bisa dan ada yang belum bisa.nah,kusus tutorial ini unutuk yang belum bisa..,jadi yang udah bisa buka artikel lainnya aja ya...!hee...! - Akhirnya setelah beberapa kali otak atik Cara terakhir inilah yang menurut saya bisa di aplikasikan siapa saja dengan mudah.
So Silahkan Ikuti Langkah-langkah berikut ini :

• Silahkan Buat Aplikasi Anda disini : Facebook developer page
  
  
  
  
  Agar Alamat Blog Sobat di terima Jangan Lupa Tambahkan Backslash " / " di belakang Ulr.
  Contoh  : http://bos-sulap.blogspot.com
  Menjadi : http://bos-sulap.blogspot.com/
  Ambil ID Aplikasi Copy dulu di Notepad
  
  
  
  
  
• Sekarang LoginLah ke Account Blogger sobat
  Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Cari code berikut:
  

  <data:post.body/> atau <div class='post-header-line-1/>

  dan paste code berikut dibawahnya :
  Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua

Ini Scriptnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU8GslHtOzoe9-MeEFBmYUqcm5qxBD30bZ6m4XNcwi7vjNjjgOiYAGSsXaaHOa0SWyC99VptvQhkfAsMapVnG4ESwHP6YgIHHF1_-CPuNIGRRoT4howrk93gHvogXY3IpXKnZ146OJZQ/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;ID-Aplikasi&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://bloggerkondang.blogspot.com/2007/03/cara-membuat-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

Silahkan Ganti ID-Aplikasi dengan ID-APlikasi anda

Jika Tidak Mau Pusing Bikin APlikasi Silahkan Copas Code Berikut dan tinggal di pasang sesuai Arahan Diatas:

Script Jadi dan Tinggal Pasang tanpa Buat APlikasi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.htmll' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU8GslHtOzoe9-MeEFBmYUqcm5qxBD30bZ6m4XNcwi7vjNjjgOiYAGSsXaaHOa0SWyC99VptvQhkfAsMapVnG4ESwHP6YgIHHF1_-CPuNIGRRoT4howrk93gHvogXY3IpXKnZ146OJZQ/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;136575963025211&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

Selamat Kotak Komentar Anda sudah Jadi, Jka ada Maslah jangan segan-segan Komentar

baca juga selengkapnya>>>>

zzz

04.34 | 0 komentar