Jumat, 01 September 2017

Cara Menciptakan Catatan Kaki Artikel Di Blog

Assalamu'alaikum sahabat blogger , sepakat deh kangen juga nih udah usang ngga ngepost, kali ini   mau bagi-bagi tutorial blogger nih. ya sesuai dengan judulnya, saya akan membuatkan bagaimana Cara Membuat Catatan Kaki Artikel di Blogger. 

Catatan kaki artikel biasanya dibentuk untuk memberikan pesan kepada pengunjung blog. Baik itu ucapan terima kasih, ataupun peringatan untuk tidak melaksanakan copy paste tanpa memperlihatkan kredit bagi blog kita. lihat penampakan nya dibawah ini :


Bagaimana? Tertarik untuk memasangnya? ikuti langkah-langkah sederhana berikut ini:

Note: Untuk Menampilkan Icon ibarat diatas, sobat harus menambakan isyarat 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 isyarat <data:post.body/>
    • Letakkan isyarat berikut di bawah isyarat <data:post.body/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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 isyarat <data:post.body/> lebih dari satu, sobat dapat coba pasang salah satunya dulu. Jika tidak tampil segera pindahkan isyarat ini ke yang lainnya lagi.

    Oke deh cukup sekian, tutorial kali ini, biar dapat membantu :)

    Sumber : http://trikmudahseo.blogspot.com/

    Sumber http://nandarious.blogspot.com


    EmoticonEmoticon