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 !
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
179 comments:

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 
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
181 comments:

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 :)
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
18 comments:

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
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
46 comments:

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 :)
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
37 comments:

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
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
55 comments:

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 :))
Hai! Selamat membaca. Jangan lupa tinggal komen ya?
18 comments: