scroll code style

Scroll style untuk code atau yang saya sebut dengan scroll code style untuk blogspot, cara membuat scroll code style ini masih tergolong mudah, sebab saya sudah memoifikasi kodenya sedemikian rupa. buat para blogger yang menyediakan penyandian code code pada setiap artikel yang diposting, scroll code style ini akan sangat membantu, sehingga penulisan coe pada halaman blog terbilang rapi. Buat para blogger yang ingin memasang scroll code style ini pada halaman blognya silahkan simak penjelasan dibawah ini, atau bila anda penasaran dengan tampilannya silahkan lihat demonya, langsung saja menuju TKP,

Demo

Install Program CSS

1. Login ke dashboard anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code ]]></b:skin> 
4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.

/*****************************************
Name : Scroll code style
By : Rivai Silaban | Blog Design
Update : Selasa 05 November 2013
******************************************/
#lightbdrs-code {
width: 400px;
margin: 10px auto;
overflow: auto;
height: 200px;
padding:0 20px;
background-color:#4E4E4E;
border:solid #0099FF 3px;
box-shadow:0 0 10px 2px #000 inset;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3EL-meD5ca2wnKX-syu3TTajdmsP5VH4HqtvKVxQQ-a8xq3kax_VjhxcQdcecOSJODGpKdff2CBcZ7-J6Me-ObNmHDAO_TXbnHHiGjP5chPrByauU8XF8KN-K5jMZZg8B-HEJ9lNw8A/s1600/bg.png);
}
#lightbdrs-code:hover {
border-color: #333;
box-shadow:0 0 5px 2px #000 ;
}
#lightbdrs-code code {
font-size : 12px;
color : #000000;
font-family: "Courier New", Courier, monospace;
line-height: 20px;
font-weight: bold;
}
/* end css */

Setelah anda selesai menyematkan code CSSnya saatnya anda memasang kode untuk htmlnya, silahkan lihat penulisan code dibawah ini. Atau lihat artikel yang sama, cara membuat highligh code

Code warna HIJAU adalah code html scroll code stylenya
Code Warna BIRU ganti dengan code anda.
Setiap anda ingin memasang scroll code style pada halaman anda, format penulisannya seperti penulisan code dibawah ini.

<div style="background:#fff; width:460px;margin: 10px auto;height: 227px;padding:1px ;box-shadow:0 0 10px 2px #000 inset;border-radius:10px; ">
<div id="lightbdrs-code">
<code>
Ganti tulisan warna biru ini dengan code anda .
</code>
</div></div>

Kesimpulan

Silahkan anda edit CSSnya sesuai dengan kebutuhan anda dan blog anda.

Bila anda mengalami kesulitan pada pemasangan code drop cap ini atau menemukan kode yang tidak berpungsi, silahkan hubungi kami atau share bersama kami melalui form komentar dibawah ini. Pergunakan semua fasilitas pada halaman blog ini untuk mempermudah anda.

Scroll code style
Selasa, 05 Novenber 2013
Rivai Silaban | Blog Design

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 10:22 PM