Cara Merubah Tampilan Blockquote Blogger



Blockquote pada blog umumnya di gunakan untuk penekanan dari bahasa artikel yang anda tulis, dan sering juga di gunakan untuk memperjelas maksud dari satu kalimat atau kata yang di pertegas.

Bahkan di kalangan para blogger yang menjadikan blognya sebagai media sharing pengetahuan yang berbau kode Blockquote mengambil peran penting dalam membantu menegaskan code si penulis.

Tak heran biasa nya para blogger code mania merubah tampilan dasar Blockquote menjadi menarik, agar artikel dan bahasan nya menjadi tambah menarik juga tentunya.

Berikut saya coba memberi contoh bagaimana cara merubah tampilan blockquote pada bloger menjadi lebih menarik.

contoh Blockquote di blog chekmad

 Cara merubah tampilan blockquote blogger sebagai berikut :

  1. Login ke dashboard blog anda
  2. Masuk ke menu "TEMPLATE" lalu klik " Edit HTML "
  3. Cari code ]]></b:skin>  
  4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda

 Code blockquote :

/-- blockquote --/
blockquote {font-family: "Courier New", Courier, monospace;font-size: 12px;
color: #333333;font-weight: 500; padding:10px 10px 10px 15px;
border-left: solid 15px #0A53AD;border-top: dashed #0066FF 1px;
border-bottom: dashed #0066FF 1px;border-right: dashed #0066FF 1px;
background-color: #EBEBEB;text-shadow: 1px 2px 0.5px #999;}
blockquote:hover {box-shadow:0px 0 5px #999;border-left: solid 15px #333;
text-shadow: none;color: #990000;border-color: #333333;}
/*-- Selesai --/
Setelah Selesai silahkan jangan lupa di save ya ...!!
Semoga artikel merubah blockquote ini bermanfaat bagi anda

Terima Kasih 
By, Chekmad


Cara Merubah Tampilan Blockquote Blogger Cara Merubah Tampilan Blockquote Blogger Reviewed by Chek 404 on September 11, 2014 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.