Cara Mudah Mengganti Tulisan Logo dengan Gambar di Template Viomagz
 |
| Image by: Seotechman |
Seotechman.com, Bogor 22/11/2022. Cara mudah mengganti tulisan logo dengan gambar di template viomagz.
Sedikit pembahasan/tutorial kali ini, mungkin sudah banyak yang mencari dan mencoba untuk mengganti tulisan logo pada header template viomagz, namun ada saja yang belum bisa atau belum mengerti.
Sebetulnya mudah saja kalau menurut saya pribadi. Kenapa saya bilang mudah? Ya memang mudah, apalagi jika sobat mengerti dengan dunia perkodingan. Sebenarnya sih simple, untuk cara mengganti tulisan logo tersebut.
Lalu bagaimana caranya?
Oke, tanpa perlu berfikir panjang mari kita langsung saja ketahap langkah pengerjaannya.
Cara mudah mengganti tulisan logo dengan gambar di template viomagz
1. Buka Blogger
Seperti biasa, sobat buka akun blogger masing-masing. Setelah itu, pada bagian menu sidebar/menu sebelah kiri klik pada bagian Tema.
2. Edit HTML
Setelah itu, lanjut klik edit HTML. Lalu cari kode yang seperti ini di template viomagz yang sobat miliki.
.header img {
display: block;
width: auto;
max-height: 35px;
margin: 4px auto auto;
overflow: hidden;
}
Silahkan sobat ganti pada bagian margin, margin yang bernilai 4px itu adalah jarak atas pada logo tersebut. Silahkan diganti dan dipaskan dengan jarak atas dan bawah headernya.
Jika sudah, kita lanjut kelangkah berikutnya.
3. Cari Kode Header
Masih pada edit HTML, setelah sobat selesai mengubah marginnya. Langsung saja sobat cari kode heading h1 pada bagian headernya yang dibungkus didalam <b:if cond='data:view.isMultipleItems'>, seperti contoh gambar berikut ini:
Atau kurang lebihnya seperti ini:
<!--<b:if cond='data:view.isMultipleItems'>
<h1><b:include name='title'/></b:if>-->
Silahkan sobat bungkus dengan tanda seperti ini: <!-- .. --> atau hapus kode diatas yang saya tandai. Jika sudah, langsung saja klik save/simpan.
Perlu diingat, cara diatas sudah terbukti dan sudah saya praktekan sendiri pada template redesign saya "Simponish".
Namun sayangnya template simponish belum bisa saya publikasikan karena masih banyak yang harus saya ganti dan saya optimalkan.
Apabila sobat ingin melihat-lihat template keren lainnya, langsung saja kunjungi [Seotechman.eu.org].
Dan, untuk langkah yang terakhir yaitu, lihat hasilnya.
Demikian cara mudah mengganti tulisan logo dengan gambar di template viomagz.
Semoga bermanfaat!
Belum ada Komentar untuk "Cara Mudah Mengganti Tulisan Logo dengan Gambar di Template Viomagz"
Posting Komentar