Tutorial Cara Nak Buat Blockquote | Blockquote Tiada Pada Kod HTML

Salam...
     Rasanya dah lama ell tak buat tutorial..[hehe]..Bukan apa ell ni tak pandai nak edit-edit kod HTML ni. Tapi disebabkan ell ni tak pandai maka ell mencari. Tambahan lagi, ada orang tanya pula. Jadi ell yang tak tahu nak buat ni pun boleh jadi tahu sebab ell cari tutorialnya. Sebelum tutorial dimulakan, pastikan korang buat backup dulu. Mana tahu dengan tutorial ini mampu untuk menjadikan blog korang makin 'cantik'. So, nanti dapat betulkan semula..[haha]...

Tak Ada Blockquote Pada Kod HTML?

Kalau korang tak jumpa blockquote pada kod HTML, korang boleh ikut tutorial bawah ni. Kalau dah ada, korang just skip dan terus pergi tutorial untuk letak gambar backround pada blockquote korang.

1. Pergi ke Design =>Edit HTML.
2. Cari "  ]]></b:skin> ". 
3. Copy dan paste kod HTML di bawah ini di atas ]]></b:skin>
   
   
   
   
   .post blockquote { 
   background: url(URL BACKGROUND);
       border-top: 1px dashed #FF0080;
       border-left: 1px dashed #FF0080;
       border-right: 1px dashed #FF0080;
       border-bottom: 1px dashed #FF0080;
   }
4. Dah buat? Cepatnya..[haha]..Ok, pergi step seterusnya dekat bawah ni untuk letak gambar background pada blockquote.
   
   
   

Cara Letak Gambar Background Pada Blockquote.

1. Pergi ke Design =>Edit HTML.
2. Cari " .post blockquote { ". Nanti korang akan jumpa di bawahnya seperti ini.
   
   
   
   
   background: url( URL BACKGROUND );
       border-top: 1px dashed #FF0080;
       border-left: 1px dashed #FF0080;
       border-right: 1px dashed #FF0080;
       border-bottom: 1px dashed #FF0080;
   
   
3. Gantikan " URL BACKGROUND " dengan URL gambar yang korang nak.
4. Save!
   
   

Cara Guna Blockquote Pada Post

1. Buat post baru yang bertajuk "Terima Kasih Alienelliz".
2. Tulis apa-apa sahaja yang berkaitan dengan blog Alienelliz ini. Pastikan ada link ke blog Alienelliz.[haha]..
3. Kemudian 'select' pada ayat yang korang nak letakkan blockquote.
4. Klik pada icon blockquote di Menu Post.
5. Publish!
6. Lihat hasilnya (Klik Sini)

Ranking: 5