Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Tuesday, November 5, 2013

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(http://2.bp.blogspot.com/-Z0NQ5NxNkmE/UjSXktAKEEI/AAAAAAAAByM/AGe4VEHPfJw/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.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 10:22 PM

10 comments :

  1. Saya pernah satu kali otak atik CSS di blog. Dan begitu di upload atau di Save di Blog hasilnya malah hancur. Jadi kapok kalau otak atik CSS yang saya sendiri masih bingung editnya. Ujung ujungnhya setiap kali mau otak atik CSS, saya harus save dulu templatenya biar nda hancur lagi hiehiheiheiheiheee

    ReplyDelete
    Replies
    1. heheh iyalah sob, kalo masih belum paham bagusnya di backup dulu templatenya agar lebih bebas ngeditnya..

      Delete
  2. Kapan2 saya coba deh. Makasih gan infonya

    ReplyDelete
  3. Replies
    1. Thx atas pendapatnya dan kunjungannya..
      salam..

      Delete
  4. nyoba nih mas .. siapa tahu berguna .. simpan dulu yah ..

    ReplyDelete
    Replies
    1. silahkan mas.. soal berguna pastilah, apa bila blognya bersangkutan dengan tutorial.. hehehe

      Delete
  5. mantafffff , , ,
    saya cobang ya mass , , ,

    ditunggu kunjungan nya diblog saya , , ,

    ReplyDelete
    Replies
    1. silahkan mas..

      thx atas pendapatnya dan kunjungannya..

      Delete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog