Senin, 29 April 2013

Cara Membuat Kotak Scroll di Blog

Halooo sobat blogger, gimana nih kabarnya... Semua pasti sehat² aja kan...
Hemmm saya udah lama gak posting nih, terakhir posting tentang Tutorial Blog yaitu dengan judul Cara Membuat Reply Comment Pada Komentar Di Blog
Maka pada kesempatan kali ini, saya akan share tentang Cara Membuat Kotak Scroll Super SEO Di Blog.. Hemm aneh bukan judulnya, mengapa kok saya kasih Super SEO segala, alasannya karena. kotak scroll ini beda dengan yang lain. Ini tampilannya super cantik, ada warna variasinya pada kotak scrollnya. makanya beda dari yang lain.. hehehehehee.
Tapi mungkin cara pembuatan ini sudah tidak asing bagi sobat bloggers yang sudah master, karena sudah di luar kepala. Tapi bagi para sobat bloggers pemula mungkin ini bisa jadi pilihan yang tepat. Di sisi lain para sobat bloggers yang udah pernah posting Cara Membuat Kotak Scroll Di Blog, saya lihat² tampilannya belum ada yang menyajikan dengan kotak scroll bervariasi.
Maka dari itu, disini saya mau berbagi Cara Membuat Kotak Scroll Super SEO Di Blog atau Membuat kotak Scroll Bervariasi.

Kalau sobat penasaran, seperti ini nih hasilnya nanti.


Halooo sobat blogger, gimana nih kabarnya... Semua pasti sehat² aja kan...
Hemmm saya udah lama gak posting nih, terakhir posting tentang Tutorial Blog yaitu dengan judul Cara Membuat Reply Comment Pada Komentar Di Blog
Maka pada kesempatan kali ini, saya akan share tentang Cara Membuat Kotak Scroll Super SEO Di Blog.. Hemm aneh bukan judulnya, mengapa kok saya kasih Super SEO segala, alasannya karena. kotak scroll ini beda dengan yang lain. Ini tampilannya super cantik, ada warna variasinya pada kotak scrollnya. makanya beda dari yang lain.. hehehehehee.
Tapi mungkin cara pembuatan ini sudah tidak asing bagi sobat bloggers yang sudah master, karena sudah di luar kepala. Tapi bagi para sobat bloggers pemula mungkin ini bisa jadi pilihan yang tepat. Di sisi lain para sobat bloggers yang udah pernah posting Cara Membuat Kotak Scroll Di Blog, saya lihat² tampilannya belum ada yang menyajikan dengan kotak scroll bervariasi.
Maka dari itu, disini saya mau berbagi Cara Membuat Kotak Scroll Super SEO Di Blog atau Membuat kotak Scroll Bervariasi.

Gimana soob, Cantik dan SEO banget kan... hehehehehee.
Kalau begitu, ini ni kodenya. Cekidot 

Klik buka untuk mendapatkan kodenya ;


<!--Start code scroll box by;"afa aprilion-amigos.net"-->
<div style="background-color: black; border-bottom: 2px solid #ff0000; border-left: 20px solid #ff6600; border-right: 2px solid #ff0000; border-top: 2px solid #ff0000; font: 12px Georgia,Garamond,Serif; height: 100px; overflow: auto; padding: 10px; width: 400px;">
<span style="color: white; font-style: italic;"> ................. Disini Silakan isi dari artikel/tulisan sobat, bisa juga berupa image.................</span></div>
<!--End code scroll box by;"afa aprilion-amigos.net"-->

Keterangan ;
Code; font: 12px ; Merupakan code besar kecilnya tulisan yang ada dalam kotak scroll. Ubah nilainya saja yang berwarna merah.
Code; height: 100px ; Merupakan code dari tinggi kotak scroll tersebut. Ubah nilainya saja yang berwarna merah. Ubah dengan keinginan sobat.
Code; width: 400px ; Merupakan code dari lebar kotak scroll tersebut. Ubah nilainya saja yang berwarna merah. Ubah sesuai kolom halaman blog sobat atau sesuka sobat lah pokoknya.
Code Tulisan;...... Disini Silakan isi dari artikel/tulisan sobat, bisa juga berupa image..... ; Merupakan tempat sobat untuk mengisi dengan artikel sobat,atau bisa juga dengan gambar jpg dan sejenisnya...
Ingat ya soob, yang sobat bisa rubah hanyalah code code yang sudah saya paparkan di atas.

Untuk pemasangan Kotak Scoll, itu terserah sobat, mau sobat pake untuk koak Code HTML pada waktu posting, atau sobat taruh di sidebar, di footer, di body atau di header..

Heem, gimana soob, mudah kan.. Semoga berhasil ya sob.. Salam Bloggers Indonesia.
Oh iyaa sob, hampir lupa. Kalau sobat berkenan, kunjungi nih, Cara Membuat Kotak Buka Tutup Super SEO Di Blog.
Share on :
Comments
0 Comments

0 komentar:

Poskan Komentar

Luangkanlah Sedikit Waktu Sobat Untuk Memperindah Blog Ini Dengan Berkomentar,, (^_^)
PERINGATAN,,!!!
NO SPAM, No Links, No SARA, No G*mbling, No P*RNO!. KOMENTAR BERISI LINK & tidak sesuai dengan tema pada postingan ini akan langsung dihapus. Thanks.