NIKI TRIK KULO: 04/30/16

Cara Membuat Kolom Scroll Pada Postingan Blog

Cara Membuat Kolom Scroll Pada Postingan Blog - Scroll Box atau CARA Membuat kotak Scroll pada postingan blog sebelum ke Script Dengan Scroll di Posting Blog NIKI TRIK KULO terangkan dulu manfaatnya, ow,,, lupa gmana kabarnya agan-agan? masih pada semangat ngeblognya? tetap semangat dan cari inspirasu baru. hehe

Ok !! manfaat atau tujuan dari tips Cara Membuat Kolom Scroll Pada Postingan Blog ini untuk meringkas atau membuat simple tulisan atau scrip yang sobat posting di blog. maka dengan scroll pada postingan blog menjadikan postingan sobat kelihatan lebih menarik.

Sekarang sebagai contoh kotak scroll pada postingan blog seperti dibawah ini:

Cara Membuat Kolom Scroll Pada Postingan Blog - Scroll Box atau CARA Membuat kotak Scroll pada postingan blog sebelum ke Script Dengan Scroll di Posting Blog NIKI TRIK KULO terangkan dulu manfaatnya, ow,,, lupa gmana kabarnya agan-agan? masih pada semangat ngeblognya? tetap semangat dan cari inspirasu baru. hehe.

Ok !! manfaat atau tujuan dari tips Cara Membuat Kolom Scroll Pada Postingan Blog ini untuk meringkas atau membuat simple tulisan atau scrip yang sobat posting di blog. maka dengan scroll pada postingan blog menjadikan postingan sobat kelihatan lebih menarik.

Jika Sobat Tertarik Copy saja script ini dan pasang kode script dibawah ini pada mode edit HTML saat sobat menulis artikel di blog atau postingan:

Contoh Pertama Cara Membuat Kolom Scroll Pada Postingan Blog

<div style="background-color: white; border: 1px solid rgb(191, 189, 189); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 400px;">Masukkan Tulisan atau teks sobat disini</div>

Keterangan !!!!

100px : untuk mengatur tinggi kolom scroll

400px : kode untuk mengatur lebar kolom scroll

Masukkan Tulisan atau teks sobat disini : silahkan sobat ganti dengan teks atau tulisan yang sobat inginkan.

Contoh kedua Cara Membuat Kolom Scroll Pada Postingan Blog

Pada cara yang kedua tetap sama pasang kode script dibawah ini pada mode edit HTML saat sobat menulis artikel di blog atau postingan :

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 200px; width: 500px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukkan Tulisan atau teks sobat disini
</div></span></span></span>

Keterangan !!!!

200px : untuk mengatur tinggi kolom scroll

500px : kode untuk mengatur lebar kolom scroll

Tulisan atau teks sobat disini : silahkan sobat ganti dengan teks atau tulisan yang sobat inginkan.

Hasilnya Seperti ini :

Cara Membuat Kolom Scroll Pada Postingan Blog - Scroll Box atau CARA Membuat kotak Scroll pada postingan blog sebelum ke Script Dengan Scroll di Posting Blog NIKI TRIK KULO terangkan dulu manfaatnya, ow,,, lupa gmana kabarnya agan-agan? masih pada semangat ngeblognya? tetap semangat dan cari inspirasi baru. hehe Ok !! manfaat atau tujuan dari tips Cara Membuat Kolom Scroll Pada Postingan Blog ini untuk meringkas atau membuat simple tulisan atau scrip yang sobat posting di blog. maka dengan scroll pada postingan blog menjadikan postingan sobat kelihatan lebih menarik.

Sekian dulu sobat blogger NIKI TRIK KULO Cara Membuat Kolom Scroll Pada Postingan Blog semoga bermanfaat dan jangan lupa tinggalkan pesan dan juga lihat postingan saya kemarin cara membuat kolom scroll pada blog archive ( arsip blog ) dan Cara Membuat Efek Scroll Pada Kolom Komentar.
Good Luck

Memasang Widget Komentar Terbaru di Blog - Beberapa fungsi dari sebuah widget adalah menampilkan cuplikan-cuplikan tertentu, seperti halnya widget populer post yang berfungsi menampilkan artikel-artikel yang sering dibaca oleh pengunjung. Selain itu pasti kita juga mengenal sebuah widget yang berfungsi mengetahui sebuah riwayat dari sebuah komentar, yaitu new coment. Kita bisa tahu komentar-komentar pengunjung blog dari sebuah artikel walaupun artikel itu udah lama. Intinya adalah memudahkan kita untuk melacak komentar pengunjung diblog kita. Widget ini biasanya dipasang disebalah kiri artikel atau kanan artikel atau lainnya. Ok, langsung saja kita masuk bagaimana cara memasangnya.

1. Login ke Akun Blogger sobat
2. Pilih Tata Letak
3. Tambah Gadget atau Add Gadget
4. Pilih HTML/Java Scrip
5. Copas Kode dibawah ini

<style type="text/css">
#komentar {
font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
background-color:#597624;
margin:0px 0px;
padding:10px 10px;
color:#000;
border:4px solid #597624;
-webkit-box-shadow:inset 0px 0px 2px #000;
-moz-box-shadow:inset 0px 0px 2px #000;
box-shadow:inset 0px 0px 2px #000;
}

#komentar ul {
margin:0px 0px;
padding:0px 0px;
border-top:1px solid #455F20;
border-bottom:1px solid #799D1A;
}

#komentar ul li {
border-top:1px solid #799D1A;
border-bottom:1px solid #455F20;
padding:3px 0px;
list-style:none;
}

#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
color:#D7E5FD;
text-shadow:0 1px 1px rgba(0,0,0,0.4);
}

#komentar ul li b:before {
content:url(http://3.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
margin:0px 4px 0px 0px;
display:inline-block;
*display:inline;
vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 14,
jmlkarakter = 200,
home_page = "http://trikkuampuh.blogspot.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>
6. Simpan.

Selesai, nah itu tadi cara memasang widget komentar terbaru di blog. Kurang lebihnya saya mohon maaf jika ada kata yang kurang berkenan dihati sobat mohon maaf sebesar-besarnya. Kritik dan saran sobat bisa sampaikan di kotak komentar. :)