Cara Membuat Logo Blog Agar Responsive

Blog merupakan salah satu web dari google yang bisa kita gunakan untuk memposting tulisan kita, jika kita senang menulis supaya karya kita bisa di apresisasi oleh orang lain. Salah satunya melalui web, dengan web orang lain bisa menikmati karya tulisan kita. Seperti yang kita ketahui salah satu saingan blog adalah wordpres, tetapi bloger lebih menjadi primadona karena memiliki biaya yang sedikit atau kecil. Berbeda dengan wrpres yang harus mengeluarkan budget mahal untuk membuatnya. 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 NBTEKNO.

Cara Membuat Logo Blog Agar Responsive

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.