Owner! Posts Them Follow Dash



The Journey
The Journey;

Ahlan wa Sahlan!


Assalamualaikum, Hello and welcome to my blog
I pour my heart and thoughts here
Pardon my words

Tagboard

⊰HOVER ME!⊱
Please do not spam my cbox. Please put your blog link so I can visit you back.
[Salam Ukhuwah]
[FORM CODE. WIDTH 175 HEIGHT 86]


Skins by: IlliShuhada
Basecode : PikaChan
Best viewed in Mozilla and Google Chrome
Adalah haram untuk buka page source dan curi code di sini

Tutorial Blockquote (Template Designer)

Assalamualaikum warahmatullahi wabarakatuh.

Hari ni baru dapat nak update blog sikik-sikik. Almaklum lah.. busy dah sekarang. InshaAllah cheq ceritakan serba serbi pengalaman indah semasa cuti sekolah 2 minggu ni [10 Dis 2015 -24 Dis 2015].

Tapi, post kali ni, bertujuan utk share cara nak buat or hias blockquote. Tahu tak Blockquote tu gape?

Ini lah blockquote.

Cemana nak guna blockquote dlm post blog?



Dah dpt bayangan?

Ok, yuk kita mulakan. Btw, ini cuma updated version saje. And credit goes to Cik Nurfarah for her tutorials on basic blockquote. Click link dia noh!

Ok jom start.

1. Login ke Blogspot > click design/template > Edit HTML

2. Tekan Ctrl F secara serentak untuk memudahkan pencarian. Pastikan klik dulu mana-mana bahagian dlm HTML tu.


3. Cari :


/* Comments
----------------------------------------------- */

 Kemudian pastekan ke dlm kota Ctrl F tadi.

4. Bila dah jumpa, paste kan code ni, atas/sebelum code comments tadi.

.post blockquote {
    background #FFFFFF;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    padding: 6px;
    Border: 4px dotted #FFFFFF;
    margin:1em 20px;
    }
*background #000000; tu kalau nak warna basic,boleh gantikan dgn code warna lain. boleh click sini utk tgk code warna.

*AND kalau nak ganti dgn gambar yang cecomel, gantikan  background #000000; dgn background-image:url(URL BACKGROUND); dan gantikan URL BACKGROUND dgn url gambar pilihan hati.

*4px tu untuk saiz border blockquote. Semakin kecil digit px nya, semakin kecil border.

*dotted tu untuk style border. Boleh gantikan dgn dashed atau solid.

*#FFFFFF (warna putih) untuk warna border. Gantikan code warna kalau tak berkenan dgn warna putih.



..........................................................................

Wallahua'lam. 

Maaf kalau tak menjadi or tak membantu langsung. Follow lah Cik Nurfarah.. Blog dia memang terbaik utk tutorial blog. :D