0 Cara mengganti link older post dan newer post dengan gambar

Secara default, setiap template blogger akan dilengkapi dengan link older postdan 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/AVvXsEh6px1HSDeJ8LJknBs99sUsJ80lZpSNejfxY9G4nqbB8UAJ5hfehPS3v1khXa2liOZtMNtX5LKqQGVfjCReAotrDt8U4XO-FqeZ012U7EglbYHpnDcUBET6mbu1S3AKB03I5g4xSMHyoEQu/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtuuVfxFFGX1RbWnT4wEPWaUgVhXR7NyJSbGRN_HJ5aqOUWi5FKST3Qb6hcckanZldrENPQDAMjUTDcnXSi2zTbShACvT0e7nFObXGSr-ILu-ezhJePGK6y7qXghBVu87wlw2uNdasyaFI/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4OHHpkniNV98meELDER04H-_PSaAKeddu654AuB08hZcVMUljdl5DfCBkpUYcJkbD4mbOj5qplRchVnlocs7jmxJ8Jzfff6hxGWlPmUfoSRa_lyJRPTcAsS4Mk_82mQdclzN7NqhxhDTr/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25wVbX8la6H-tRMTFy0l2jNU3zN_jdGcD14xUh3sscgEp_STXKGomnklEOEJzeimD3xw9bbxGVc13-fhfci6Y1K8qsHXMBGI1r6tfcrJPz4IhFI3gYD7_2VebwOBZ11d7Q7rfHOJhRx9E/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyjsb7DD7r76Q32H9ihOai9B0TwEoYvm60Z7ou9UUzWosJtGpdj5FCF7evFYwV7rRGTWjyafcUEUkis7PkZJlFECt7nHic3-hOd6gtnKM4pGK9WRI9Y8ybuzXvHTHI0k4xLE_jU30tOuj/" 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/AVvXsEhiTCH0BnjBN9C3AE14VKkAM35hItB1fDqgjK16Q_vAbnYW4_Y2ZcVksIabHnAPLrcb6EteY09_hfKhFNtWsUD8tWmntJVlDyv8HavYiVNe7qq2_JWxrO4CbMRxT77K38O-s7VlrfffPrwi/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt0sFJzbgJUh4GVpCGnGGu_efMt2_Wu_6eRPZ5fSf9P_Eloc5Pix_iF9EANC8RgyyMdzbgXW8xYQ-7TtcbKGPLvheF46alFx2zjZ2dEAP3bCpbguEaarjD76wKEhWETwqHzzyPAH52njuB/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPwLJ9iK3qHr1i0NVKNvw0a68yuqIiat9u9edt5l9_pw9OPNwv7Gu1068chbvJT8SmAUUEhtH0DnQ8Yprsi8tWCBCSGNS7GT8sXt-FBJtCNYQzVNGg5pOvPZTBI1HDvZbARRXlLqkfgDL/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcKgNsuQj2j6G9qfMjfjaVEWys-HY894TXXRKZC67YOyGXAjqA6obm5FsZMWs0dayCeOpH-9oEvyXfKxdo1STH_IlHDJ9SRLdG4cL0X82VOOuoTeThZKQqZrOgt2ZG0i9TuLIX7nbeT1lQ/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVyrXkm8FFZs7zda_mcS1kHCyij2HGWEOKsL9MUeGkJUphMIP7Z3ZdmEXuZBjWHc_W2b7G6TwPZbJVKQsQyOC4TfjM52xpcOTxogDsCyIh47Qqo8QXP6tr9q-MLPJiZumDz_IoSgrsJ0PG/" 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/AVvXsEjosNzsKqhRqNNyKuPFAEi9qcIP8AngTLlYSnzLSgTAhvAsb0tvhJIWYQaQ1RpbMlVY97qdn3Wfmq_BxIPclqCt1tf0vnOQU4Vt-lmIAmjscsrlqtPOm6PWtCtQo_FYKE8E9vcp82WThXmY/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtag1W8V8j-r8pgxqMFmwkVj1u_2Gj_mUC6hkyTTf2Od6s1PFUuUP3fSnGgX8_3LqMcWAQ4OxG0CcGP4ykK_lWFq9OKw4-wLG9IXeghmtdJNpP8VrI1nJqQufRwdrsr5gS-31hPmY3ujkc/" border="0" />

9. Setelah itu, klik Save Template.