Cara Membuat Logo Blog Agar Responsive - Kali ini saya akan berbagi cara agar Logo Blog bisa responsive. Seperti yang anda ketahui, blogger pemula pasti melakukan pergantian Logo Blog melalui widget Header pada Blog. Dan pasti anda dapat merasakannya ketika setelah melakukan pergantian Logo blog anda akan menjadi lelet atau tidak Responsive.
Baca Juga:
Maka dari hal seperti itu saya sangat tidak sarankan karena hanya akan menjadikan blog anda menjadi tidak responsive atau loading terlalu lama. Untuk membuatnya agar lebih responsive, anda cukup melakukan cara dibawah ini. Simak caranya dari I AM RYLL 09.
Cara Membuat Logo Blog Agar Responsive
- Login ke Blogger tercinta
- Siapkan URL LOGO ANDA
- Copy paste kode dibawah ini tepat dibawah
]]></b:skin>
/* Header Logo Gambar: I AM RYLL 09 */
.logox {margin: 10px auto 0;padding:0;display:block}
.logox img {width:auto;height:auto;margin:0 auto;padding:0;list-style:none}
#header .description {position:absolute;top:-999px;left:-99999px}
#header {position:absolute;top:-9999px;left:-9999px}Kira-kira tampilannya seperti ini:
- Selanjutnya adalah memasang kode pemanggilnya
- Copy Paste kode dibawah ini tepat di bawah kode
</header>
<div class='logox'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><img alt='logo blog' expr:title='data:blog.title' height='90' src='ISI-URL-LOGO-BLOG' title='' width='250'/></a> </div>
Silahkan anda ganti tulisan ISI-URL-LOGO-BLOG dengan URL Logo anda.
Kira-kira gambarnya seperti ini:
- Lalu Simpan Tema dan lihat hasilnya.
Cuma saran saja agar menggunakan gambar idealnya 250x90 px
Sekian artikel ini Cara Membuat Logo Blog Agar Responsive, semoga logo yang buat bisa responsive agar tidak membebani loading blog anda. Sehingga pengunjung bisa lebih nyaman menjelahi konten pada blog anda. Apabila anda kesulitan untuk memasang script, anda bisa bertanya di kolom komentar di bawah ini. Blogger sejati pasti tinggalin jejak.
