Skip to main content

Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

Secara default, setiap template blogger akan dilengkapi dengan link older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.

Nah agar tampilannya lebih menarik, anda bisa menggantinya dengan icon-icon mungil. Contohnya seperti gambar dibawah ini.


Menarik bukan? Klu anda tertarik silahkan ikuti langkah-langkah dibawah ini

1. Pada menu klik Design -> Edit HTML
2. Biar aman backup dulu template anda dengan klik Download Full Template
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode <data:olderPageTitle/>5. Kalau sudah ketemu ganti kode tersebut dengan kode icon dibawah ini.


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQP-opoRK31eQ4YfMpTrQ2JmPCWjBppMwJ6ju4WHakL7Cxd2kSIPW2tLDf96Z5CIODx09T7KNHvQvaXNAIF5oseVcfqg783iPSGM6MAcVsUS9XlmfjH-6ZBv8QQunNodDvahVW8gukc6Td/" border="0" >


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvR2FZ5xFfJF-8SF9cX6xSWTxvOB290csZWiasnCIOaIhnRMOMm3J2twNNuXSpXty3zY5rEiYzfPc9BMSjG6onAiow_F8sn6ge5pXN9C5ICsj8wZYjWYoeqWiOpua7bZqy0yB3VRZlDyI0/" border="0" />


kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMvEmyPPRHvt_HZNyNOJTAbl-fa1BIIlhhpFPErW_qt7SNsBQ2IEexN_WRAcMHR7Z2FUr0aQxWtv23lOFUCD4CucbNxX0DcKBqctFpRzulL5upcxFFmHcuoKOSu2wWe-8xULWLo8VAQGW/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ-TLHPs-3Gq7IApG2ABXGyxozDNbRnRCQlFZ77Hg3jN33_9OmDzh3tEvBVw7bKhMtycOWIVdeVCVIwHXaa7MoVp157FaJKU4xeQ3-oymVBA2IjhPCk9-sw_jtg9pZjwjX4PFUXcPyU5l-/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TAcl6R7M9DIGyYsPdDzPjwSjZDoivRw0561d0dtt_YMpW7kWp9wdfsz35VlOxEXDrsoHVTrwPfDTzHDwSMEvjG0fUcjwPyBqcmakt7CZU8H9ZeZyh76RVqHRvTUGppoc-HGMyv_mP5Cm/" border="0" />

6. Contohnya anda mau menggunakan icon maka ganti kodenya dengan <img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" />

7. Untuk mengganti link newer post. Cari kode <data:newerPageTitle/> lalu ganti dengan kode icon dibawah ini.


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZiuZZRamogYG0T9UyBWmwv2-yO0Eaq0c2rR7QKn2EG5TIGuHQ2eMtBYxfBfSiaA-TT-y2L1nnu9fUWF0lkYSM5SlyEeU3ispXGDNTwiTOLnlkw3lKI5ng2fpNcSstGe4KbWMZU6NSPdPt/" border="0" /></a>


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKt3AJQSPkv56NSQrFip9qF1KDfaGOZg0-PEo5e2XF0hD2gLBcr_yUrrSOzFjAK8wKVCkb-g6P9EQ8GivIw5yagjsqC8lFepAuuLMYy_xSfYBMSPRLIGQUJkJMCmyQEKWotK83kVPkqzyf/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVJomx1sV4Ws4b-OWPOQ6nLMwBTiJaeRXzXNEYPNpeNkKvERxUXvaqgH4cr1KEIW0zlSd5NFWMOgrOLz7gtwKN58pg-i_G6wh-CGX-UnznFzWXjokJ7FuLz5hHe9y97K9J1wW4iW7Kgzg/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjgmhgPRKI90svI68oio1pkmFcjKMykKK0TSswoDv4JTqhP7FrmPCMq50AvvQmIkjkbMTZlguZ5t2yLRjyfWt6zBUDgovN7zaktLYymad-UurEq5lbsnqE97yzDx9_bZLTeixXOIu_96t/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjum8uTBuQgf31xhJQ5m3T7a3ht6KsrSxYcteYW2NwOAKgcSOCublst_M5SwT-hraieDH9NRKZnV6d84EUcu1pfzwWv_T9LnNULH-_gqTPhrKIgKGeuorzZ-U2eg4d1V1nAPFp2tudio5YJ/" border="0" />
8. Sepertinya kurang maknyus jika tidak mengganti link home-nya. Ok, untuk mengganti link home cari kode <data:homeMsg/>. Biasanya ada 2 kode yang sama. Ganti kode yang pertama dengan kode icon dibawah ini.


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA9oNfpbrogkVRD-T3E_2uFyqJCdjWFQSnYlPn_2qohDdWHUBOIFvALpj8t3aQW2Be4tpd0B5T1LIV53iGuNVuIFdizT0EKcj7NCz41TQS39psulwVBIyCRRuyl64kayJ3S_IEXuhhrvBX/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF9IPZhw5T6EpjdqbwM6qp4P04UFtka87YtNd2I8q7HToTKVODOw6H4vwsbgNsu-ZCl7JUGcn2laKNfd2QW0x9ThCH5wXy05Xm9QiEqEuz-hAGopkHESjf9ljILONrspBSZU3Z_mT91orP/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijpVLQ4Xzj-4YFM8676o2Ejs_xp6zFWd31vao8dlYfsApPLijHfm6xwToTC14tYB4-UiyuCGxj1lUOE0e7iCaKTf1-JleMjhyphenhyphen_LGxvR96MNKcr4IH4CgwnSRUDkKucJzuWqm-_7K7sQNHF/" border="0" />


Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi285wUtNvGbs4sOhrMfSKa1N8yURcfFRLQldF5Sb4yhPyhCpvl82mnwZGQIcYZNYXwfo1J6UNAqKSH2Zjp3EPZoYsrR5KDxRYtfDtJzRIIkC2SUij9j-68qhow4m0BPXu7i5zxPuDdXqKP/" border="0" />
9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.

Untuk mendapatkan icon-icon cantik lainnya. Coba kunjungi http://www.iconarchive.com. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..
Labels:

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Menu Mendatar Di Atas Widget Attribution Dalam Area Footer Halaman Blog

Secara default, Blogger menyediakan sebuah widget ‘Laman’ yang dapat digunakan untuk menampilkan laman mandiri pada sebuah blog dalam bentuk tab menu horizontal seperti yang tampak di bawah bagian header blog ini . Namun dengan berbagai alasan dan tujuan, tidak sedikit pengelola blog yang lebih memilih menggunakan menu horizontal kustom daripada memakai widget ‘Laman’ yang sebenarnya juga dapat dimodifikasi sedemikian rupa sehingga sesuai dengan keinginan kita. Sebagai contoh misalnya adalah penambahan pull-down menu pada tab menu standar Blogger, seperti yang saya uraikan dalam artikel dengan judul “ Cara Menambahkan Sub Menu (Pull Down Menu) Pada Tab Menu Horizontal Standar Blogger ”.
Post a Comment
Read More >>

Cara Mengatasi Blackberry Yang Hang

Cara Mengatasi Blackberry Yang Hang Cara Mengatasi Blackberry Yang Hang - Pernah tidak sobat mengalami keadaan di saat lagi BBM-an tiba - tiba hp Blackberry sobat hang total dan tidak bekerja dengan semetinya? Jika pernah, apa yang sobat lakukan? Membawa ke tempat service? maka siaplah untuk kehilangan beberapa lembar dari kantong sobat ( duit ) hehehe. Kali ini saya akan ngasih tips sederhana yang mungkin bisa membantu sobat yang sedang mengalami masalah hang pada BB nya, trik kali ini dijamin tidak akan mengosongkan dompet sobat karna memang tidak ada biaya nya alias gratis. Yang perlu sobat lakukan yaitu hanya duduk menghadap depan layar monitor dan mengikuti tutorial dari saya yang berikut ini.
Post a Comment
Read More >>

Ilmu Sosial Dasar: Ilmu Pengetahuan Teknologi dan Kemiskinan #9

1.  Pengertian Ilmu dan Ilmu Pengetahuan Batas kajian ilmu adalah fakta sedangkan batas kajian filsafat adalah logika atau daya pikir manusia. Ilmu menjawab pertanyaan “why” dan “how” sedangkan filsafat menjawab pertanyaan “why, why, dan why” dan seterusnya sampai jawaban paling akhir yang dapat diberikan oleh pikiran atau budi manusia (mungkin juga pertanyaan-pertanyaannya terus dilakukan sampai never ending) oleh Heidegger, setiap telaah filosofis terdapat unsur metafisik. Ilmu adalah pengetahuan yang bersifat umum dan sistematis, pengetahuan dari mana dapat disimpulkan dalil-dalil tertentu menurut kaidah-kaidah umum. (Nazir, 1988) Konsepsi ilmu pada dasarnya mencakup tiga hal, yaitu adanya rasionalitas, dapat digeneralisasi dan dapat disistematisasi (Shapere, 1974) Pengertian ilmu mencakup logika, adanya interpretasi subjektif dan konsistensi dengan realitas sosial (Schulz, 1962) Ilmu tidak hanya merupakan satu pengetahuan yang terhimpun secara sistematis, tetapi juga ...
Post a Comment
Read More >>