Cara Membuat Catatan Kaki Artikel di Blog
http://nandarious.blogspot.com/2013/07/cara-membuat-catatan-kaki-artikel-di.html
Assalamu'alaikum sahabat blogger , oke deh kangen juga nih udah lama ngga ngepost, kali ini Nandarious mau bagi-bagi tutorial blogger nih. ya sesuai dengan judulnya, saya akan berbagi bagaimana Cara Membuat Catatan Kaki Artikel di Blogger.
Catatan kaki artikel biasanya dibuat untuk menyampaikan pesan kepada pengunjung blog. Baik itu ucapan terima kasih, ataupun peringatan untuk tidak melakukan copy paste tanpa memberikan kredit bagi blog kita. lihat penampakan nya dibawah ini :
Catatan: Jika kode <data:post.body/> lebih dari satu, sobat bisa coba pasang salah satunya dulu. Jika tidak tampil segera pindahkan kode ini ke yang lainnya lagi.
Catatan kaki artikel biasanya dibuat untuk menyampaikan pesan kepada pengunjung blog. Baik itu ucapan terima kasih, ataupun peringatan untuk tidak melakukan copy paste tanpa memberikan kredit bagi blog kita. lihat penampakan nya dibawah ini :
Bagaimana? Tertarik untuk memasangnya? ikuti langkah-langkah sederhana berikut ini:
Note: Untuk Menampilkan Icon seperti diatas, sobat harus menambakan kode berikut : <link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/> di bawah kode <head>
- Masuk ke dalam akun blogspot sobat
- Pilih Template => Edit HTML
- Cari kode <data:post.body/>
- Letakkan kode berikut di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='vcard' id='hcard-Sunandar' style='margin-top: 5px; padding: 10px; font-size: 12px; font-family: Arial; background: #ffe6a3; line-height: 1.3em; color: #cc0000'>
<span style='color:#cc0000; font-size:18px; margin-top:10px'><i class='icon-thumbs-up' style='margin-right: 5px;'/>Terima Kasih Atas Kunjungan Anda</span><br/><i class='icon-ok' style='margin-right: 5px;'/>Judul: <span itemprop='itemreviewed'><data:post.title/></span><br/><i class='icon-pencil' style='margin-right: 5px;'/>Ditulis Oleh <span class='fn n'><span class='given-name'><span itemprop='reviewer'><data:post.author/></span></span></span><br/>
<span style='text-align: justify'><i class='icon-quote-left' style='margin-right: 5px;'/>Jika mengutip harap berikan link yang menuju ke artikel <b><a expr:href='data:post.url'><data:post.title/></a></b> ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya<i class='icon-quote-right' style='margin-left: 5px;'/></span>
</div>
</b:if>
Catatan: Jika kode <data:post.body/> lebih dari satu, sobat bisa coba pasang salah satunya dulu. Jika tidak tampil segera pindahkan kode ini ke yang lainnya lagi.
Oke deh cukup sekian, tutorial kali ini, semoga bisa membantu :)
Sumber : http://trikmudahseo.blogspot.com/
Mau COba aku buat deh gan..thanks
ReplyDeleteoke gan :)
DeleteNgupi dulu, gan.... (c)
ReplyDeleteoke gan.. ngopi sambil sarapan =p~
Deletewihhhh...keren mas, ntr aku cobain. tp pinginnnya mau ganti template dulu
ReplyDeletehihi oke deh.. sama mbak ya juga pengen ganti template nih [-( tapi ga ada template yg bagus ;(
Deletewiuh keren mas :)
ReplyDeletemau coba dulu siapa tau aja cocok :)
oke deh.. semoga berhasil :)
Deletewah pengen coba nih sob...keren, nanti tak coba :-d
ReplyDeleteoke deh gan :D
DeleteAne nyimak dulu aja ya mas, soalnya Online pake hp :D. Bungkus dulu deh :D
ReplyDeleteoke deh gan :)
Deletebgus tutornya,saya coba dulu di blog saya ya gan
ReplyDeleteoke semoga berhasil gan :))
Deletekeren nih sob, pengen nyoba tapi taruh dimana ya pasnya.. :D
ReplyDeletedimana aja gan seenaknya :D wkwkw
DeleteMantep gan (o)
ReplyDeleteTq ilmunya :)
sama2 gan :)
Deletegan breaking news.kren gan. mntak ilmunya nya gan :D
Deleteowh itu mah cari aja di blognya MKR :)
Deleteyeeh permintaan saya akhirnya diposting jugaa.. hehe..
ReplyDeletemakasih yah mas nandar :D
sudaah saya pasang mas Catatan Kakinya.. :) bisa dicek mungkiin..
oke deh gan :)
Deletewach,,wach kapan2 bisa saya coba gan..
ReplyDeletemaaf nie sebelumnya saya baru bisa mampir mklum lagi ujian mas jadi agak sibuk trimakasih artikelnya gan....
oke gpp gan.. semoga lulus ya :))
Deletekapan-kapan mau dicoba mas nandar, survei lokasi yang cocok terlebih dahulu...
ReplyDeleteoke deh gan :))
Deletewah lama nggak singgah kesini..hehe keren pol gan :)
ReplyDeleteoke thanks deh gan :-)
Deletehehe sama-sama :)
Deletesippp :))
Deletesinggah disini sebentar gan, baca2 artikel semoga mnambah ilmu :)
ReplyDeleteok gan jangan sungkan2 :))
Deletetutorial yang menarik, layak untuk dicoba... :-)
ReplyDeletethanks gan :)
Deletesinggah sebentar sob, sebelum tidur... :D
ReplyDeleteoke deh gan :D
Deleteitu sperti Permalink kan mas.
ReplyDeleteyap bener bgt gan :)
DeleteTutorialnya berguna dan menarik mas..
ReplyDeleteKapan2 boleh nyoba juga nih :)
oke gan jangan sungkan2 :))
Deleteizin bungkus sob,,,,:))
ReplyDeleteoke deh :)
Deletedesign template baruyang super keren mas nandar (h)
ReplyDeletemakasih gan :)
Deletethanks sob :)
ReplyDeleteKunjungan balik sambil follback,,, catatan kakinya boleh juga nih sob... ditunggu kunjungannya lagi... cheer
ReplyDeleteoke gan.. segera meluncur :))
Deletesiip boss artikelnya, kapan-kapan saya coba.
ReplyDeleteterima kasih sudah berbagi. Salam.
oke gan.. sama2 :)
Deletewah keren sob,,,gmn cara buat kya di pesan komentar agan contoh konversi code sama emoticon itu gmn caranya y?
ReplyDeletethank.. lihat disini http://blog.kangismet.net/2013/05/membuat-judul-pada-pesan-formulir-kommentar.html
Deletekeren nih mas tutorialnya, tapi blog saya sudah tidak sanggup lagi untuk memasang, bisa nambah berat deh :)
ReplyDeletehahha makasih mbak :) ok deh :p
Deleteok alamat link sudah saya tambah (o)
ReplyDeletemakasih gan..
Deletesiiip gan, izin sedot...!!
ReplyDeletehttp://djanoko96.blogspot.com/
wah keren artikelnya gan
ReplyDeleteBermanfaat banget...
ditunggu artikel selanjutnya (y)
coba ya gan, kalau cocok ane pasang :)
ReplyDeleteThanks