Cara Membuat BlockQuote Keren Di Blog

Cara Membuat BlockQuote Keren Di Blog

Cara Membuat BlockQuote Keren Di Blog. Sobat Blogger, apakah anda tahu BlockQuote, block itu tandai quote itu kata-kata jadi kata-kata yang di tandai,hehe.. kurang lebih seperti itu, seorang blogger mungkin sudah tidak aneh dengan nama BlockQuote saat membuat posting artikel, karena BlockQuote ini juga bagian dari fasilitas membuat artikel, biasanya BlockQuote digunakan untuk memperjelas suatu arahan dalam artikel, atau memperjelas suatu informasi supaya terlihat menonjol, seperti kata warning atau catatan atau perlu di ketahui, untuk tampilannya coba lihat gambar BlockQuote di bawah ini.

Cara Membuat BlockQuote Keren Di Blog

Nah itu adalah contohnya, BlockQuote memang sudah ada namun BlockQuote bawaan blogger tampilannya mungkin agak kurang menarik, sehingga bisa jadi mungkin akan di abaikan oleh pengunjung namun jika anda membuat BlockQuote yang bagus maka perhatian untuk BlockQuote akan lebih di perhatikan, bagi anda yang berniat untuk membuatnya lebih menarik, silahkan ikuti tutorialnya :

1. Buka akun blogger anda.
2. Pilih Menu > Template >Edit Html
3. Cari kode seperti ini blockquote dan ganti script BlockQuote bawaan blogger dengan script dibawah ini.
 
blockquote{display:block;font-style:normal;color:#FFF;padding:15px 18px 15px 48px;position:relative;background-color:#1BBCE4;border-radius:4px;border-bottom:2px solid #0E7994}
blockquote:before{font-family:'fontAwesome';display:block;position:absolute;top:15px;left:16px;color:#fff;font-size:24px;line-height:1}
blockquote:before{content:"\f05a"}

Catatan : maka kode blockquote yang akan tampil biasanya seperti ini :

blockquote {
background: #f8f8f8;
margin-left: 2em;
margin-right: 2em;
border-left: 4px solid #ccc;
padding: 1em 1em;
font-style: italic;
}

Nah maka yang dirubah adalah semua kode blocquote default blogger di ganti dengan kode yang tadi , gimana sudah paham?

4. Selanjutnya copy kode dibawah ini dan letakan tepat diatas kode <head>

 <link type="text/css" href="https://googledrive.com/host/0B6FAz9FHjnXXWXIzaXpBVXJCLWs" rel="stylesheet"/>

5. Klik save template

Cara menggunakan BlockQuote : anda cukup memblock teks dan klik tanda kutip di atas kanan, lihat gambar dibawah :

Cara Membuat BlockQuote Keren Di Blog

Cukup mudah bukan cara pembuatannya, jika anda kesulitan dalam tutorial ini, silahkan ajukan di kolom komentar, insyallah setiap pertanyaan akan saya jawab semampu saya :)
Bagikan Ke
7 Komentar untuk "Cara Membuat BlockQuote Keren Di Blog"

nice post gan, terimakasih, kunjung balik ya :)
http://goo.gl/hSnIaa

Terima kasih, gan , saya sudah coba , tapi kenapa gagal , setelah saya coba tidak muncul gambar tanda petik , terima kasih , ditunggu segera penjelasannya gan ..

Terimakasih mbak tutorialnya...

That's nice post's! Helpme full! Thanks.
Feed back please http://animesakuin.blogspot.co.id/

Thanks gan Kunjung balik http://dwiyanto24.blogspot.com/

jangan lupa untuk kunjugan baliknya ya gan :)
www.aquillien.ml

Mantap gan, kunjungin balik ya www.downloadaplikasiterbarugratis.com