Cara Merubah Posting Lama/ Home/ Posting Lebih Baru Dengan Icons
"Salam...
Adu nee,, Mungpung masih ada waktu,,, maklum dah terlalu malam,,, besokkan harus kerja,,,
O...iya hampir lupa,, pa kabarnya sobat semua,,, semoga sehat-sehat selalu yach,,,
Oke! deh sobat saya akan coba menjelaskan, bagai mana cara merubah kata -->postimg lama
atau posting lebih baru<-- dan tengahnya pasti kata home/beranda.
Nah disini saya akan coba dengan mengganti tiga kata tersebut dengan icon seperti punya saya ini
lumayan kreenkan. dan jika sobat berminat silahkan sobat cari dulu iconnya dan saya punya sedikit icon dan silahkan klik disini atau disini atau di sini
Dan jika sobat dah punya iconnya silahkan upload dulu iconnya ke situs hosting di mana sobat biasa menyimpan album atau photo atau file-file sobat lainya. misalnya seperti saya menyimpan file-file tersebut di photobucket alamat lengkapnya ya itu http://photobucket.com. nah kalau sobat sudah punya icon yang sudah di upload. sekarang sobat ambil url icon tersebut.
Dan tugas sobat sekarang tinggal memasangnya,, ya itu dengan cara langkah-langkah sebagai berikut.
1. Login atau masuk ke www.blogger.com
2. Klik layout/tata letak/rancangan, sama sajalah.
3. Pilih menu edit HTML
4. Klik tulisan download template lengkap. ini penting untuk backup /untuk jaga-jaga.
5. Klik kotak kecil yang bertuliskan Expand Template widget.
6. Cari kode seperti ini <data:olderPageTitle/>
dan untuk kode lengkapnya mungkin seperti di bawah ini
<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>
</span>
7. Nah silahkan buang kode yang ini <data:olderPageTitle/> dan ganti
dengan ulr icon sobat tadi.
misalnya sebagai contoh url icon sobat seperti ini
<img src="http://i930.photobucket.com/albums/ad143/soend/right.png"/>
Dan untuk kode yang ini: �
silahkan sobat buang saja secara percuma.
Jadi untuk kode jadinya seperti ini.
<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 src="http://i930.photobucket.com/albums/ad143/soend/right.png"/></a>
</span>
dan hasilnya seperti ini
Sudah selesai untuk mengganti kata -->posting lama
8. Sekarang mengganti kata HOME/BERANDA.
cari kode seperti ini <data:homeMsg/>
dan untuk kode lengkapnya seperti di bawah ini
<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:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
Nah silahkan ganti kode ini <data:homeMsg/> dengan url icon sobat, contoh
dan kode jadinya seperti ini
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src="http://i930.photobucket.com/albums/ad143/soend/Home.png"/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src="http://i930.photobucket.com/albums/ad143/soend/Home.png"/></a>
</b:if>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src="http://i930.photobucket.com/albums/ad143/soend/Home.png"/></a>
</b:if>
Dan hasilnya seperti ini:
9. Dan yang terakhir mengganti kata posting lebih baru <-- silahkan
sobat cari kode seperti ini <data:newerPageTitle/>
dan untuk kode lengkapnya seperti kode di bawah ini.
<b:if cond='data:newerPageUrl'>
<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>
<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>
Nah silahkan ganti kode ini <data:newerPageTitle/> dengan ulr icon sobat. contoh
Dan untuk kode jadinya seperti di bawah ini.
<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 src="http://i930.photobucket.com/albums/ad143/soend/Left.png"/>;</a>
</span>
</b:if>
Dan untuk hasilnya seperti ini
10. Dan mungkin untuk hasilnya semuanya seperti gambar di bawah ini:
Atau seperti yang saya pakai
11. Selesai.
Semoga bermanfaat: Salam.
Category Article Tutorial blog
