Cara Baru Membuat Icon Gambar Home, Next , dan Previous Pada Blog

Cara Baru Membuat Icon Gambar Home, Next , dan Previous Pada Blog

Selamat malam sodara, maaf yah kalau kalian membacanya pada siang hari, krena aku nulis tutorial nih pada waktu malam, yah jadi selamat malam. Ok, langsung ke intinya, kali ini saya akan membagi sedikit tutorial mengenai cara membuat tombol Home beserta sodaranya, yah ane bilang sodaranya, sebab dimana ada tombol Home akan lebih baik dan menarik kalau kita rangkaikan dengan Tombol Next dan Previous. Emangsih udah banyak Blogger yang ngepost Tutor ini, tapi nggak ada salahnyakan kalau kita mengulang untuk berbagi, mungkin masih ada yang belum nemu artikel nih, tentunya para newbi, seperti kayak aku sendiri. Ok Langsung ajah berikut Langkah dan caranya, di ikutin yah, yang terpenting di praktekin.Ok,ok…

Ok, sodara Berikut Tutorialnya :

1. Pertama sodara masuk ke akun blog Sodara, 
2. Dan tentunya masuknya akan ke Dashboard Blog sodara, Setelah itu Klik Design, Edit HTML 
3. Setelah masuk pada Format HTML dalam bentuk xml, sodara Buka atau Klik semua tanda panah hitam kecil yang ada pada Format HTML dalam bentuk xml tersebut, biyar nanti ketika menekan CTRL+F , kode yang akan kita cari bisa ketemu dan terlihat. 
4. Selanjutnya yang paling intinya, Sodara Cari kode Berikut ini <data:olderPageTitle/> ganti dengan kode di bawah ini

<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJrJN5MiOWA0YMOPxsiUUczEYd_ShF96zSK0y5xf3zOvTkxztLDmsvgPTA3CUu8ofFkCr1PTQogSchJPQej88YzaqbDqb1DO7ioQS8k_hOCqTexIXet2ZEIcFFOvooV_kkAjTTLlWMx7iA/s1600/w2b_next.png ' style='border: 0 none;vertical-align: middle;'/>


5. Kemudian cari lagi Cari kode <data:newerPageTitle/> sodara ganti dengan kode di bawah ini

<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieCyo0xIBURLad6HPNJhZCEqYV7yf0RuO-xYxFVi1y-HmxrarYrRro_kIol47vY-_zt9bMz217gjFpI3iafHOIKvfiuZK6lwfNDm3uoRU6csPZp3Es571Yb7dFOwwbBSPmYvvyXjtDS6kU/s1600/w2b_prev.png ' style='border: 0 none;vertical-align: middle;'/>


6. Terakhir sodara harus mencari lagi Cari kode berikut ini <data:homeMsg/> Jika ketemu, sodara ganti dengan kode di bawah ini

<img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTa5SguxPp_wf_8YfuA2nXFAu7_nfKuBbkRY-AEqbw4ueXAHcJcZT0ZPMRUxLoRfzCEBjk8pXMZNcHiQHGvVpora9U6nEmTx_dUJU4G7ya1YH48SSLiayCseUy1jqfgO6pTe5C_O6i6Ee/s1600/w2b_home.png ' style='border: 0 none;vertical-align: middle;'/>


7. Langkah terakhir, silahkan sodara Klik save dan lihat hasilnya di Halaman Blog Sodara,

Catatan Singkat : Gunakan CTRL+F untuk mencari kode-kode yang harus di cari. Sodara bisa berkreasi sendiri dengan mengganti Url Gambar yang lebih baik untuk Tombol Home, Next, dan Tombol Previous jika sodara mempunyai rfrensi Url untuk gambar tombol yang lebih baik.

url yang berwarna Ungu adalah url icon Next, Sodara bisa menggantinya sesuai Keinginan.
url yang berwarna Merah adalah url icon Previous, Sodara bisa menggantinya sesuai Keinginan.
url yang berwarna Orange adalah url icon Home, Sodara bisa menggantinya sesuai Keinginan.


Anda Bisa Coba Url Image Tombol Home di Bawah ini kalau tertarik :

1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0OMfWocWhCbTiCV30LnGEYKTfWpb6AI3vXhEOUWOKccii8Ym70YzuW4geUPrr6hb4o4UGgrJaRYd-HnEhVn5Ud0eCVKXtnb8sH-_VX_0NB5GXABEDnF3W3ZviVQd3r1sI9kVLeBUpV8/s1600/key.png 
2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5kaOtrSuzylQLVh5-mYhi1TXT2urf8N3XCQfeyqqzoT5YnxHeQ6ql-vVh7kdG9NCIwYIZVjQ6X3SvyqWMoBa9IRojnN6_F08olkZ3t8esajeL1UNiEfF-EhKcOdOSHIYDmklZXGyqpX8/s1600/house.png

Demikian tutorial singkat ini, semoga bisa bermanfaat. Sekian dan terimakasih

Wassalam.