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/AVvXsEh7v3ZbM20z98VDUSeiABZgEjpDzydk3U4nXY8R85V4vhL9HLuV-lxHOaRgHSxZkfgAicEdAQyr0yjrm2s0Hztx7O_cdbW6NfOo015Odrb9a7SZe0X6qPxPHzN7YHEbLaQJgEtqga_R99M/?imgmax=800https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjns_aaQua1NXREHn5UmTrNfqn8r063CXioFqXjNdYsPBHItEK2GuOh4i9Omn6vnCvU3p8gKWmTg9tL996brwaUuks6yGQe-iaICRWrw41LUcllMUWh1Uaa4mNNsBr6mmB9Af4PaywWyko/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbx-cJXMvI3XmSIAJMm_AzY7IsbdlX12gMTf3CnGTKDhaFixkWgKxUrwC4NEaNLzXHHWqID7Sd_62dF96lPPqq5byj_UiDlttBul8dowbZXMd8HiXc8yis9Ov8fEkWZH01xa81T6muuEY/?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/AVvXsEh7v3ZbM20z98VDUSeiABZgEjpDzydk3U4nXY8R85V4vhL9HLuV-lxHOaRgHSxZkfgAicEdAQyr0yjrm2s0Hztx7O_cdbW6NfOo015Odrb9a7SZe0X6qPxPHzN7YHEbLaQJgEtqga_R99M/?imgmax=800' title='Next'/>
<img alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjns_aaQua1NXREHn5UmTrNfqn8r063CXioFqXjNdYsPBHItEK2GuOh4i9Omn6vnCvU3p8gKWmTg9tL996brwaUuks6yGQe-iaICRWrw41LUcllMUWh1Uaa4mNNsBr6mmB9Af4PaywWyko/?imgmax=800' title='previous'/>
<img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbx-cJXMvI3XmSIAJMm_AzY7IsbdlX12gMTf3CnGTKDhaFixkWgKxUrwC4NEaNLzXHHWqID7Sd_62dF96lPPqq5byj_UiDlttBul8dowbZXMd8HiXc8yis9Ov8fEkWZH01xa81T6muuEY/?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/AVvXsEh7v3ZbM20z98VDUSeiABZgEjpDzydk3U4nXY8R85V4vhL9HLuV-lxHOaRgHSxZkfgAicEdAQyr0yjrm2s0Hztx7O_cdbW6NfOo015Odrb9a7SZe0X6qPxPHzN7YHEbLaQJgEtqga_R99M/?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/AVvXsEjns_aaQua1NXREHn5UmTrNfqn8r063CXioFqXjNdYsPBHItEK2GuOh4i9Omn6vnCvU3p8gKWmTg9tL996brwaUuks6yGQe-iaICRWrw41LUcllMUWh1Uaa4mNNsBr6mmB9Af4PaywWyko/?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/AVvXsEgbx-cJXMvI3XmSIAJMm_AzY7IsbdlX12gMTf3CnGTKDhaFixkWgKxUrwC4NEaNLzXHHWqID7Sd_62dF96lPPqq5byj_UiDlttBul8dowbZXMd8HiXc8yis9Ov8fEkWZH01xa81T6muuEY/?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/AVvXsEhLq_lkm-7qwWjt4RkiF0OONflADhM17iGVbwCee5GEdd9c5ZSWpfXievtjbUM__rB9K5sZgiXNdeGoVLqFFE7MuGt7_EQD0FSaCOEQNtGj1i9EwI5C3ec5tqW2xrAHlY5TXjjWDnk3MieK/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFEdL5AjoTTjAAq6y-goef7D1gA-sHOVR42MZt8jZ7PlBdZYDi1noIIS_3lIAmAJMj0zju2LC3-7Ygq_NSqAMc4ZwgOP_XvHzRc3FtRIvUPD8lYveZj-dR6XhASk8F0FkweyGFpJpCwWzC/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8MgLz8RBiym82HU83uuT3zGyaZ1M9UwICiSwJjo6lm7ywsStl2Phv7B-Q4pyhYFFwrOkUTLPqI27Z4KZ3YrB0PPr2mOnToC_k4EhiJMP4rJIxsjPpwLNgNRteOeUfLjhH15M753q2t0Ug/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_k0NnegPHk_DD0w3Hxc9HGmBmNk2EyBRrhFzB0R4nuvFyAIT__TRwO0caOy8AOkv6aJkv53buuI6WyWFEtsdHbsc4Kum0hF_6iSYdunEQ5wKqvGPAI7rvmI72t97tgSuNtDWy4ZQSiXSM/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKoq0ygMCmPcav81Po8OJiIg6I_v0TtVwiXcGZDb2xZJoJaVHFzexK3PA1Vyv_ushWs6OWfvHWPVAqvQ_MWd9_MKGjH1FnS9PRSyFVmLUUQw7CejcU69o-3r0KjEcn1ip2qRDvgAKpQwM0/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD3KxMP1dnbShIrTV4HAO30SEK98c8flTooyD9AyODDC5r2bKRn6WFrILvJkH9ULDcyXm0iJxNSAf1kf9ZVcj08v0ORsm4e_p39PXyjr8MJW2CVhdqzsOfd_Rs6cRBGLcdE87-c_4NSc1Z/" border="0" /></a>
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEPbCDb6YUHBnAzZu_fk2KIxI-zGY_Ntm1Rg-ZGYfl6jEQmbHoc0uM-rFS7rB0OAKzL21jTGCDvm7-vUPnn0MCZfsGrPeECvVgRUvOqMOlCjgRTFTWA7z92vcQN1TRls8vP3NxjCD9f6Rt/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixHwr8tESG36BlwnlMbaewt7mkVZXPk9H0k0KQFNb4JPuNtKJpO3N_pHJ7YgSVH98KG1PnvD7NsoGd0lv373JwtDpfIxVZCRhBQ0fc4CajTAmWTHIiYrrEG9t7ZCIenUJgySOLmaqNTFWy/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyWaxGHhiDUqRMSsl0V9iMt917NowOJ11iGFs0W4yvGDhUJo5ci3yh53tK1e5GQHzlxTLAc7y6y9lQGqDr8-miy6lqT-oOINXKChWWbGzrwlAHmsyC3n5E8DETjIQCJX5VMWPeyRHc0rht/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrbq3PJAa01f2Au4qhmejs3s7zwvzc_41SFWcbnId0S4rySLLzJvSiNEA6c3aFoUR-B5HOm9taVuoD3PkOF4vbzARMCcgMVLTO_5IMnZREpdb1S9KWd__AmQRVAcjQfG30y-PY1FNfp93F/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPkgPyO9znKk8DAD2NdnteX5UYJo1yXQoK47mNEKjTqGU5iDmkSeS5iGExC_k5JjjzX9i9KJ-L2ivo6sFCtom0M1gKF4Z80XSaqCoKzT0_ZmNfX7nKT-VpW2PLwX-18isxX2gj5V2vGujr/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinRjs1J3iJ-xUpEgk8TzBn-Hf6rUKh1p-an7e5F3DdHWh0Mfcd7WscJsqT4fT39-an52GaOVJi8KZLiDXkP7ka4sqju_xyrt2pjcfzy_ljbEjCEPRwmGird87nZze3aMjJbgCjKKZ3A8xe/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_42lMY1ZE8h5s_V0VMwZO34CjyhyphenhyphenSCYXnXl3g_Hi1ifAl1m2W119_xlPCwR0MFFK5jPr1z8yKCMG3plUiBluaCpFKDyx_XqjxuE8gft3Hj2CrBlBh6cWi4BLDCpyT7D1fdBJYFh_E0vhD/" border="0" />
Kode
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyG481NoDw68UwrmSNc40IIhPEGKoHm0cNNkEX_dmnEt_i-7NsRbMNAONroxZYzAnU0cE03xwMCjLphPeUjSIlmiFtdsswSKrJrxEaNcSYy2YoRqpYJq3ZC30bqCJVYlYliq1NpLyT1R2p/" border="0" />
Read more: http://myhafiezers.blogspot.com/2011/11/cara-mengganti-tulisan-posting-lama-dan.html#ixzz2AEK91P00
0 komentar:
Posting Komentar