Skip to main content

tutorial blockquote with cute icon

Untitled

tutorial nie direquest oleh ikazulfa..dia tnya mcm mana nk buat blockquote mcm saya..btw ika saya dh tukar blockquote..kalau nak blockquote double blockquote pergi sini..saya dah lupa mcm mna nak buat double blockquote with cute icon..sory~~tapi kalau nak blockquote mcm saya sekarang ikut la step saya nie.

1)design>edit html
2)cari cod dibawah
.post blockquote {
3)dah jumpa?copy kod dibawah and then paste dibawah kod yang cari tadi
background-color: #F6CEE3;
border:3px dashed #FFFFFF;
padding: 0px;
.post blockquote:hover {
background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic015demoji_14436277decoojp.gif);
background-position:bottom right;
background-repeat:no-repeat;
-webkit-transition: 1s;}
}
4)save
*boleh edit wrna lain kalau mau..
kalau x jadi kasi tau..saya pening sikit masa buat tuto nie..

Comments

Popular posts from this blog

freebies header part2

asyik bagi orang freebies header cantik2 tapi header sendiri tak cantik..saya tau la kenapa setiap kali buat header untuk diri saya tak cantik..T_T...ok la malas nak cakap banyak,saya kasi korang.. pastikan kredit saya ye..kalau tak mau kredit siap!hahaha cara nak ambik: -klik gambar -klik right klik dan save image as *maaf tak berapa nak cantik =)

freebies background part 2-vintage

untuk vintage lover saya nak bagi background yang cun untuk korang..ameklah kalau sudi...jangan lupa kredit ye..penat buat benda nie~~ https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0F-8FBfk4R78PgOZVJb5s5b2K5gKhWCuqAW7kXyRmaGQrKDusWH6vI85l3LymdbJY-h9YslpZxNqpZGY7entAFpaSAYuCRtDTdCvrAIZGzRcV5_PUWD_nTr2UXgYSFKygHkixRsb9YUkK/s1600/bluevintage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmLoFaluJ-tak1317wMsIBhyphenhyphenu2nOlTFNCaQr3dxuS3ct4xF7kXgAUE7BKgE9XQB7DaiCh8EUMgCl8ni6RsIG0H9NE_jJwjAvS6rLaYfz-tIl0fu1pXbyJ7n3i-efSgqpeW-nm61IXQE250/s1600/greenvintage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvLudPmL13ciJFQCUvgg5YzS4LiZPZoxFxpGnTHaldPuFKp87yIG9QVL-MeNO5ROePCR0BSCmwJu6wMJjE87mG7fsazzSob-BeUOCGCdtWi0-0EvqHDAL5GH62AJPNA-q_pM-LRfrmxrLj/s1600/maroonvintage.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUeMIstnr0ZgD745qT_Xid5vgzsYoFr990KSzeTtNKZ5UByaBK2TonBCI0Ft0Gl43kJN-e5KEWYwnEo7OJ_E_WpIMozTU0W7XDwz4-p0k-mjA1WpOtQa4...

TUTORIAL SHOUTBOX TIMBUL TEPI BLOG TANPA BERJALAN

Asalamualaikum w.b.t...saya tak tau nak explain macam mana rupa shoutbox nie..shoutbox nie macam ajax floating shoutbox jugakla tapi dia tak timbul kat tengah-tengah..tengoklah sendiri rupanya=) tekan untuk lihat dengan lebih jelas! header tu x berapa nak lawakan..hehehe.. ok!step dia senang daripada shoutbox ajax floating tu.. 1)login blog>design>page element>add gadget>HTML/javascript 2)copy kod dibawah dan pastekan di javascript <style type="text/css"> .gb_fixed{ position :fixed; top:0px; right:0px; z-index: 10; } * html .gb_fixed {position:relative;} #hidden_gb2 { display:none; border:2px solid #333333; background:#ffffff; padding:10px;   padding-top:0px; } </style> <div class="gb_fixed"> <table id="hidden_gb2" cellpadding="0" cellspacing="0"> <tr><td> <div><a href="javascript:void(0)" onclick="gb_showHideGB()">[ close ]</a></div> <div...