Blockquote Blog Paling Keren

Blockquote Blog Paling Keren

Blockquote Blog Paling Keren

Cara Buat Blockquote Blog Keren

Blockquote Paling Keren


Block Quote adalah Suatu petikan Kesimpulan dari suatu Pembicaraan, Naskah ataupun Tulisan. Biasanya Blockquote di awali dengan Tanda Petik (") untuk Menekankan suatu Kata Tertentu dari sebuah Paragraf.  Dalam Dunia Blogger, Blockquote adalah Suatu blok Kotak yang di tambahkan suatu kata atau Kalimat untuk Menekankan isi dari Suatu Postingan Yang di Bahas. Kode HTML Blockquote Bawaan Blogger Begitu sederhana, Namun Telah Banyak Yang Memodifikasi dengan Css agar Blockquote itu Terlihat Keren.

Sekarang ini Blockquote juga Tak Ada Bedanya dengan Sebuah Kode Note atau Catatan atau Text Box semua Hampir sama. Karena modifikasi Css sudah Bisa Menyerupai yang Terlihat Beda.

Nah di Bawah ini Contoh Blockquote agar Terlihat keren. Tinggal pasangkan di Template Blogger tepat di atas </skin> atau </style> atau </template-skin>


/*Blockquote Catatan*/ 
.post-body blockquote { text-align: left; background: #6591c2; position: relative; display: block; 
padding: 55px 20px 20px; color: #fff; 
margin: 10px 0; border-radius: 3px; } 

.post-body blockquote:before { position: absolute; content: 'Catatan'; 
background: rgba(255,255,255,1); right: 3px; left: 3px; top: 3px; 
padding: 5px 20px; display: block; font-weight: 700; border-radius: 3px 3px 0 0; color: #6591c2; } 

.post-body blockquote:after { position: absolute; 
content: 'arieftewe'; right: 5px; bottom: 2px; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 80%; color: rgba(255,255,255,.6); }

Cara Penulisan Di Dalam Postingan Seperti Biasa yaitu
<blockquote>Tulisan Anda Disini</blockquote>

Dalam css content: saya ganti Dengan Nama Catatan, dan content yang Bawah saya Tulis Dengan Nama. Itu semua Bisa di Ganti Menurut Anda mana Yang Baik.
Nah cukup keren bukan? Silahkan Mencoba..!!


Blogger
Disqus
Pilih Sistem Komentar

2 komentar

Advertiser