Cara Membuat Banner Informasi Di Header Blog

Cara Membuat Banner Informasi Di Header Blog - Halo sobat pada kesempatan kali ini ane akan membagikan artikel tentang bagaimana cara membuat banner informasi di header blog, seperti yang kalian lihat saat ini blog idgretongers sedang dalam masa perlaihan domain .com ke .net maka dari itu ane membuat sebuah banner kecil diatas yang menginformasikan bahwa saat ini situs idgretongers sedang maintenance. selain itu banner ini juga bisa kamu isi untuk informasi lainnya seperti informasi link mati, informasi jadwal update blog dan informasi lainnya. oke langsung saja kita ketahap tahapnya.

Contoh Banner Informasi Di Header Blog

Nah seperti inilah, contoh bannernya.

Fungsi Banner Informasi Di Header Blog

1. Dapat memberitahukan informasi yang penting kepada pengunjung.
2. Dapat memberitahukan bahwa website mu sedang maintenance atau sedang tidak stabil.
3. Dapat memberitahukan bahwa beberapa link download di blog mu sedang rusak.
4. Dan masih banyak lagi.

Cara Membuat Banner Informasi Di Header Blog

1. Buka Dashboard Blogger > Tema > Edit HTML.

2. Kemudian salin kode dibawah ini.

/* IDGretongers Banner Informasi */
.idg-banner{font:normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif;display:block;margin:10px 1px;padding:10px;background-color:#fff2cb;margin-top:20px;width:auto;}

3. Lalu cari kode /b:skin, Kemudian tempelkan kode yang tadi disalin tepat diatas kode /b:skin.

4. Setelah itu, masuk ke Dashboard Blogger > Tata letak, kemudian cari kode widget yang berada diatas postingan, biasanya dalam template sudah tersedia.

5. Kemudian buat widget disitu isi dengan kode HTML, dan pastekan kode dibawah ini di kolom HTML tersebut.

<div class='idg-banner'>
<b> Maintenance Info: </b> Saat ini Gretongers Indonesia sedang masa peralihan domain dari idgretongers.com ke idgretongers.net, jadi bila ada artikel kami di google pencarian akan di arahkan ke domain baru, silahkan gunakan fitur search untuk mencari artikel yang diinginkan. <a href='/p/maintenance-info.html' target='_blank' title='Contact'> Klik Disini Untuk Info Detail. </a> </div>

6. Kemudian Save dan Exit lalu refresh blog kamu, dan taraaa.

Nah itu lah sobat  sekian untuk artikel kali ini jangan lupa untuk Like Fanspage Kami.

Direkomendasikan