Mengganti Tulisan Newer Post dan Older Post Dengan Gambar

    Dun-soft.blogspot.com - Secara default, setiap template blogger dilengkapi dengan Newer Post dan Older Post dengan text link yang masin...

   Dun-soft.blogspot.com - Secara default, setiap template blogger dilengkapi dengan Newer Post dan Older Post dengan text link yang masing - masing berfungsi untuk menampilkan postingan lama dan baru.

   Agar tampilan Newer Post dan Older Post menarik, bisa dirubah dengan gambar yang menarik. Seperti contoh dibawah ini :

Menarik bukan jika diganti dengan gambar ?? Jika tertarik, ikuti langkah dibawah ini!!

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/AVvXsEiZg5haPz5rCfRLl3IH9JrXxRJZKD8brTn_qoCC5thXzPEbEPPqksTF3dlJU0WWIyGtkP5wyAMPqJRfHfjaFgx0WICuJrmrvr0KzkVqgp6Kp9Y9HHiLXzT2KYY1-t9seT_vMYdoZB6TK4XP/" border="0" >

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNQv8wcA0IcKQHYODK8sAuEL1Q4HfTAlDNFMvF-znBThi-rtHfI18pXVe2vbH1xFUCmfCbNChDfEwCapxAi-G-1B-KRY4FEWOtQQ9ehp3zIsHIiGNlVMndV6pr2KA-BLh3UrJHnCwxmIFa/" border="0" />

kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz41sk1H-Wn-5mdTeIcak0Nb6teP3-Dn36oFxCjw9-URBKpizaJRf0pcO4Gf_PdvkAA1Oyd7gct1yW84RNCZ0cGscvUcjHUFgbhKaxlprRvHbO1USV6-rVYovLq_xcZB4k8VURCCwB3X4U/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsEnwtcS8AGke2lxmxnwXybGITnXEnXhtiEU9b0X3UEEnltTWCbkSO2hxCsEDvkoDgOkFj3sL8GKOr5mu4fhQxbXGv-4HBKWDs0E4GPCV-e0P_w88cP_QEJeIBgixZj39PNJv-UKSdU7rH/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOuvT18zkG9cCsdzMNOJU7HQpj5rlPi0PgsyU-g2N0ARRs6V_cEJlrwNG6fpSX4ritnC6E7_s-ckk_XqCN6R7FGsJznhrNu2CAEaocBf2AP7GlBBrugJ4rX06wffzSppviT6XsElDBkq8O/" 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/AVvXsEglGGBxM2OUbQ7UZm7r85fL0Ip8JxN6lNjbODdbKa7vJ3wege7_ieYgRl5MwC-Wu493p3bdA-MONXdbJSSylPLiQhR_MViJSIlwKGLFEGS-E18hxzqxkv6H0iDnQN1LhOz-qOyN2-Ubi024/" border="0" /></a>

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxlpf9x2PvyYbzr7Tkswq-XoBdntmFLwofH-8bi3WeXqr7sD0iD3pn3PnicBrrBYYs5yCGT0yam1RNqq7_budlnA-bYL06aPkh7jWQQpyEx6uCDzziywD5WGy-rKTv9lNvGNsJ6l3OBKCb/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaKwp9Txut9jsjbxi5FhYhaXpg-juUrb6pgf2oQYSBu1doh66AFEwzGI49ejP2YLBlN8MDF_sv1UhObaDhCvUK9-mLuvDFx6sHiZlC22lAGeHXdeaioi0Tv4DZTvluFjFvd83R3Q-7WEC8/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhceBNE10bOj9e1nDiQ77R5uWfKoEeozpdT-w9x-Oe5JC0Doa281kiz0p67ua9RQ1LRwkOWexi3KkB3OdgYDAJJRB4qhvRmdd7ytItBFkoY536-WHDp67FFOyFAMfJ_Jsfcmlh7mMXfimWm/" border="0" />

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT32C9AV6wx3ZNkeu4q3Wo3FCZVySzRD8iJuOxgqoJjlYT2ySBWBXiPr7zKQRxa1VvnZlycKKRQ5bH4s5pm2Ye1uNXcltQP3jZVWoJQclAfWaItChMFKShFKgdVkyjxze85wICDpA26VXk/" 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/AVvXsEihLjeTxLA1-zibvIErKnj9rUUBRzjWnlEo9RgZpk6FnU6nh8qvSvl6RVBfbFlgy24zc2wU5F0z3claHRyydKpQGwfig0A4uwNkmq9cM-lH4QJWrOCGZDZlvan2bpD6OTnlibQ4IcFHuMGV/" border="0" />

Kode:

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

Kode:

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

Kode:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIzv01St3NIt2JGGQ7X7VpgEkY4Hyt2V2tgVElANEIHlhF6DrCZ0v-kXsEIhlM8nFzYd2A-KVIUUrAnmD18Y7awqgJR53tazX-FLj6sxu7Z5mZHcXGGlSMW8jk0Wtl1vI_vY932wlL2PBn/" border="0" />

9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.

--SELAMAT MENCOBA--

Mengganti Tulisan Newer Post dan Older Post Dengan Gambar