Cara mengganti tulisan posting lama dan baru dengan icon
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/AVvXsEhYU7w3BF5hvc34kMBWLWmCWB_s3m-kDhp5b9_o16TGypnUoIghpYP81cryG-N2Bs_QJBFqRClDT_jlsxeXr5OMOTc1KqAjIGzbPMglyHCn6o_3MBV8qcNVxyIUWFB2_MfXf8thPE-2jiI/?imgmax=800https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4mKtc6AwFzO9wQjTLMRpbddKK5xZGZOKLEX5Sfat8NaIxFzhFFxGCx5JAZzjpL-PNQvpC0sbzW7MfiQOBuaYORPTX037Jqv7ZVTtIijZ04M5YTPRbTFRqRArLqtePh1mTtKs_qrDRfew/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0gCoGuGGndTpBSO92hWSI4c3nXCJepnzAOpdfxC8L2expmAzy1KIZHC2SDzGIsM5pLbUZwysJavnPUJypYeqRm2MpKaBGpREhJmGr1j2JY0K-lvptvdNBMcmWq3qKiEQ5B-OOPmN8cy4/?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/AVvXsEhYU7w3BF5hvc34kMBWLWmCWB_s3m-kDhp5b9_o16TGypnUoIghpYP81cryG-N2Bs_QJBFqRClDT_jlsxeXr5OMOTc1KqAjIGzbPMglyHCn6o_3MBV8qcNVxyIUWFB2_MfXf8thPE-2jiI/?imgmax=800' title='Next'/>
<img alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4mKtc6AwFzO9wQjTLMRpbddKK5xZGZOKLEX5Sfat8NaIxFzhFFxGCx5JAZzjpL-PNQvpC0sbzW7MfiQOBuaYORPTX037Jqv7ZVTtIijZ04M5YTPRbTFRqRArLqtePh1mTtKs_qrDRfew/?imgmax=800' title='previous'/>
<img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0gCoGuGGndTpBSO92hWSI4c3nXCJepnzAOpdfxC8L2expmAzy1KIZHC2SDzGIsM5pLbUZwysJavnPUJypYeqRm2MpKaBGpREhJmGr1j2JY0K-lvptvdNBMcmWq3qKiEQ5B-OOPmN8cy4/?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/AVvXsEhYU7w3BF5hvc34kMBWLWmCWB_s3m-kDhp5b9_o16TGypnUoIghpYP81cryG-N2Bs_QJBFqRClDT_jlsxeXr5OMOTc1KqAjIGzbPMglyHCn6o_3MBV8qcNVxyIUWFB2_MfXf8thPE-2jiI/?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/AVvXsEj4mKtc6AwFzO9wQjTLMRpbddKK5xZGZOKLEX5Sfat8NaIxFzhFFxGCx5JAZzjpL-PNQvpC0sbzW7MfiQOBuaYORPTX037Jqv7ZVTtIijZ04M5YTPRbTFRqRArLqtePh1mTtKs_qrDRfew/?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/AVvXsEh0gCoGuGGndTpBSO92hWSI4c3nXCJepnzAOpdfxC8L2expmAzy1KIZHC2SDzGIsM5pLbUZwysJavnPUJypYeqRm2MpKaBGpREhJmGr1j2JY0K-lvptvdNBMcmWq3qKiEQ5B-OOPmN8cy4/?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/AVvXsEgULkrjIjDR4wJ_4-H5fdd7KOE-GYb7twRKQ4S-w3NTgAI_INPfwohdnE1oeb_kRhC5WbzFfnhdcZ5gNJVx6493BJdyDLD_Sm5zMZP1HGQuPiUvBi0kAU4qFmF8rCYAKRYK0KpyFZ1aTxIS/" border="0" >
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUT5vif6Ndr5ODN1eVkpkPqiH92BtlHxl8tSDdKx-wob8LJqIQQfQJwHOcHY6smGBxTQmnBxy6biGEGvHJwJ8kSBczpcBgMDIxGgAbdt0t3npawXj2yYCXjJFdv3dztE-br7LgiYSP2Rj/" border="0" />
kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaZw91HYp_aLpj7yqjyu7kzKPL2SFaPVgV_lEW7RgV6NNcXgFLyjnDcPO1u0Vo3kLTu1fGzb7OOkVPZESEpj0WGHTwsOvZnhTBSeRgGC5j73jEqjmbu9u2grj3J1RsYNp2oANHeMPIHEJV/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZvuERWbyHvXZpHHoE8bQfXFfk9eG8ATBBCAjKRNxQOQBTAtk-ZL3oU3dW8oc_HGZkpqJfsCDYf15q_4xU8nUbrmqqcRY-x8eWV836zuE22UX5g2doaYy-6jXoA-l2_WWJQPB1tIZflK-5/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdey6tTVD9aKTIOD3_WULNiwWCaZyet3oCA92ACZVnmDM_Wc5465jTbV1GnVrEL1LvJyblcpUxsDpkw8LiQydmSlbjvmoxnPJs0XvNBrGcuJVzoOAvHyJUaRzMpZx8FVqS3gOM_xTNI-s4/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJkLBAF0_s1k7-qkZyjiGv2iiLGd3IMMzsI5aknHuNJqBmScjlxP0dT50cBoIvNyB28Q_-3MAXk_9yy468RGSEAD6HNgCpZhY3uX-86i2snVndCeAyxDyFrlpRamXjHFsBwJooYzu2Y3HC/" border="0" /></a>
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF7gNrz15BtVN9RxC1arnrU5hcTTKZAdlv3JSnpJgdRtwVX3aAGziQFFCLvfUmQr4iWinR6Oipz1X7hyphenhyphenfZRrtf0PmKgqOd2M3iXDF6_0rLBm5rB4Fe1uyPLG3T-KoH1SC13_VsPsonYS8U/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicND4iu_mypQdpV8wKU-Me1rxL1Qwi0mz5ee6-tSZISDsxncYWC8Kd3ZoQU4AQHwaMfwOrJhOO9cZUYIsyebLUgq5pJsihOyQOgrPZAl7nus06mtkl1atiAzP3a6QqvfQMhpJHP-Jrgvq2/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJWUAl5BEjsZ90anMHCU8WcRo07Y995C8QPd7w4uzwgjjk_BTrHGKg50l_fS5RhWb1FswhY747YZdRw65fI5G2tm9Sd2dGAPgKAoX4wRbfE4Za45w8Lxe5zleDaHWHT0T67vKx3wpQYfFJ/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqgKL6kgHnPrv1C3h7NFJN_ChiRQCzN8JhOMts12kpzVdbqllxz8dMjSS3MuSR8v8J40FcpGaDhkmVfPjvzLvQIbUIBHc6T8OGJ0GRrbBqWHPCsfOX_Q1lyCaSaf7Bb73ON1VD2uaEhJ62/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij2RTgG8-fhlQAD3e-K9kLHd9jZuRlNcBGNal9_fPGkyDXRy-8CG-3147gbtJ_qjtUc3htE_u0wgvjRfMb1hNQjtB2uYTUeyyp-bBJtH3nF3Yn7uYOanMm9otPDrJ1rFB6mmlcQfcKAfEQ/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikzgPu1EOi2ojUr5XmA83qxw53o5tBJsPvX_8DNqezno-5XekQRRFCe8B8qYPMlfmulp4SkB9XLcRF2n4bqeTfWO2lVsQcdUN3T2cgL-BjfT5vg_5jEYjTND3_nanJSpGPpZCqKJEtlqXJ/" border="0" />
Kode:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBO2qIzy_aIlv1jbrxubc89Lqz_914ZkaZNHiD1DDsCua-FwVHDA_Z6SdoF6MlkTe5rrmef1iTRPiRGNablAsBYmXH4w1V1kSRMjhzz_JKEEB7fbwTC9amGHMCAnzexzOJYFlZiiFSb_QH/" border="0" />
Kode
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXDUKaaeYH7pW47Qeb_DecBAAjQtQ6b79Jm-s333OpZaX9MXx36uYzSSVva2heKJ2n_PrEpEwXZOEQ-skJX1IoTjkddPg1aN_d8VQndl6cOsJ3v-uu3ZgFerZi2fLkY7H7JLHNchKPFnEG/" border="0" />
sumber : http://galihhackers.blogspot.com/2011/11/cara-mengganti-tulisan-posting-lama-dan.html
No comments:
Post a Comment