Skip to main content

Cara Pasang Logo Home Blog di Header Linkmagz

Cara Pasang Logo Home Blog di Header Linkmagz - Hi friends, I hope you are all in good healthwallpaper, In the article you are reading this time with the title Cara Pasang Logo Home Blog di Header Linkmagz, We have prepared this article well for you to read and take information in it. hopefully the contents of the post Artikel Blog, Artikel Widget, what we write you can understand. ok, happy reading.

Title : Cara Pasang Logo Home Blog di Header Linkmagz
link : Cara Pasang Logo Home Blog di Header Linkmagz

read also


Cara Pasang Logo Home Blog di Header Linkmagz

Cara menambahkan icon home di menu header melayang template Linkmagz mas sugeng, hayo siapa yang memakain template terpopular keluaran mas sugeng yang satu ini? 

Tentunya bagi kalangan blogger baik lokal maupun interlokal (Internasional kamsudnya) pasti tak asing lagi dengan template linkmagz.

Linkmagz merupakan suksesor dari template Viomagz, walaupun sebenarnya setiap template buatan mas sugeng selalu saja melegenda dan menarik hati para penggemar setianya.

Bukan hanya menarik, performa, kecepatan, kelengkapan, dan kesempurnaan skor menjadi hal penting yang selalu mas sugeng berikan di tiap hasil karyanya. Thanks to him, hats off!

Logo Blog ke Home di Header template Linkmagz

Icon Blog ke Home di Sticky Header

Oke back to topic, salah satu sedikit yang dirasa kurang lengkap dalam template yang satu ini adalah ketiadaannya icon blog yang berfungsi juga sebagai tombol ke home pada menu navigasi header.

Saat kita scroll ke bawah pada tampilan mobile, bar sticky header di atas layar hanya terdapat tombol(icon) menu, switch dark mode, dan tombol pencarian.

Sehingga jika kita ingin menuju beranda situs/blog kita mesti mengklik tulisan beranda pada breadcrumbs, atau membuka terlebih dahulu menu navigasi untuk kemudian memilih beranda.

Kurang afdol rasanya jika tidak ada logo blog kita yang langsung menuju tampilan awal/home di floating header tersebut. Oke yuk disimak tutorial dibawah ini:

Tutorial pasang icon ke home di Menu Header Template Linkmagz

DEMO? kurang lebih seperti icon header  diatas pada situs catatandroid ini.

  1. Login ke dashboard blogger lalu masuk ke menu Template
  2. Search
    <div class='nav-secondary'>
  3. Perhatikan tak jauh dibawahnya terdapat baris pemanggil tombol menu seperti berikut
    <button aria-label='menu' class='navmenu-button'>
  4. Copas kode ini di bawah </button>
    <a expr:href='data:blog.homepageUrl'> <img alt='icon blog catatandroid' src='URL ICON BLOG KALIAN' style='height:30px;width:30px;margin:0 15px 0 0;vertical-align:middle' title='icon blog catatandroid'/> </a>
  5. Sehingga kurang lebih terlihat seperti berikut ini
    <div class='nav-secondary'>
    <b:include name='searchIcon'/>
    <b:include name='darkmodeSwitch'/>
    </div>
    <button aria-label='menu' class='navmenu-button'>
    <div/>
    <div/>
    <div/>
    </button>
    <a expr:href='data:blog.homepageUrl'>
    <img alt='icon blog catatandroid' src='
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GGPXkhJ9Scuk3tDiLabJHk8o6p-LptyCP0CUEva0Edtgle08cKXFiyvCle4orlIls-kbgYaV2SpS2fa8h6Sz9AweAP4sQqqdYa5YpZND8XhltLbKHWTQHAMCz4USoEMyX7H49MZYmwE/s0/catatandroid-icon-logo.webp' style='height:30px;width:30px;margin:0 15px 0 0;vertical-align:middle' title='icon blog catatandroid'/>
    </a>
    </div>
    <b:include name='mobileMenuContainer'/>
    </b:includable>
    </b:widget>
    </b:section>
  6. Simpan template dan silahkan lihat hasilnya

Ganti URL ICON BLOG KALIAN dengan icon image blog kalian contoh:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GGPXkhJ9Scuk3tDiLabJHk8o6p-LptyCP0CUEva0Edtgle08cKXFiyvCle4orlIls-kbgYaV2SpS2fa8h6Sz9AweAP4sQqqdYa5YpZND8XhltLbKHWTQHAMCz4USoEMyX7H49MZYmwE/s0/catatandroid-icon-logo.webp

Jika ingin hanya nama lain bukan icon silahkan ubah tag <img diatas dengan nama blog sobat, atau tulisan bebas. Bisa juga diganti dengan baris icon svg. Contoh:

<a expr:href='data:blog.homepageUrl'><svg style="width:30px;height:30px" viewBox="0 0 24 24">
<path fill="currentColor" d="M19.07,4.93C17.22,3 14.66,1.96 12,2C9.34,1.96 6.79,3 4.94,4.93C3,6.78 1.96,9.34 2,12C1.96,14.66 3,17.21 4.93,19.06C6.78,21 9.34,22.04 12,22C14.66,22.04 17.21,21 19.06,19.07C21,17.22 22.04,14.66 22,12C22.04,9.34 21,6.78 19.07,4.93M17,12V18H13.5V13H10.5V18H7V12H5L12,5L19.5,12H17Z" />
</svg></a>

Penutup dan Kesimpulan

Perlu diketahui cara diatas adalah metode menambahkan logo baru pada sticky header navigasi secondary, bukan memindahkan header aslinya.

Demikianlah tutorial singkat cara memasang icon home blog di header template linkmagz mas sugeng, tutorial ini catatandroid bagikan dikarenakan sampai artikel ini ditulis belum ada yang membahas hal ini.

Cara diatas adalah murni hasil trial error catatandroid, Jika ada pertanyaan atau request artikel silahkan tulis di komentar ya! Silahkan copas dengan proper credit backlink. :)
Semoga bermanfaat, Terima kasih dan Selamat Mencoba! CatatanDroid




That's the article Cara Pasang Logo Home Blog di Header Linkmagz

That's it for the article Cara Pasang Logo Home Blog di Header Linkmagz this time, hopefully can be useful for all of you. okay, see you in another article post.

You are now reading the article Cara Pasang Logo Home Blog di Header Linkmagz with link address https://wallpapers-10.blogspot.com/2021/08/cara-pasang-logo-home-blog-di-header.html
Comment Policy: Please write your comments that match the topic of this page post. Comments containing links will not be displayed until they are approved.
Open Comments
Close Comment