Cara mengganti block quote blogspot

Hallo sob .. Saya hari akan sedikit share dengan sobat tenang cara mengganti block quote atau tanda petik yang ada pada posting blogspot sobat. Mungkin sobat pernah jalan-jalan ke sebuah blog dan melihat sobat-sobat blogger yang lain menggunakan block quote yang unik-unik, disini saya akan sedikit sharing tentang menambahkan block quote blogspot dengan beberapa pilihan background yang bisa sobat sesuaikan dengan keinginan sobat atau sobat bisa cocokan dengan latar belakang blog sobat agar nantinya block quote ini semakin lebih menarik.
Ok tanpa panjang lebar lagi berkut adalah cara mengganti block quote blogspot.
Pertama sobat masuk ke Dasbor >> Template >> Edit hatml jangan lupa centang Expand Template Widget
Setelah itu sobat cari kode berikut .post blockquote Kemudian sobat hapus kode tersebut biasanya bentuk kode dalam blog sobat bentuknya seperti berikut

.post-body blockquote { line-height:1.3em; }
atau 
.post blockquote{ lainya } 

Bagai mana pun bentuknya didalam template sobat hapus dari  .post-body blockquote { samapi akhir tanda }
Seteah sobat hapus kode diatas kemudian sobat cari kode ]]></b:skin>  kemudian taruh kode dibawah ini tepat diatas kode ]]></b:skin>

blockquote {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIIu77WaSavO-Sek2am1r_8aITjc8lEnFqdEaPBfwXqH44Xxs2k3utZ960fDZGiXijcghJq1hc0cQBtv2byq7S6_q6jv1ng1aw7L82806HwmNCyTpHf9agcdq4EyPt8SLnlJAnm0oIG6Y/s1600/notebook-with-numbers.gif) repeat-y;
margin: 0 20px;
padding: 0px 20px 5px 55px;
color:#7a7a7a;
font: bold 0.7em  "Comic Sans MS", verdana;
line-height: 153%;
}
blockquote p {
margin: 0;
}

Sobat bisa mengganti kode yang berwarna diatas, untuk yang berwarna merah sobat bisa ganti dengan pilhan gambar yang telah saya sediakan di blog demo, nanti sobat bisa memilihnya, yang berwarna biru sobat bisa ganti dengan "normal,italic atau bold italic" , untuk yang berwarna hijau sobat bisa ganti ukuran font dengan yang sobat inginkan, yang terakhir sobat bisan ganti jenis font dengan jenis font yang sobat suka.

Untuk kode block quote diatas dengan menggunakan nomor dari 1 sampai 112 berikut adalah screen shootnya

Jika sobat tidak ingin menggunakan no dalam block quote blog sobat, sobat bisa ganti kode yang tadi disimpan di atas ]]></b:skin> dengan kode berkut.

blockquote {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIIu77WaSavO-Sek2am1r_8aITjc8lEnFqdEaPBfwXqH44Xxs2k3utZ960fDZGiXijcghJq1hc0cQBtv2byq7S6_q6jv1ng1aw7L82806HwmNCyTpHf9agcdq4EyPt8SLnlJAnm0oIG6Y/s1600/notebook-with-numbers.gif) repeat-y;
margin: 0 20px;
padding: 0px 20px 5px 55px;
color:#7a7a7a;
font: bold 0.9em  "Comic Sans MS", verdana;
line-height: 153%;
}
blockquote p {
margin: 0;
}

Untuk cara menyesuaikan bacground, font dan lain-lain caranya masih sama dengan cara yang diatas.
Dan berkut adalah demo dari kode diatas. di blog demo juga disedian preview background block quote dan urlnya agar sobat bisa menyesuaikan background block quote dengan background blog sobat.

DEMO

Sumber kode : MyBloggerTrick

Sobat suka tulisan ini..?

	Dapatkan Tulisan Gratis Via Email!
Follow Fajar345!