Cara Membuat Icon Navigasi Page
Unknown | 3:55 PM  | 
Blog Tutorial
Kalau pada tutorial blog ewabloggerock sebelumnya kita hanya menambah  gambar tanpa  menghapus tulisan navigasi yang ada, sedangkan untuk yang  kali ini kita  akan menghapus tulisan navigasi tersebut dan akan  menggantinya dengan  gambar navigasi pilihan kita. Sebagai contohnya, sobat bisa  memperhatikan pada bagian paling bawah postingan blog  ini maka ada  gambar dua panah GIF yang mengarah ke kanan dan kiri serta  gambar Home  di tengahnya.Jika soabat tertarik untuk membuat yang seperti itu silahkan untuk login dulu ke akun blogger.
1. Klik Tata Letak
2. Dan jangan lupa untuk mencentang kotak "Expand Widget Template"
3. Selanjutnya carilah kode <data:newerPageTitle/> dan kalau dah ketemu ganti dengan kode berikut
maka tulisan newer post-nya teman-teman akan menjadi gambar:
4. Carilah kode <data:olderPageTitle/> dan gantilah dengan kode berikut
Maka nanti tulisan older post pada blog sobat jadi seperti ini:
5. Selanjutnya cara mengubah tulisan home/halaman depan dengan gambar rumah. Silahkan untuk mencari kode <data:homeMsg/> maka nanti teman-teman akan menemukan dua kode yang sama, dan pilihkah yang paling atas - sebagai contoh, lihat susunannya berikut
-------------------------------------------
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
-------------------------------------------
Ingat ya sobat, kode yang harus diganti itu kode yang paling bawah alias yang berwarna Hijau pada contoh di atas dan digantikan dengan kode berikut
Dan nanti tampilan tulisan home/halaman depan akan tergantikan dengan gambar:
6. Kalau sudah selesai, jangan lupa klik simpan template. Silahkan untuk melihat tampilan blog anda, dan agar ketiga gambar tersebut bisa anda lihat maka cobalah untuk mengklik postingan mana saja yang ada di blog teman-teman dan usahakan pada postingan yang bukan paling pertama maupun postingan yang terakhir.
1. Klik Tata Letak
2. Dan jangan lupa untuk mencentang kotak "Expand Widget Template"
3. Selanjutnya carilah kode <data:newerPageTitle/> dan kalau dah ketemu ganti dengan kode berikut
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaZ2I4rspChxu1H_TrHBc2_gdWx_xHXeL80iSJahJFrHIVE7Jpkl0TYWbpxkM2RkiGaI1FVN96dyllrIofpF6TCgR_7uwOVoTJQ36i-SlWJOOpV759qiXtA8lRS69V9lQc8a_Arw7UOq8/'/>
maka tulisan newer post-nya teman-teman akan menjadi gambar:
4. Carilah kode <data:olderPageTitle/> dan gantilah dengan kode berikut
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXyIxKD84PASXaiw8zxveZYPY4HHRxnBT5Kua27jqllkSiyUq6tkzkuhQEK2t09sDNhmlpfN0IJBHG0prEyOPAf_L-hWBQ4AHvMuYk_gIKxnyjNZN_QRGT_CLfFU10ko-iWubtbqHCT4Y/'/>
Maka nanti tulisan older post pada blog sobat jadi seperti ini:
5. Selanjutnya cara mengubah tulisan home/halaman depan dengan gambar rumah. Silahkan untuk mencari kode <data:homeMsg/> maka nanti teman-teman akan menemukan dua kode yang sama, dan pilihkah yang paling atas - sebagai contoh, lihat susunannya berikut
-------------------------------------------
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
-------------------------------------------
Ingat ya sobat, kode yang harus diganti itu kode yang paling bawah alias yang berwarna Hijau pada contoh di atas dan digantikan dengan kode berikut
<img    src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPYrpro1xTsaSPujA8EoAqNWsiQw4n0kE3y0kfWV_k16bTJhQVpNjn3LZRO7jpE1UaWpkTwjh5ZaABiQYZzOXZR1PzfEbnfbkHPdgUbwm2qffVsCj9O-Bka3W4Ew_0_9swtV4btz14ops/'   title='Home/Halaman Muka'/>
Dan nanti tampilan tulisan home/halaman depan akan tergantikan dengan gambar:
6. Kalau sudah selesai, jangan lupa klik simpan template. Silahkan untuk melihat tampilan blog anda, dan agar ketiga gambar tersebut bisa anda lihat maka cobalah untuk mengklik postingan mana saja yang ada di blog teman-teman dan usahakan pada postingan yang bukan paling pertama maupun postingan yang terakhir.
hasilnya bisa sobat lihat pada blog sy ini
Url gambar iconnya, bisa sobat ganti dengan Url gambar sobat sendiri.., atau bila sobat lagi ga ada waktu tuk buat icon baru., ni ada sy titip link bagus buat icon.. http://findicons.com
Url gambar iconnya, bisa sobat ganti dengan Url gambar sobat sendiri.., atau bila sobat lagi ga ada waktu tuk buat icon baru., ni ada sy titip link bagus buat icon.. http://findicons.com
Description: Cara Membuat Icon Navigasi Page
Rating: 4.5
 





2 komentar:
Yuk teman-teman Pecinta Bola Dukung Team Jagoan Kalian di www(dot)updatebetting(dot)co
AJOQQ menyediakan 8 permainan yang terdiri dari :
Poker,Domino99 ,BandarQ,BandarPoker,Capsa,AduQ,Sakong,Bandar66 ( NEW GAME )
Ayo segera bergabung bersama kami di AJOQQ :)
Bonus : Rollingan 0.3% dan Referral 20% :)
Post a Comment