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

Ilmu Sosial Dasar: Warga Negara dan Negara #5

A. Pengertian Hukum Secara Umum : Hukum adalah keseluruhan norma yang oleh penguasa masyarakat yang berwenang menetapkan hukum, dinyatakan atau dianggap sebagai peraturan yang mengikat bagi sebagian atau seluruh anggota masyarakat tertentu, dengan tujuan untuk mengadakan suatu tata yang dikehendaki oleh penguasa tersebut. E. Pengertian Negara Negara berasal dari kata state (Inggris), staat (Belanda), dan etat (Prancis) yang sama-sama asalnya dari bahasa latin status atau statum yang berarti keadaan atau sesuatu yang bersifat yang tegak dan tetap.Berikut pendapat para tokoh mengenai definisi negara. Menurut John Locke (1632-1704) dan Rousseau (1712-1778), negara adalah suatubadan atau organisasi hasil dari pada perjanjian masyarakat. Menurut Max Weber, negara adalah suatu masyarakat yang mempunyai monopolidalam penggunaan kekerasan fisik secara sah dalam suatu wilayah Menurut Mac Iver, suatu negara harus mempunyai tiga unsur pokok, yaitu wilayah, rakyat dan pemerint...
Post a Comment
Read More >>

Ilmu Sosial Dasar: Pelapisan Sosial dan Kesamaan Derajat #6

PELAPISAN SOSIAL A   Pengertian pelapisan sosial       Pelapisan sosial dan kesamaan derajat mempunyai hubungan, kedua hal ini berkaitan satu sama lain. Pelapisan sosial berarti pembedaan antar kelas-kelas dalam masyarakat yaitu antara kelas tinggi dan kelas rendah, sedangkan Kesamaan derajat adalah suatu yang membuat bagaimana semua masyarakat ada dalam kelas yang sama tiada perbedaan kekuasaan dan memiliki hak yang sama sebagai warga negara, sehingga tidak ada dinding pembatas antara kalangan atas dan kalangan bawah. B    Proses terjadinya pelapisan sosial      Pelapisan sosial terjadi dengan dua cara, yaitu : Terjadi dengan sendirinya       Pada cara ini, pelapisan sosial terjadi secara alamiah atau tanpa kesengajaan. Hal ini akan membentuk pelapisan sosial yang bervariasi menurut tempat, waktu, dan kebudayaan. Kedudukan seseorang pada pelapisan sosial ini juga terjadi secara otomatis. Terjadi dengan s...
Post a Comment
Read More >>