Assalamualaikum~ Hari ni trigyy nak share dengan korang cara setting "blockquote" kat post korang. Setiap blogger ada bar seperti gambar dibawah dan juga ada button yang dimerahkan tu. Tapi kalau korang guna, mesti takda effect kan?
Sebenarnya banyak effect boleh buat dengan button tu. Tapi hari ni trigyy nak ajar cara buat kotak jer, sebab tu tajuk entri "Blockquote Setting 1". Dulu trigyy penat jugak cari tutorial buat kotak dalam post. Tapi istilah sebenar dia adalah "blockquote". Kotak yang trigyy maksudkan korang boleh rujuk entri Pengaruh Bloggers Otai.
First
-Korang pergi DESIGN >> EDIT HTML >> ExPanD
Second
-Korang cari code ni ]]></b:skin>
-Kalau nak mudah cari code tu, guna CTRL+F
Third
blockquote {
background: #F4A460;
-webkit-border-radius: 0px 0px 0px 0px;
padding: 6px;
width:90%;
Border: 3px solid #000000;
margin:1px 20px;
}-Korang COPY and PASTE code diatas SEBELUM code pada langkah dua tadi
Sekarang button blockquote korang sudah boleh diguna. Tapi, itu adalah setting yang trigyy guna sekarang. Korang boleh adjust or customize lagi blockquote tu mengikut cita-rasa korang sendiri.
Warna background dan warna border still boleh ditukar. Hanya memerlukan 6 digit code bar warna kegemaran korang. Code warna boleh rujuk sini.
-webkit-border-radius: 0px 0px 0px 0px; adalah setting untuk setiap bucu pada kotak korang tu. Kalau korang nak kotak korang ada curve kat setiap bucu, korang boleh tukar kepada 10px 10px 10px 10px. Kalau korang nak ada dua bucu tajam dan dua bucu tumpul, korang boleh guna ni, 10px 0px 10px 0px. Dan macam-macam lagi korang boleh buat sebab keberangkalian bentuk kotak korang adalah 4! iaitu 24 keberangkalian.
Setting-setting lain korang boleh adjust mengikut cita-rasa sendiri. Sebabnya, rasanya setting tu dah cukup ok kot. After this, trigyy share macam mana effect blockquote yang laen pulak ataupom just tanya pakcik korang, Google. Banyak tutorial pasal blockquote ni, tapi trigyy share dalam bahasa melayu.. hahhahaha..
9 Comments
