kali ini saya mencoba untuk menghiasi dan menyisipkan gambar pada tulisan Postingan
lama dan Postingan Baru... Kalau di bawaan templete blogger di bawah postingan atau artikel akan
terlihat tulisan Postingan lebih baru,Beranda dan Postingan lama gimana
ya kalo kita ubah tulisan tersebut ?? pasti akan lebih menarik jika kita
ganti tulisan nya dengan icon gambar seperti terlihat pada contoh
gambar di atas yang saya ambil gambar screen shot nya di salah satu blog
saya..
Ok..jika sobat berminat langsung aja yuk ke TKP...
1.Silahkan Login terlebih dahulu.
2.Lalu klik Templete lalu klik Edit templete dan centang Expand Widget Templates yang terlihat seperti gambar di bawah ini.
Gambar draf baru blogger
3.CARI KODE DI BAWAH INI..!!! cara cepat_nya tekan (Ctr + F pada keyboard)
Kode yang perlu di cari sesuaikan dengan yang 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>
<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>
Catatan :
- <data:newerPageTitle/> @ Sama dengan tulisan Postingan baru bisa anda ganti tulisan atau gambar seperti contoh : seperti tulisan Data Baru,Artikel Baru dll.
- <data:olderPageTitle/> @ Sama dengan Tulisan Postingan lama bisa juga anda ganti dengan tulisan atau gambar sesuka anda bisa dengan tulisan artikel lama,Data lama dll.
- <data:homeMsg/> @ Kode ini bisa anda ganti dengan tulisan atau gambar seperti tulisan Halaman Utama ,Beranda dll.
- Tag kode yang saya tandai warna merah di atas bisa di sisipkan dengan gambar agar terlihat lebih cantik dan menarik untuk sekedar contoh bisa anda ganti tulisan nya dengan gambar di bawah ini :
Kode nya :
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSmvvkvlFTqjyDcBLvjRZFPX9PWMw_u8xy_N6C2u0f4NXph9ehjtKnIalinJs_VOZYHs709KGqDbKDQciENJJcDZX8cV_d1iXc3bILZXsrgSAe0pAXrmf8xVvRsuVU90feinAvFX_btCg0/s1600/beranda+2.png'/>
Kode nya:
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvVVEn8h9rdzcA4IRUV1SavHW-eL9zdstYtbbLIvtJxQCHxiPFIBT25ELjeUsdN9_iED4ZQVnMCwl_9B2CBPI6KN9iwhsYufCk6PW-t1FQinyDKG8GxvB9hLJvhVwNNS2G827BtpVYBHMt/s1600/data+Baru+2.png'/>
Kode nya :
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn1Cj2aXl5q9l_N3oAJmJ7avs_uAGohGE0fALRbCK8invnUXZkrjlrvdc-wquApi2JU6OEfcAROVmlPt-1D0zV1xdIe_B2TX174ge1PXqp0L47bJVKUpmAx8m0rHo6xrW5A3la4gLwUfhu/s1600/data+lama+2.png'/>
4.Simpan Templete dan lihat hasil_nya
Akhirnya selesai juga neh artikel..semoga artikel sederhana ini bisa menghias blog kita lebih cantik lagi...dan di tunggu variasi lainnya dari para sobat di kotak komentar.. semoga bermanfaat.
mantap gan :)
BalasHapus