Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

Button

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? Kalau anda tertarik silahkan ikuti langkah-langkah dibawah ini:

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

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt3L5XYvHYDoineQ1pnXSMcBsL7p0EeIUzq7dglCoNdzROzsUW61Lx323GPbpMqNjZWGE2pkUPIZWHrMk4jgt75Ve_DGZK8Br-1J7ccGHWw1Qn2Tv4n5qMB8yQH5uF8_b-j5KLvMS3HYDs/" border="0" >

kode:

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

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC-Rd_jllEFiCbqyvSkF9Ayu65lfL-_SQgHFnfHr9tCWWY_4VCLll4goUwLvt3yc-qCMJE2NxaA0Qm8WaKsTF4ItUR9gYftM-IjrnuG6Nw1CMVF6vvRpqDWq1sEIL1_yRiPmrK6ofXEuFx/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_z9xCqPYZQjMOtaRiaovX1W1c8KbxJ19F04-1GdOYN3Q7AOYMoIuybywD8_72bHs4paFNCb4WQobJTm9P2pS1AUH5N6XMFoyoE-jHIibObqk9YwM_4XBhWm6WjvRscTpK0PTTrYKSmguc/" border="0" />

Kode:

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

• 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" />

• 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/AVvXsEgQyYLjaj47ESxp5C2eoupEpCU1xkJ6oqkpA25u7bV5XTm2SYrb6NSpxBxD29aOWKb1TGY8ELBN_YPx35CPv5rR0t_bQqMi2LEMKZv7p6SAGBQMT7X4FgX8RFSYTowKxrgg5NYAVocZ7Gs8/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJP1wpBpe-AKjPJXzblgGL7ZCOiWVen_akgPI5qVlCZ42QGsEbpfkSiYiwbNsltxPyeEENvKC1fc7kdUKP28wrCVDnS3iQKm9XHmugDJx1MjEUJh53sF41aQC1TkUtxZMbns3wrJv-IScX/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfAHUSSG7SACoUqe8p4QyWYD4MxuKfzIZP-XlB4_fwzwkZeBBWmixDqi3U7tfhonu_WyMYg8caqlKw58Rb4r9p3sGvcRkmQkE9sl8ocvfkhYblJJaW6E8EYpySF_NR_w3Kz7t-nKQTdMnD/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYs0a7E7J_7Xqf0OMCqKyGxbt4i9h6K7kSrTdKiWleLjewlkfFW-F2OB9PqraEZQfU1bjBNkm5gRM4sPt-igpl4is2bw9xJvtuWCpKmdsbk6Ra_tnim58Dq-lGF0Op2Hei25FCFrZfrOQP/" border="0" />

Kode:

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

• 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/AVvXsEhb46F7JsEzauREyRH2d_j6WmfJ3QAS3j3zkU-daxCl4w22LxNK-QyEx-c5g2xFzcn97cWvFmqmN6OtRHJslC3zTRvowfzqfxE4dB_6hmZDmxz-oSCWXqOlFy8tSE6e8SSZ2g2NJzkbbglW/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTPz0NZbtlTPoy9D4DIY3imiV7sUrc56V7D7lcg1_LQYlEf34u25915-kjfpWepriPdkz-RlM4-b9xa3p6Ne8RLHwXFpKRh7OGUfdhyphenhyphenyI9YbVkZ8Ty_vHRn7iUCVdV6qCQTycFwE6NDUXH/" border="0" />

Kode:

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

Kode:

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

• Setelah itu, klik Save Template.
• 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..

Keep Visit: www.sofian555.blogspot.com