Uploadlah icon-icon yang anda miliki ke server tempat anda biasa menyimpan gambar, kemudian catat URl nya. Contoh kang rohman mempunyai alamat icon icon di atas sebagai berikut :
Cara mengganti tulisan posting lama dan baru dengan icon
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjbmBZZj2tRSftiUXNxajkfyW6HdK5YcEblS38ebRjyeH5iKq8GxAc4Xh6o_2yuBoEqH8RdMduDkz9Xh7JwbplhMIO-1zteDcOabmisJmBqpSA0vcDh93cqa7yvqo3F03DZAvBkrabAQM/?imgmax=800https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tPkj8wSC-zJGPpRHzDDl2fkf4fwbcR_tU1ZTqnEgZrBeepjFiOeW7xpD31V7yppUDD9ynreUtbHRXoBJEJxeVihQG3_krcuS13Es_HYn7r21sRthRkQ9kH85kah_wG49yglG3rzpH_M/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzGmXHr_mIgZEZsMfhpLulHB9fOebtDayWjRVABIBGf-i20i1CMNHrjyC6lVwgJCoFiymL0-EiCK82qXXaAh0xszC81WvZw0LspyFgjDiWkau4YU6gWb0DJzTSnN_S-UjYXJHT-8mMGY/?imgmax=800
Ubahlah kode di atas menjadi seperti ini :
Cara mengganti tulisan posting lama dan baru dengan icon
<img alt='Next' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjbmBZZj2tRSftiUXNxajkfyW6HdK5YcEblS38ebRjyeH5iKq8GxAc4Xh6o_2yuBoEqH8RdMduDkz9Xh7JwbplhMIO-1zteDcOabmisJmBqpSA0vcDh93cqa7yvqo3F03DZAvBkrabAQM/?imgmax=800' title='Next'/>
<img alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tPkj8wSC-zJGPpRHzDDl2fkf4fwbcR_tU1ZTqnEgZrBeepjFiOeW7xpD31V7yppUDD9ynreUtbHRXoBJEJxeVihQG3_krcuS13Es_HYn7r21sRthRkQ9kH85kah_wG49yglG3rzpH_M/?imgmax=800' title='previous'/>
<img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzGmXHr_mIgZEZsMfhpLulHB9fOebtDayWjRVABIBGf-i20i1CMNHrjyC6lVwgJCoFiymL0-EiCK82qXXaAh0xszC81WvZw0LspyFgjDiWkau4YU6gWb0DJzTSnN_S-UjYXJHT-8mMGY/?imgmax=800' title='home'/>
Jika anda sudah mempunyai kode seperti diatas, langkah selanjutnya adalah tinggal memasukannya ke kode template anda, caranya seperti ini :
- Login ke blogger dengan ID anda
- Klik Tata Letak.
- Klik tab Edit HTML
- Klik tulisan “Download Full Template”, silahkan di backup dulu template anda (penting)
- Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template
-
Tunggu beberapa saat sampai proses selesai. -
Cari kode berikut pada template anda :Cara mengganti tulisan posting lama dan baru dengan icon<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if> - Perhatikan kode yang saya cetak merah.
- Gantilah kode <data:newerPageTitle/>, <data:olderPageTitle/> , dan <data:homeMsg/> dengan kode icon anda. Contoh :
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img alt='Next' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjbmBZZj2tRSftiUXNxajkfyW6HdK5YcEblS38ebRjyeH5iKq8GxAc4Xh6o_2yuBoEqH8RdMduDkz9Xh7JwbplhMIO-1zteDcOabmisJmBqpSA0vcDh93cqa7yvqo3F03DZAvBkrabAQM/?imgmax=800' title='Next'/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tPkj8wSC-zJGPpRHzDDl2fkf4fwbcR_tU1ZTqnEgZrBeepjFiOeW7xpD31V7yppUDD9ynreUtbHRXoBJEJxeVihQG3_krcuS13Es_HYn7r21sRthRkQ9kH85kah_wG49yglG3rzpH_M/?imgmax=800' title='previous'/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzGmXHr_mIgZEZsMfhpLulHB9fOebtDayWjRVABIBGf-i20i1CMNHrjyC6lVwgJCoFiymL0-EiCK82qXXaAh0xszC81WvZw0LspyFgjDiWkau4YU6gWb0DJzTSnN_S-UjYXJHT-8mMGY/?imgmax=800' title='home'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if> - Klik tombol Simpan Template
- Selesai
Cara mengganti tulisan posting lama dan baru dengan icon
Contoh hasil yang akan anda dapatkan seperti ini : Selamat mencoba! Cara mengganti tulisan posting lama dan baru dengan icon
anda bisa mengganti link yng berwarna biru dengan link di bawah ini
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vjRniOD4HFCZWqgqE48sXAVgfGqtDuT5vfo4FnWPpesOlwGFp0YxZWS1zI4DxJt-Lv7cYEa_b3dRhSZF_vqzADQbIzjaq9CutQfTEE9d0g8cF52TvFIDTcrOsBvXKG6enHq1tnudWSHy/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOKjzaQwPjh9jnttnHH0AZfMbq2crgZEmSzQ08w2hMc__tBUhUCZ3ktylulRx8jWiWLvqsxWjAXtLn_nLSMS23PrjbRnetqd_xqgwciKp2UgW_c_QMpSp3wX3kBMf1DVEnXw5B9bg9JXF/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibza0Pi-UrAVYm4Jj6I6v6G3tH8IX828vAQbQhjRQnHxkVz1Xd_wDsNGxnPoDDvsbJWPUnViJIHbuyOvfVQKaRIGkhKRANNlYfH2N0W8L7mMtC4Mi1o1qWT4vlguAvkLNjZ6HgQ2My5_I7/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHTDbtxYWS1GkdqLHJLtgSrr0m0hELiTWAhRyCySTBa4vjFPHxsy2diwzGvGwptzVyPYIAEFsSBnJlDypQSrQHLlVuw3l20QqNLXQjMjWFo0k826csa4FsfiRLjy1OSv0kHXmJs3-yc2Du/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifUuRwEK-EDBwo9N8B3wYY1uOly3kDITejXkI1KlFwX2drJLoeqrsHkmnDU25OMyXRaIzWL6f-wxVe-VwWzNV1ImCG5mPrwjri3DyHckEJdklg54fEEw3ArBgONTh8OwwiLvAR8uqn7NyM/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoTbHdITelk5mqk5IgBMdFg9eMlP6gnEFnfkLqnF6GVX5R7QX9kyyKGXhaJegPFlXqB5GfUSn89DsVB3V7_0_s5idF4l71f0Dn-FLQvPZQnyJgb9dU7a6e9F14SdXUBFcYgCsIRSifwOVS/" border="0" /></a>
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLbzKn0qMYNePN_8xovy2jdfMYkUFkQ-94MulsY4DBKlZLW-LtNw0rzFxjd3ZP1_fU_h0GDv5iD79zrxmdDxyYUu5PAQDDHGZOfTUv6D9OjX4-_khgXAdcONwsT8FJb5g_32GeiMiykTre/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjckkPkJvxy6m4jiXaIyIezZw2jwNisiVGMFoRtLfu6aEsXMZlrknjlFeg-Qp2frjH6WpQi9HOPzZds18Lk23e_Bwo8JvqSiJkJSQtrK1Zw5YQMy6w4lOl67IJXqMuupoUNyNkPFrKOlriu/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqA7t0hA54NywJ8Y0P8z6iAlbMsg81OEKkmOV-NiURMeIZbDF59bQW2vRi6bxbepVH3z1VUKZc2bN8M9yvlDaixRjU67srXMfcKXFDFxe0T8I3zWaWC0cn0caStLFRIBR1tPxqp9nI9vwi/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqUoUtMwY4GtD-9cTOPB9LpC87NwAUJ-5fyyQ-m0bP5sQiPYDkPsApSIKr9pZI9JUmXMc9wTU4K-8jbz2KSiZDW5UpR_pd5uiCJnr3FaE725Bdq9T70RzruLhcr3M_AScwcWoXEvNQkaQ/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3hQ7xFgCTFoTC6CQZgn1kzxAacegbpfbcXA3dZtLJyi36Q0gMojQ5pga5E8aNV25FtMnQdjQFDOxgzYIHLDMImIrzJTb3GZzUu1wW5LHk71cbnLk4C0x_pTo6_Fwc1YYY5SIcD31EunCE/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNYhmhEUGK4azvFQwv6sPVpiLJhSN_rhOcsQeOqZwCLvBVegJfaRa51uDqh2DzXo-xKGAbKKxakZhNmgz9XNpmgkOMW0u87zrqy5ANnUOlo2_zbe2WbkAHLeI-jFPojKFmyy5YIMomcto3/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_ADmLGdVEKewM4y2-WOdeSadX33S-M5aO-AhVoxqr2akRXLFmpBt4mgbsSRP1imnLdvtlaKVNrlMKKANk62346hMwHFVt_dwtxBhOcnAF5Kp6xjbWbGQ5ScRl44WlU7h0zvfxKTu06lt/" border="0" />
Kode
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2zoZz9AEofxJcHf7Ys8WvPoSrbUv_EYW2ce9xfJEgEd58efQaie9ytIUTYVcAzqmLPZ4fEzWuHNv_Je0CiO-EE680EQWX0odZu6ZQzWfkCQi-NJEXeC7wM4NOnIeULkAOzoTSm0wlhsBZ/" border="0" />
sumber : http://galihhackers.blogspot.com/2011/11/cara-mengganti-tulisan-posting-lama-dan.html
0 comments
Post a Comment