Kemetot Chomel ♥: October 2011

FREEBIES : Code for your cute Blockquote

hyee :) salam semuanya :) hari nie una nak share dengan korunk code untuk korunk letak dalam bahagian code blocquote. una dah tweak kan code2 dia semua , dan una dah letakkan gambar mcm mana rupanya sebelum & selepas cursor menyentuh :) colour , background & etc korunk boleh tweak sendiri ikut citarasa korunk kay ? tak tahu nak guna kan ? boleh ikut tutorial ini --> About Blockquote :)

BLOCKQUOTE LIP LAP

.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.post blockquote:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpOlaXhfFu87nkHWkT67UAWn5yC6lxw5532vzB-pQeYxFDuO81arAVXpUNyuBtLWTMCloBH4FJjjY-_jPg8dQydqVUlLtb9eq051ASaGiXJH07WDtSE1kAfkdesZZ5xigka4ju6e4a9ny9/s1600/pinkgrain.png);
color: #000000;
-webkit-transition: 3s;
}

BLOCKQUOTE BORDER SOLID TURN DASHED

.post blockquote {
background:#FFC6C6;
Border:2px solid #DEB1B1;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.post blockquote:hover {
Border:2px dashed #DEB1B1;
color: #000000;
-webkit-transition: 3s;
}

BLOCKQUOTE SWINGING 360deg

.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border:2px solid #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
background-color: transperant;
-webkit-transition-duration: 2s;
border:2px dashed #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}

BLOCKQUOTE ADA ICON CHOMEL

.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border-left: 6px solid #DAB0B0;
border-right: 2px dashed #FFFFFF;
border-bottom: 2px dashed #FFFFFF;
border-top: 2px dashed #FFFFFF;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic009demoji_11848475decoojp.gif);
background-position:bottom right;
background-repeat:
no-repeat;
}

BLOCKQUOTE ICON CHOMEL TEMBAK

.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 2s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border-right: 6px solid #DAB0B0;
border-left: 2px dashed #FFFFFF;
border-bottom: 2px dashed #FFFFFF;
border-top: 2px dashed #FFFFFF;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 2s;
border-left:20px double #DAB0B0;
background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic009demoji_11848475decoojp.gif);
background-position:bottom right;
background-repeat:
no-repeat;
}

BLOCKQUOTE BORDER SQUARE TURN TO RADIUS

.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border:2px solid #FF9696;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
border:2px solid #E8BEFF;
border-radius:10px
}

NOTA BIT BOTT :

penat una tweak kan satu-satu :) harap korunk minta permission dari una if nak re-freebies okey ? una tak kan marah punyer ^^ and please credit me if you use this :) kalau tak pun comment okey ? una takkan marah punyer , thanks yupp sebab guna :) kalau korunk nak masuk kan code nie korunk preview dulu okey ? then tengok hasil yang sepenuhnya , gambar tuh takut korunk blurr plak kan ? sooo , kalau cantik baru save ^^ soo , semoga berjaya korunk !

FREEBIES : Background Part-13 (own made)

Background yang una buat sendiri :) hehehe , simple jer , plain background but plain background yang una edit dengan tambah effect texture-grain :) soo , kalau nak ambil ^^ silakan ambil , background nie una guna untuk blockquote una yang sekarang , hehe :D enjoyy ^^

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqqa240y3WWU8QQ5XUqnY6EfK4e_JAqXbyysR6B9ot5H77-vLX9uC5ffnUGVnaMhhnF2mwQBZHNQ7Ql8v5Jl9Bn8P4d-HNqESiDnxusK4sU632p-5o3M97g-ffqW95Fg9TvDY5CDyFyf4x/s1600/bluegrain.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9AHtI-C81RkxGvy3Ibbs3VWEfKnitLU4idVqctQZ9_acg92mLV7QuIysL26Sdly0w0bW2rZ1qL8teJH6JjbP5bC4ING0qNL3sLy7LP0iveWqwhak6ECplbnG5_D6-cvL8HHiXsiSoSKAT/s1600/browngrain.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRNwJ-DIcBjLGJdAZG2HtROtAkqa0APcGhCBFov_lmp_D9wxGOM0GkxlC3jXvYZBvx1RQKmXLUyN7OYkH8pJI_TYq_CnHt8QKLocjxCX70TgSN_loyYN31mClVaJYhs8GP3fI0MBBgxJDZ/s1600/greengrain.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh7TsCTzQ2_1WhNtk1IV8vsN_Beqhb59UHGBqrvdIDp_CxCeDUvmCBxBm-Kt2gyjZj5ioXrTpEE4adgtbwP4cn2HyIQJREKmcrUbGbBvSxoUpF1xzLaz_t7fwtGQOJlBhtQQ1e0Y42CaJk/s1600/greygrain.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpOlaXhfFu87nkHWkT67UAWn5yC6lxw5532vzB-pQeYxFDuO81arAVXpUNyuBtLWTMCloBH4FJjjY-_jPg8dQydqVUlLtb9eq051ASaGiXJH07WDtSE1kAfkdesZZ5xigka4ju6e4a9ny9/s1600/pinkgrain.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinw_qi-3FF1wfYxyj1n2mMJVVSlt45YGuXWNi1yzv4QUsu3EG5CJeOYFe1DJVSOEvnfMLvS1gTUHWce3yOekv_KxAYZ7Bl5Q4AzCVurXYZ3WCMS9zEJm3_JNMyRUToeHe62PmPoXpp9mBS/s1600/purplegrain.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_fkWLFePEs-kc7nP6-Q_S6JkgFhDOu6qdACZLV7C-dGbKeWLwGhvWoyRV7se6McoDqdfXmQzwbYfWQL86TYo9ARTaBbY_3vLGync7OlsBzdIPMEipR8CxbnTncqbYfKW2Nn6m81tqe6WF/s1600/redgrain.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqWpX_GDbBPbswi80mT6CCFOZ5l4GZDG9NHLTvBzF5m1eH9YH6nGk3XMa0DgpEv1sxiIoTwLKMOA9PfJcqI4YF6pS_J9p5tdLEVudVrBgMApVBX8y4nfF-8ZHp-g5Cuj-EWFWHBVyVzD6G/s1600/turqoisegrain.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbW_4rQUQpfmBLjZWmwgSUqgpKr2gv75ubeqgycvkxmT4VSW539BXRM4KWGe5Bp45tuaSJcajd4i8SnCRvNLpWu-cuplWsUqlJrovidEDk9ch1N0uDFDNLSAR1BCzVaYlg136eMnBNIdi/s1600/yellowgrain.png

NOTA BIT BOT :

kalau ambil bgtahu una yer ? terimakasihh :D

Mereka yang bertuah dapat header daripada una

yeayy ! ini lah dia mereka yang bertuah yang dah dapat header mereka :) wahhh , suka takk ? jom tengok hasil header yang dah una buat , aipp ! jangan curi-curi okeyy :) sudah di miliki semua header nie :)

http://miera-lollipop.blogspot.com

http://www.tiaamustafa.co.cc/

http://pinkykawaidiaries.blogspot.com/

http://okddayana.blogspot.com/

http://anisshahirahshukran.blogspot.com/

http://nurirdinashariffuddin.blogspot.com/

http://ainfadhilahblogger.blogspot.com/

http://sibudakblogger.blogspot.com/

http://mystory98.blogspot.com/

http://fairuza-shop.blogspot.com/

http://akusayangkaubudak.blogspot.com/

http://iamstyleinmywords.blogspot.com/

http://www.faqihahhusni.blogspot.com/

http://ceritaakulahh.blogspot.com/

http://aynpink.blogspot.com/

http://danbowish.blogspot.com/

http://candysweet-aina.blogspot.com/

http://d-a-n-c-i-n-g-p-a-n-d-a.blogspot.com/

NOTA BIT BOTT :

ade lagi satu header yang tak siap , Farah Adiba punyer , awak sila bagi detail elok2 yer :) kalau ade fb tinggalkan detail dekat inbox fb una :) thankss :D dan yang komen kemudian maaf una tak dapat buat apa-apa , sebab una dah kata una hanya mahu 20 orang , mungkin insyaAllah , una buat lagi yupp :) mane tahu ade rezeki korunk pulak time tuhh :) yeayy ! saya siap separuh :) nanty dah siap lagi dua una letak header tuh , then korunk boleh lah jejak kaki ke blog-blog mereka semuaa :) have a nice day in blog-ing semuaa :)

20 Header Percuma untuk mereka yang bertuah :D

wahh , since ramai yang berminat dengan header una kan ? soo , kali nie una murah hati nak bagi 20 header untuk 20 orang terpantas ! ouhh yeahh :) dulu una dah pernah bagi doodle kali nie una nak bgai header free pulak ! auww <3 siapa suke ? siapa mahuuu ! wheee :D jadi ape lagiii ? komenn lahh ? okeyy , sebelumm tuhh ! korunk kene baca syarat-syaratnyer dulu :

SYARAT-SYARATNYER :

sila nyatakan width & heigth yang korunk mahukan mengikut kesesuaian blog korunk.
sila nyatakan ciri-ciri header idaman korunk.
sila nyatakan warna yang korunk mahukan.
sila sertakan link blog korunk sekali supaya mudah untuk una buat kerja.
tawaran ini hanya di buka pada hari nie,selepas 20 orang automatik korunk tak dapat.
sila add Facebook una untuk beritahu perkara selanjutnya.
semua header adalah atas daya kreativiti una sendiri.
selepas cukup 20 orang comment una serta merta akan list kan link pada hari nie jugak.
semoga korunk sukaaaa ~

ape lagiii ? cepat lah rebut peluang nieee <3

TUTORIAL : Your Own Navbar

tadi ade yang request una mcm mana nak buat navbar mcm una kan ? soo , here i am , tak tahu ape tuh navbar ? cuba tengok pic dekat bawah nie -->

hahh , tahu dah kann ? let's we start , 1st of all this tuto is credit to lettha :) sebab una guna code dia . then una tweak kan dia ^^ lagipun lettha use blogskin so code nyer mmg berlainan , una pulak guna washed denim kan ? soo , let we startt ^^

First go to your Dashboard > Design > Add Gadget > HTML/Javascript then korunk sila copy paste code yang kat bawah nie -->

<div style="position: absolute; top:0px; left: 0px; width:99.6%; position:absolute; padding:3px; background:black; color:white; font-size:11px;">
<center>welcome to my empire !! CODE ONLINE USER|| <a href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID HERE">Follow </a> or <a href="http://www.blogger.com/home">Dashboard</a></center></div>

Nota berwarna :

Biru : yang nie korunk boleh letak apa sahaja words , kire macam ucap selamat datang lah kat blog korunk kann ??

Merah : yang nie korunk boleh letak korunk punyer online user , tak tahu ape tuh online user ? check it out HERE !

Hijau : yang hijau pekat tuh korunk tukar pada id blog korunk kayy ?

biler dah sudah tweak segala bagai korunk save and lihat lah dia punyer hasil ^^ lawa takk ?? hee :D

NOTA BIT BOTT :

yang code dan colour boleh tukar okey ? macam yang black tuh boleh tukar pada pink , orange or etc . but korunk jugak boleh guna code colour seperti ini #000000 , tak tahu nak dapat kat mana ? yupp , korunk pergi je kat SINI yupp ^^ soo , selamat mencuba semuaaa :)

FREEBIES : Background Part-12

heyyy , ini freebies background yang una tweak olour okey :) soo , yang ini background DARK VINTAGE :) yang asal nyer yang first nie una amek dari snazzyspace.com soo , kalau dah ambil bgtahu una yer ^^ tak credit pun tak pe :) thanksss :)

http://www.snazzyspace.com/defaultimages/000000_dark-vintage.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfSzWEq3NzxscKeGsrA-OtUKLOHwrPvMuHvLFy6k30omAetaGBquFZgG8gy28-KdDn9sCZWuNPJf71pUIldRd0to83usO2CpiBVeeQBA58vvv_yu_tSHQDg_wX3Z9r2p9iZgplmAilX_qH/s1600/bluedark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizl38o9nszgJlM_AffWYEqCCMKQu-Y55YdChoDUcRkNoDoicVHWCgo1489IixBBNkP_iuJmqKMYOg4xchQwRbJ2AlMSRcrM9QpaR0VKTxxVBgqUk09nWOX9YVZ4Ipyc6gqJ2TQc4rVcurL/s1600/browndark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0O1NjAq3jsKhJJmH8R3EvsO6y0fqB8Re7DpmsMQiLULNgHzSIT1sbkvIvEWmay684DjoTFKahgeTTGMArnH5LhXiRxnQehdyP4hMPCgg0QxM4kS2h6HiBjyCiwYgAkFZ4jBTv76abmWdX/s1600/greendark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAitiIMDUU0CqynJY1RX2hgtvfjcpqJHmhh_JWmgATl1kgkC5eARAuJOxlr1oCeOT7tUA7mZvreyjkm6Ac6hFycLHNGeZ6qotO5whvJLDagmXa22dfAwA3kap0o4Cri604VURfM7etjyc/s1600/pinkdark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeNQfnCzheLyS7xHFjfUu-gDuWCWXOyARLjB5rBaI40-Q4Wp5KoiNapCut3kM8P-eDFGuEl9gkVv4Nv6rYwqBLOeKzMxIfdxc5Fm-ChZ7R8t1VMnnozufCdhzGCNgqSMvLxA8oe_XAfdqn/s1600/purpledark-vintage.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvac9I8_BwhF89JCf3EpOnvh0sm-Hd3T9m_zqShZiVxYKIUkAFeyy5X1SWNYqLIKlJTz52YHZe2PDVSb1N0i1IHiNAeG-ekD_HXC9RvJvZv4wXvAdz-OXXkwCxYdYk2N06oE__V1cJxhA6/s1600/reddark-vintage.png

TUTORIAL : macam mana nak tengok width Main body,Sidebar body & width header

Hanya untuk pengguna Washed Denim yaa :)

heyy , guy's now una nak buat tuto macam mana korunk nak tengok width main body , sidebar dan juga width header korunk :) okeii kita mulakan jomm :

FOR MAIN WRAPPER

First go to your Dashboard > Design > Edit Html and click ctrl + F then search for this code :

#main-wrapper {

then korunk tengok pulak gambar yang dekat bawah nie :

okeii , nampak yang una anak panah tuh ? korunk adjust lah width dia ikut citarasa korunk :) macam yang una punyer una guna 600px :) then kita beralih pula kepada sidebar pulak :

FOR SIDEBAR WRAPPER

click ctrl + F then korunk search code dekat bawah nie :

#sidebar-wrapper {

then korunk tengok pulak gambar yang dekat bawah nie :

okeii , nampak yang una anak panah tuh ? korunk adjust lah width dia ikut citarasa korunk :) macam yang una punyer una guna 290px :) so , next step kita nak tengok the whole width for blog korunk :

FOR CONTENT WRAPPER

click ctrl + F then korunk search code dekat bawah nie :

#content-wrapper {

lepas tuh tengok gambar kat bawah nie pulak :

okeii , macam penerangan yang dah una bagi kat atas tuh kan ? korunk kene tambah jumlah lebar main wrapper & juga sidebar wrapper , contoh nya : 600 + 290 = 890 okeyy , dapat jumlah dia kan ? tapi korunk kene lebih kan sikit lebarnya bile letak dekat content wrapper tuh , contoh una letak 900px :) soo , now dah siap bahagian tuh semua , macam mana pulak dengan header kan ? mesty ramai tertanya2 macam mana nak buat header kalau tak tahu width kan ? soo jom start :

FOR WIDTH HEADER

click ctrl + F then korunk search code dekat bawah nie :

#header {

then tengok gambar kat bawah nie :

dah tengok ? macam yang una tulis tuh korunk kene pastykan width header sama macam width content wrapper , so then korunk boleh lah edit header sendiri :)

NOTA BIT BOTT :

sooo , korunk kene pandai2 adjust lah okeii ? kalau tak faham tanya una yaa ? nanty una bantu korunk :) hope sume nie dapat membantu korunk :))