Cara Membuat Tombol Home Dan Admin Pada Blogspot

Cara Membuat Tombol Home Dan Admin Pada Blogspot  

Merubah, memodifikasi tampilan home serta menambahkan tombol admin dengan icon gambar kedalam halaman blog, dengan cara membuat tombol home dan admin pada blogspot. Jika sobat merasa bosan dengan tulisan home dan beranda, lalu ingin menggantinya dengan sebuah icon gambar, silahkan untuk melanjutkan membaca postingan artikel ini. Siapa tahu dengan sedikit sentuhan ini bisa sedikit memberi kesan fresh pada tampilan blog, selain itu dengan terpasangnya tombol admin akan mempermudah bagi admin itu sendiri dalam urusan masuk –keluar dari dasbor blog. 

Adapun cara atau langkah-langkah dalam pemasangannya sangatlah gampang sekali, sobat hanya perlu melakukan copy paste kode yang tersedia berikut ini kedalam halaman blog sobat. Setelah selesai klik simpan, dan selesailah sudah cara membuat tombol home dan admin pada blogspot ini. Okay, tanpa berpanjang lebar lagi, mari kita mulai saja dengan cara pengeditannya.

-Login kedalam dasbor blog

-Pilih template

-Edit HTML

-Centang kotak expand widget template

-Cari kode seperti ini <div class='topnav'> atau kode seperti ini <li><a href='#'>judul halaman</a></li> kemudian masukan kode dibawah ini kedalam urutan halaman blog sobat.

<li><a expr:href='data:blog.homepageUrl' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOR627_5AeYaMzmWiNtRbOCBrp9Jnvi7FnL_tebFmI8ycifL5RlBj0tg7KZKpYw3Oo3-q-7SLw7z-HS-ef4fuIC0o3u6elA3rHcfbEEAqW3O33LFAGVVzCvJZ8L6RByHPBLsBbd7lhMIg/s1600/house.png) no-repeat left; padding-left:20px;'>Home</a></li>
<li><a href="http://www.blogger.com/" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqta0RVmWBG0KpJdoR7LefLl_diljVx42AEsTAaC_WKbsXffn_5ZAtuIPg0vRJAsL2a4Zcap4m6jwhSyafuoURpEzsR_KLTyLHgVbKUQc3DRuHj95KL2uE_AKH0SA3OQ3-HO4I5X3H0FU/s1600/key.png) no-repeat left; padding-left: 20px;" target="_blank">
Login</a></li>

-Simpan

Selain itu anda bisa juga memasukanya kedalam halaman statis, caranya sebagai berikut.

-Login kedalam dasbor blog 

-Pilih laman 

-Buatlah halaman baru 

-Masukan kode berikut ini

<a expr:href='data:blog.homepageUrl' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOR627_5AeYaMzmWiNtRbOCBrp9Jnvi7FnL_tebFmI8ycifL5RlBj0tg7KZKpYw3Oo3-q-7SLw7z-HS-ef4fuIC0o3u6elA3rHcfbEEAqW3O33LFAGVVzCvJZ8L6RByHPBLsBbd7lhMIg/s1600/house.png) no-repeat left; padding-left:20px;'>Home</a>

<a href="http://www.blogger.com/" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqta0RVmWBG0KpJdoR7LefLl_diljVx42AEsTAaC_WKbsXffn_5ZAtuIPg0vRJAsL2a4Zcap4m6jwhSyafuoURpEzsR_KLTyLHgVbKUQc3DRuHj95KL2uE_AKH0SA3OQ3-HO4I5X3H0FU/s1600/key.png) no-repeat left; padding-left: 20px;" target="_blank">

Login</a>

Catatan: waktu memasukan kode, rubah layar penulisan menjadi mode html. 

-Terbitkan.

Demikianlah cara membuat tombol home dan admin pada blogspot, selamat mencoba and bye-bye…! Oya penampakannya akan seperti pada gambar dibawah ini, klik saja untuk mencobanya.