Cara memasang Scroll pada Label,Popular Post dan Postingan di Blog

Cara memasang Scroll pada Label dan Popular Post di Blog
Cara memasang Scroll pada Label dan Popular Post di Blog
Rachmatalamsyah.com - Pada kesempatan yang berbahagia ini kita berjumpa kembali pada tulisan saya berikut ini dengan judul Cara memasang Scroll pada Label,Popular Post dan Postingan di Blog, scroll disini menurut saya sebagai suatu tamabahan alat untuk memudahkan pembaca melihat semua bagian pada Label dan Popular Pos si empunya blog,selain berfungsi untuk memudahkan juga berfungsi untuk memperpendek tampilan Label dan Popular Post yang mungkin sebelumnya memakan banyak ruang di Blog kita.

Nah untuk cara memasang alat Scroll ini cukup mudah karena hanya menempatkan beberapa kode pada template html blog kita, selain itu kode yang kita masukkan juga cukup ringan dan tidak membuat blog menjadi over/berat. Baik tanpa panjang lebar,berikut adalah penjelasannya :

Cara memasang Scroll pada Label,Popular Post dan Postingan di Blog

A. Memasang Scroll pada pada Label Blog

  1. Silahkan sobat masuk akun Blog sobat 
  2. Klik Template" kemudian "Edit Html"
  3. Kemudian Cari kode ]]></b:skin> (dengan menggunakan Control F) agar lebih cepat.
  4. Lalu Copy Kode di bawah ini dan Paste tepat diatas atau sebelum Kode ]]></b:skin> 
#Label .widget-content{
height:
200px;
width:auto;
overflow:auto;
}

Silahkan "Save/Simpan Template".

B. Memasang Scroll pada Popular Post Blog

Sebenarnya caranya  hampir sama cuma pada kode nya diubah tadi Label diganti menjadi Popular post. Berikut langkah-langkahnya :
  1. Silahkan sobat masuk ke akun akun Blog sobat 
  2. Klik Template" kemudian "Edit Html"
  3. Kemudian Cari kode ]]></b:skin> (dengan menggunakan Control F) agar lebih cepat.
  4. Lalu Copy Kode di bawah ini dan Paste tepat diatas atau sebelum Kode ]]></b:skin> 
#PopularPosts1 .widget-content
{height:170px;
width:auto; 
overflow:auto; 
}

Silahkan "Save/Simpan Template"

Cat : "Untuk kode yang berwarna biru bisa anda atur sesuai keinginan,itu adalah Height / tinggi dari widget Scroll tersebut,untuk width / lebar biarkan saja auto".

C. Memasang Scroll pada Postingan Blog

Caranya sangat mudah,anda tinggal memasukkan Kode Script dibawah ini kedalam postingan yang ingin dipasangi scroll :

<div style='padding: 5px; overflow: auto;width: auto; height:200px;border:1px solid #000000'>
LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI
(Tulisan ditulis di Compose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>

Keterangan:
  • Ingat, sobat harus tempatkan Kode pada mode Edit HTML, bukan Compose.
  • Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
  • height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
  • width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti dengan nilai pada auto, apabila ingin ukurannya disesuaikan seperti keinginan sobat.
  • border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
  • #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan. 

Demikian sedikit informasi mengenai, Cara memasang Scroll pada Label,Popular Post dan Postingan di Blog semoga bermanfaat dan semoga bisa berhasil terpasang di blog sobat. Jika bermanfaat silahkan tinggalkan komentar di kolom komentar blog ini.


Artikel Terkait

Cara memasang Scroll pada Label,Popular Post dan Postingan di Blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

Terimakasih telah berkomentar,saya akan menampilkan komentar anda segera setelah saya setujui.