Cara Membuat Kotak Informasi Keren Di Atas Blog

Nah Sobat Sekalian Saya Mau Berbagi Sedikit Trik Cara Membuat Kotak Panjang Dengan Kata2 Di Atas Header,

Artikel Ini Saya Tulis Sendiri, Berdasarkan Pengalaman Saya, Ok Langsung Saja Yuk !!

1. Masuk Blogger

2. Klik Template

3. Klik Edit HTML

4. Cari Kode </body> Untuk Lebih Mudah Mencari Gunakan CTRL + F

Letakan Kode Berikut Di Atas Kode </body>

<div id='XTNavbar' style='position:fixed'>

<span class='left'><img align='top' alt='cyb3r' height='20' src='http://cdn3.iconfinder.com/data/icons/finalflags/24/Indonesia-Flag.png' width='20'/></span><span class='left'>Thanks For Visiting Gunakanlah Google Chrome Untuk Tampilan Sempurna

</span>

<span class='right'>

</span>

</div>

5. Kemudian Cari Kode ]]><b:skin>

Lalu Letakan Kode Berikut Di Atas Kode ]]><b:skin>

#XTNavbar{font-family:Baumans, cursive;background:#000688;border-right:4px solid #6865d4;border-bottom:4px solid #6865d4;border-top:4px solid #6865d4;border-left:4px solid #6865d4;border-style:solid;-webkit-border-top-right-radius:3px;-moz-border-top-right-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:5px;border-radius:3px;border-radius:3px;padding:2px 0;z-index:999;top:0;left:2px;right:2px;position:fixed;-moz-border-radius:0}#XTNavbar .left{float:left;text-align:center;font-size:14px;font-style:normal;font-weight:bold;color:white;padding:2px 10px}#XTNavbar .right{float:right;padding:0 2px}#XTNavbar a{color:orange;text-shadow:none;-moz-outline-style:none}#XTNavbar a:hover{color:cyan;border:0;-moz-outline-style:none}

6. Lalu Simpan Deh

Semoga Berhasil Ya Agan2 Jika Agan2 Ada Kesulitan Silahkan Tanyakan Di Komentar Saja,,,

Jika Ingin COPAS Silahkan Asalkan Cantumkan Link Sumbernya,,

Jika Melanggar Saya Laporkan Ke DMCA, Karena Saya Bisa Melihat Siapa Yang Telah Mengcopy Artikel Saya, Lalu Saya Cek Ke Blog Orang Yang COPAS Nya & Jika Saya Melihat Tidak Dicantumkan Link Sumbernya Maka Saya Akan Langsung Melaporkan Ini Ke DMCA, Jadi Intinya Jika COPAS Cantumkan Link Sumbernya,,