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.
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.
Catatan : maka kode blockquote yang akan tampil biasanya seperti ini :
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>
5. Klik save template
Cara menggunakan BlockQuote : anda cukup memblock teks dan klik tanda kutip di atas kanan, lihat gambar dibawah :
Cukup mudah bukan cara pembuatannya, jika anda kesulitan dalam tutorial ini, silahkan ajukan di kolom komentar, insyallah setiap pertanyaan akan saya jawab semampu saya :)
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.
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 :
Cukup mudah bukan cara pembuatannya, jika anda kesulitan dalam tutorial ini, silahkan ajukan di kolom komentar, insyallah setiap pertanyaan akan saya jawab semampu saya :)
nice post gan, terimakasih, kunjung balik ya :)
BalasHapushttp://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 ..
BalasHapusTerimakasih mbak tutorialnya...
BalasHapusThat's nice post's! Helpme full! Thanks.
BalasHapusFeed back please http://animesakuin.blogspot.co.id/
Thanks gan Kunjung balik http://dwiyanto24.blogspot.com/
BalasHapusjangan lupa untuk kunjugan baliknya ya gan :)
BalasHapuswww.aquillien.ml
Mantap gan, kunjungin balik ya www.downloadaplikasiterbarugratis.com
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusMau buat blockquote bingung milih nya, sebab banyak pilihan yang ada. Oh iya, Madamvia ternyata cewe ya? Saya kira cowok. Wah kalau begitu cantik saya daftar dah. Hehe..
BalasHapusmantap dan work di blog ane,ijin guru
BalasHapusArtikel yang mantap..👍👍
BalasHapusJangan lupa mampir di blog saya, ya, kak..
https://www.arsipbiru.com