Opsi Entri

(Author,Calender,Label)
Pemasangan Opsi Entri ini sebenarnya sudah banyak ditemui diberbagai tulisan tentang tutorial blog. Namun mungkin dari beberapa blogger pemula belum mengetahui tips ini. oleh karenanya saya copas kembali tentang Opsi Entri ini khususnya Author,Calender dan Label.

Pemasangan Opsi Entry untuk template versi baru sebenarnya sudah tersedia dan hanya tinggal klik saja. contohnya seperti gambar berikut ini :

Kemudian penempatannya pun dapat di atur sesuai selera pemilik blog.

Sekarang bagaimana metode Opsi Entry seperti pada blog saya ini ? Mari kita praktek-kan kembali.

Pertama, silahkan anda copy paste script dibawah ini :

<font style='background:transparent url(http://4.bp.blogspot.com/-nQ1QF0i1bYc/TcwS7W4tkNI/AAAAAAAAAIs/-U-_yZX1I3o/s1600/icon1.jpeg) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGu9qGXoaTG4d5GG6pSROKvhLrMqmxsc_zIfuQsejXaCy4U3GM70zSXh_XxH4lwoo_NuPdoK3zLo2r7wTVBAyuJx8K8XbKwjYGuvn7YPWGTSGZRmtqLwK_8WUvRVU1hAcAqnIGPpz8h4/s1600/calendar.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(http://3.bp.blogspot.com/-EQsF_-uQysc/TcwS_Im-rTI/AAAAAAAAAIw/SGUndRPYGdE/s1600/icon2+label.jpeg) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>
</b:loop>
</b:if></font>

Penjelasan :

• URL http://4.bp.blogspot.com/-nQ1QF0i1bYc/TcwS7W4tkNI/AAAAAAAAAIs/-U-_yZX1I3o/s1600/icon1.jpeg adalah ICON dari Author

• <data:post.author/> adalah Script Kode HTML untuk AUTHOR
•  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGu9qGXoaTG4d5GG6pSROKvhLrMqmxsc_zIfuQsejXaCy4U3GM70zSXh_XxH4lwoo_NuPdoK3zLo2r7wTVBAyuJx8K8XbKwjYGuvn7YPWGTSGZRmtqLwK_8WUvRVU1hAcAqnIGPpz8h4/s1600/calendar.gif adalah ICON dari KALENDER
• <data:post.timestamp/> adalah script code HTML TANGGAL anda menerbitkan Postingan
• http://3.bp.blogspot.com/-EQsF_-uQysc/TcwS_Im-rTI/AAAAAAAAAIw/SGUndRPYGdE/s1600/icon2+label.jpeg adalah ICON dari LABEL Postingan anda
• <b:if cond='data:post.labels'> adalah script code LABEL dari Postingan anda
  
  

Selanjutnya anda tinggal memasang kode diatas ditempat yang anda inginkan, misalnya diatas atau dibawah kode script <div class='post-header-line-1'/> pada Editor Template HTML anda.

caranya :

Sign lewat Akun blogger anda, pilih Rancangan, kemudian klik Edit HTML, lalu Centang Expand Template Widget dan cari kode <div class='post-header-line-1'/>
lalu paste script dalam kolom diatas tadi tepat diatas / dibawah kode <div class='post-header-line-1'/>

Simpan Template anda, dan lihat hasilnya.

Adapun maksud penjelasan kode-kode script dan kode gambar diatas tadi dapat anda modifikasi sesuai selera anda, misalnya dalam bentuk tulisan (dipostkan oleh : xxxx.. pada tanggal ....... dengan Label.....xxx..)

Demikian tips ini, semoga bermanfaat!

upss....tips ini biar blog lebih SEO Friendly (khusus bwt kita2 yang lagi doyan Search Engine Optimization).