Selasa, 11 September 2012

Cara Mudah Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar

Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar >> Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar >> Biasanya di bagian bawah artikel Anda terdapat tulisan seperti "Older Post / Newer Post atau Posting Lama / Posting Baru". Nah mungkin awal -awalnya Anda tidak mengetahui maksudnya tulisan tersebut. Ya Posting Lama / Baru adalha sebuah Link yang menuju ke artikel - artikel sebelumnya dan juga artikel - artikel yang baru. Nah mungkin Anda ingin mengganti tulisan tersebut dengan tulisan yang lain, misalnya dengan tulisan "Artikel Abdi Sebelumnya" atau "Halaman Lama" atau bahkan dengan gambar. Caranya adalah :

 







1.Masuk ke halaman Dasboard > Rancangan > Edit HTML
2.Beri tanda centang pada kotak "Expand Widget Template"
3.Cari kode <data:newerPageTitle/> dengan menekan "Ctr+F" pad keyboar.
4.Ganti tulisan 'Posting Terbaru' dengan gambar panah kiri yang anda inginkan.

                                                                    
contoh kode:

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +&quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

5.Ubah kode berwarna hijau menjadi seperti di bawah ini :

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +&quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivvJ24OYIPqJnqbvtys0hMenfvYvln9hPVfxe3gYRTg6u3xAyr9xQ_DhQt2LP7wqhpJcBAQBVJPmZHpgh7KaCxeeBKUjAa6sieNbuOZUeM9JWy4lcJslKHXnjH7ViTB1S6f9pIYFAUnPRj/' style='border:none;'/></a>


6.Ganti tulisan 'Posting Lama' dengan gambar panah kanan yang anda inginkan.

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId +&quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>


7.Ubah kode berwarna hijau menjadi seperti di bawah ini :

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId +&quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcwk_YXklRwocYB-7dHb9kDVgS_SUX-zsu1VSigNalUv_VTFcEtf7o4B6hv1aSYc9TzbGS035ltQB7ChGhzigoMc_v9FuO8OC1aVM_fKLCEF6__ADop7i7_csSuqhxjjvIQ5Qg8MSHBSDM/' style='border:none;'/></a>

8.Ganti tulisan 'Home' dengan gambar rumah.

contoh kode:

<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>


9.ubah kode berwarna hijau menjadi seperti di bawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiluU3HOh_JMqkrWJ7O5-9Clok2Q83h4nko5G3ny3rZk9ohPqOCWM9o_gTauZWQbOfWhyiHMFbPp2dbaVvObo9MoiVEIQc-juYIUu0Fy6BbGkZp6zpCl74FKk7xAOxCI-n3G8NmybHcj-2H/' style='border:none;'/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiluU3HOh_JMqkrWJ7O5-9Clok2Q83h4nko5G3ny3rZk9ohPqOCWM9o_gTauZWQbOfWhyiHMFbPp2dbaVvObo9MoiVEIQc-juYIUu0Fy6BbGkZp6zpCl74FKk7xAOxCI-n3G8NmybHcj-2H/' style='border:none;'/></a>
</b:if>
</b:if>


10.Simpan Template dan lihatlah hasilnya. 

0 komentar:

Posting Komentar