Memodifikasi Blockqoute Pada Blog

Sebuah tanda dalam sebuah catatan sangat diperlukan oleh para pembaca karena itu biasanya disematkan oleh penulis sebagai tanda hal yang penting dalam berbagai tulisannya sama halnya dalam membuat sebuah artikel yang menjelaskan tentang tutorial atau sedang memberikan penjelasan tentang yang lainnya biasanya para penulis akan menyematkan beberapa kalimat yang sangat penting untuk diperhatikan bagi para pembacanya.

Dalam sebuah artikel sepertinya ini sudah tidak asing lagi karena para penulis atau para blogger sudah sangat mengetahui hal tentang ini namun saya akan sedikit membagikan sedikit cara memodifikasinya. Oh iya sebelumnya tanda yang biasa disematkan pada tulisan artikel blog namanya adalam blockquote. Lalu apa itu Blockquote? Jika secara luas Blockquote itu adalah sebuah kalimat tertentu yang dilebih ditekankan dalam sebuah tulisan. Biasanya Blockquote tampilannya sangat mencolok dibandingan dengan teks artikel lainnya.

Banyak sekali model atau gaya jenis Blockquote. Pada intinya penerapan blockquote itu bisa membuat para pembaca lebih intens menyoroti teks tersebut. Anda bisa dengan menebalkan semua teks lalu diberikan warna background yang full pada teks tersebut, namun banyak sekali jenis gayanya dan kalian tinggal mengkreasikan sendiri blockquote yang anda inginkan.

Ada sebuah pribahasa blogger. Sebuah artikel tanpa adanya sebuah blockquote bagaikan sayur tanpa garam meskipun tidak terlalu signifikan tapi sangat dibutuhkan dalam sebuah artikel. Hehe.

Didalam blog ini terpasang Blockquote yang sudah di modifikasi dan silahkan anda kreasikan di blog yang anda miliki sendiri.

Hal yang pertama silahkan anda masuk ke dashboard blogger.
Buka Setelan – Tema – Edit template – cari blockquote dengan menekan ctrl+f . (*Yang harus diperhatikan untuk anda cobalah untuk membackup template anda terlebih dahulu jika anda tidak ingin ribet ketika adanya kesalahan ataupun lainnya)
Kemudian cari kata .post-body blockquote
 Jika tidak ada, anda masukan script di bawah dan letakan diatas ]]></b:skin>


.post-body blockquote {margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color:#000000 ;
background:url(http://i1201.photobucket.com/albums/bb357/agraanggakara/petik2_zpscacb3011.png)no-repeat top right#fff;
border: 2px solid #5696d0;
border-left: 15px solid #4280b8;} 

Selanjutnya anda tinggal mengganti beberapa kode dibawah ini dengan warna, url gambar petikan dan ukuran line bordernya yang anda inginkan diantaranya ;

http://i1201.photobucket.com/albums/bb357/agraanggakara/petik2_zpscacb3011.png : url img 
2px : untuk ketebalan line garis kotak blockquote 
5696d0 :untuk warna line garis kotak blockquote 
15px :  untuk ketebalan line garis paragrap blockquote 
4280b8 :untuk warna line garis paragrap blockquote 

Jika sudah tinggal Simpan. Dan coba membuat sebuah artikel dengan menambahkan tools Blockquote dibagian atas dengan ikon .

Cukup mudah bukan prakteknya? Langsung coba dan kreasikan kreatifitasmu dengan blog anda ya.

Terima kasih anda telah membaca artikel Memodifikasi Blockqoute Pada Blog. Jika anda kurang paham silahkan berkomentar dibawah & Ada baiknya jika artikel ini bermanfaat Share ke saudara atau teman anda.

Related Posts:

2 Responses to "Memodifikasi Blockqoute Pada Blog"

  1. Thank you very much for sharing information that will be much helpful for making coursework my effective.

    ReplyDelete

Jika ada kurang paham atau mau memberikan tambahan ilmu tentang hal serupa segera layangkan pada kolom komentar. Karena ilmu yang kita miliki mesti kita amakan karena itu akan berbuah pahala bagi pengamal dan pemberi ilmunya.

"Barangsiapa yang menunjuki kepada kebaikan maka dia akan mendapatkan pahala seperti pahala orang yang mengerjakannya.” (HR. Muslim no. 1893).

Kode Emoticon :



Your Ads Here 970x90
Di desain dengan sepenuh oleh Marwan Abdul Anwar | Font & Ikon : SSP ▪ Fontawesome