W
idget Blockquote berfungsi untuk memberikan tanda khusus (highlight) atau kesan penting suatu bagian kalimat atau gambar di dalam artikel postingan Blog. Dengan Blockquote ini sobat dapat menandai dan membedakan tampilan bagian postingan yang ingin ditonjolkan dengan memberi warna bingkai yang berbeda dengan bagian lainnya sehingga pengunjung Blog dapat dengan cepat dan mudah melihat poin-poin penting dari artikel postingan yang dibacanya.
Memang sih, tanpa Blockquote pun kita sudah dapat membedakan bagian-bagian yang ingin ditonjolkan di Blog yakni dengan cara membedakan jenis font, warna font dan ketebalan font. Namun bagi sobat yang ingin artikel Blog nya tampil beda dan menarik, silahkan coba Blockquote ini.
Cara menampilkan Blockquote cukup mudah,silahkan ikuti cara-cara di bawah ini:
1). Login dulu ke akun Blogger sobat
2). Kemudian Masuk Rancangan >> Edit HTML dan beri tanda contreng pada kotak Expand Template Widget
3). Back up dulu template Blog sobat dengan cara klik pada pilihan Download Template Lengkap.
4). Cari dan temukan kode ]]></b:skin> ( Gunakan fungsi search pada Browser dengan menekan tombol F3 di Keyboard)
5). Setelah ketemu kemudian langsung ganti dengan kode di bawah ini ;
.alert { background: #DDE4FF;
text-align: left;
padding: 10px 10px 10px 10px;
border-top: 2px solid #848484;border-bottom: 2px solid #848484;border-left: 2px solid#848484;border-right: 2px solid #848484;}
]]></b:skin>
6). Sobat dapat mengganti kode-kode warna dari tampilan Blockquote nantinya dengan cara merubah kode-kode yang berwarna merah di atas sesuka hati.Untuk mendapatkan kode-kode warna HTML sobat bisa melihatnya disini!
7). Terakhir klik tombol simpan.
8). Nah untuk menampilkan Blockquote di dalam artikel postingan, pada saat menulis entri baru pilih mode EDIT HTML, kemudian tambahkan kode <p class="alert"> sebelum kalimat atau paragraf yang akan dijadikan Blockquote, dan di bagian akhirnya jangan lupa tambahkan kode </p>.
9). Contoh Blockquote dapat dilihat seperti di atas! Selamat mencoba, semoga berhasil.
Artikel Terkait:
Tips
- Ponsel HTC One 802 D saya yang sudah mati suri selama 5 hari akhirnya bisa hidup kembali Dengan Shuame
- Konversi File Ppt ke Video Dengan Xilisoft PowerPoint to Video Converter
- Tips Blogger | Memasang Spoiler Di Blog
- Tips Blogger | Membuat Blockquote Sederhana Di Blog
- Tips Blogger | Memasang Widget Menu Tab View Tiga Kolom Di Sidebar
- Tips Blogger | Cara Membuat Widget Artikel Terkait (Related Posts)Dengan Fungsi Scroll
- Tips Blogger | Pasang Widget Encoder HTML di Blog
- Tips Blogger | Pasang Huruf Besar Di Awal Postingan
- Tips Blogger | Widget Recent Comments Dengan Summary Post Untuk Blogspot
- Tips Blogger | Memasang Widget Recent Posts Dengan Fungsi Sliding Di Blog
39 komentar:
sama kayak bikin kolom dengan border ya bro...dan ini kayaknya menarik, jadi kalau gitu berarti banyak ya yang bisa di bikin dengan memanfaatkan kolom border? makasih atas tipsnya bro, ini menjadi pencerahan dan ide kedepannya. sekali lagi makasih
makasih bisa nambah variasi baru
keren juga ne
very good
nice ...berbagi info nih http://dollardarineobuxcomtanpareferal.blogspot.com
Tips yang begitu bermanfaat dan masih banyak dibutuhkan oleh banyak blogger,salam kenal sukses
Terima kasih atas informasi yang hebat ini. Bagus sekali ya.. =)
wah ternyata lebih menguasai kode HTML nih, sayang kalo utek-2 kesana agak malas hehehe kalo ada yang instan aja ya ???
artikelnya bagus.
saya share di sini ya http://komunitasblogger.tk , bagi yang ingin bergabung di komunitas blogger joint aja di sini http://komunitasblogger.tk
trims :)
makasih infonya... artikel yang bagus...
It was a very blog beautiful and interesting blog really.. The template you used is having a very attractive colour.. keep it up !!!
Tipsnya mantappp sob,,,
Hey i love the texture you used in your blog background. Sorry to say but i don't understand the language of the text used. Will you please make it available in English??
keren blog nya....
n bagus artikel nya bermanfaat......
thanks....
so simple yach min...:)
thanks
yang poin 5 itu ditambahkan ke yang poin 4 , atau gimana sob??
BLOK WALKING
sekarang udah ada toolnya kan gan
infonya bermanfaat, terima kasih mau berbagi
Bukannyad i Blog sudah ada blog quote ya mas?
mantab anda layak dapat bintang
infonya bermanfaat, terima kasih mau berbagi
thanks infonya
makasih atas tipsnya gan.
sekarang udah ada toolnya di blogspot
terima kasih telah berbagi ilmu
sip gan...langsung ane prktekin lah,,,
http://jayatruss-bajaringanmurah.blogspot.com/
Mantap ...infonya yang sangat bagus. Thank's bro.
ilmu nya bagus sekali mas...langsung deh aku praktekan, thank's
Info nya keren banget...Thank's bro.
mantap gan, langsung bergerak praktek
Quality artices is the secret to invite tthe visitors to pay a visit the site, that’s what
this website is providing. Visit my site: Konveksi Tas Selempang
Great post and thanks for sharing....
its very cute. thanks too share.....
I love that idea. Awesome Post..
Thank you, that was just an awesome post!!!
That is great to hear, thank you for reading!
That was a VERY interesting one! Seriously interesting.
Terimakasih tips Membuat Blockquote Sederhana Di Blog
terimakasih atas infonya,sangat bermanfaat
kursi tamu mewah
kursi tamu mewah
kursi tamu jepara
sofa ruang tamu
sofa tamu mewah
kursi tamu mewah modern
kursi mewah ruang tamu
Kursi Tamu Mewah
Post a Comment