Selasa, 30 Agustus 2011

Cute Icon Di Sebelah Comment


:60: SUKA!! :61:

:60: SUKA!! :61:

:60: SUKA!! :61:



:47: Log in > Design > Edit HTML > Tick Expand Widget Templates (penting)!

:47: Tekan Ctrl F dengan serentak dan cari kod ini :

<dd class='comment-footer'>

:47: Ada kan ? Kat bawah kod tu , korang paste yang ini :

<img src='URL GAMBAR YANG CUTE'/> 

p/s : yang warna merah tu , paste kan URL Gambar Cute Korang ye :p

:47:  Hasilnya , akan jadi macam ini :

(Klik untuk kelihatan lebih jelas)

:47: Paham takk ? Kalau dah siap . Terus SAVE ! Then , pergi check , ada takk ?

:47: Di bawah ini , Lyssa bagi contoh Cute Icon dan URL Gambar tu.
Kalau nak , ambik je . Tak payah segan - segan ye ! Kalau nak yang lebih elok . boleh cari di sini : SECRETO DE AMOR


Ambikk lah ye !! :

  http://dl3.glitter-graphics.net/pub/371/371123my0lmtqeoi.gif

  http://dl5.glitter-graphics.net/pub/1471/1471405phirjrmcxl.gif


  http://dl4.glitter-graphics.net/pub/1052/1052614tptu4qny8m.gif

  http://dl9.glitter-graphics.net/pub/521/521069vd558z8pxo.gif


  http://dl10.glitter-graphics.net/pub/1064/1064240rzz01o6zju.gif




Credit to : Lyssa

First freebies*background.

http://i473.photobucket.com/albums/rr100/dirah_96/purplecloudy.png

http://i473.photobucket.com/albums/rr100/dirah_96/PinkCloudy.png

http://i473.photobucket.com/albums/rr100/dirah_96/GrayCloud.png


Credit tohttp://putrybee.blogspot.com/2011/06/first-freebiesbackground.html

Freebies background.

the image

Purple - http://i.imgur.com/gAgzy.jpg

the image

Green - http://i.imgur.com/du69j.jpg

the image

Orange - http://i.imgur.com/7TFI6.jpg

the image

Yellow - http://i.imgur.com/9rmUy.jpg

the image

Blue - http://i.imgur.com/kSBOu.jpg

the image

Grey vantage - http://i.imgur.com/Xzon4.jpg

the image

Blue vantage - http://i.imgur.com/DkUsp.jpg

the image

Purple vantage - http://i.imgur.com/eaQyD.jpg

the image

Pink vantage - http://i.imgur.com/AgaaG.jpg

the image

Green vantage - http://i.imgur.com/AP3jG.jpg


Freebies Cute Background 3





http://i851.photobucket.com/albums/ab74/TivannyAsih/a-5.gif

http://i851.photobucket.com/albums/ab74/TivannyAsih/BlueStriped.gif
http://i851.photobucket.com/albums/ab74/TivannyAsih/BlueFlower.png
http://i851.photobucket.com/albums/ab74/TivannyAsih/a-10.jpg
http://i851.photobucket.com/albums/ab74/TivannyAsih/PinkBigStripesHorizontal.png
http://i851.photobucket.com/albums/ab74/TivannyAsih/PinkFlower.gif
http://i851.photobucket.com/albums/ab74/TivannyAsih/PinkBlueHeart.gif
http://i851.photobucket.com/albums/ab74/TivannyAsih/PinkTulipFlowers.gif


Credit tohttp://vannysecret.blogspot.com/2011/08/freebies-cute-background.html

Cara membuat button follow dan dashboard berwarna

KLIK GAMBAR UNTUK BESAR


okay anis rase rajin pulak nak buat tuto button follow dan dashboard..dulu anis gune button follow and dashboard ala2 tumblr sekarang lain pulak kan??'

copy code di bawah


<div style="display:scroll; position:fixed; top:5px; right:110px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowputih.png?6" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardbiru.png?6" /></a></div></div>






Seterusnya tukarkan BLOG ID dengan blog ID anda di bahagian atas blog anda.Lihat contoh di bawah.







Kemudian code bewarna HIJAU (untuk button follow) anda boleh meletakkan URL gambar apa-apa sahaja yang anda suka.Caranya mudah sahaja di mana anda hanya perlu meletakkan dan menggantikan dengan URL gambar anda di bawah ini. 


Lepas tu code berwarna ORANGE (untuk button dashboard) anda boleh meletakkan URL gambar apa-apa sahaja yang anda suka.Caranya mudah sahaja di mana anda hanya perlu meletakkan dan menggantikan dengan URL gambar anda di bawah ini. 



Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowputih.png
Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowbiru.png
Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfolloworen.png
Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttonfollowpink.png

Manakala untuk code yang bewarna OREN pula, anda boleh tukarkan dengan icon kegemaran anda.Caranya sama sahaja, hanya pilih icon di bawah dan gantikan di URL gambar.

Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardputih.png
Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardbiru.png
Photobucket
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardoren.png
Photobucket 
http://i21.photobucket.com/albums/b271/kozumi_ro/buttondashboardpink.png

Credit tohttp://littlesecretbatrisyiaanisazrin.blogspot.com/2011/07/tuto-button-follow-dan-dashboard.html

Senin, 29 Agustus 2011

Cara membuat border blog melengkung

dashboard > design > edit HTML *tick expand widget templates
tekan CTRL F serentak and search code ni :
.content-inner {
kalau dah jumpa, pastekan code bwah ni dibawah .content-inner {
-moz-border-radius: 35px;
border-radius: 35px;
kalau nak tambah color pada border tu, korang just tambah code ni :
border: 2px solid #000000;
korang pastekan dia bawah .content-inner {

full code, dia akan jadi macam ni :
border: 2px solid #000000;
-moz-border-radius: 35px;
border-radius: 35px;
merah : tebal border.
biru : boleh tukar dashed or dotted. 
purple : color border. rujuk sini untuk mendapatkan code warna. 


okay next . . .

tekan CTRL F sekali lagi. then search code ni pulak.
.content-outer {
jumpa kan? tengok bawah code dia, then ade code macam ni :
 -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
 -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
 -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  margin-bottom: 1px;
}
padam code tu. wajib padam okay :) baru tak nampak cacat and lebih kemas. 
lepas dah siap semua, baru save. 


Cara membuat page divider


click gambar untuk lebih jelas :)
nampak tak yang starwberry comel comel tu? so itulah page divider. jum buat :)
dashboard > design > edit HTML *tick expand widget templates
tekan CTRL F serentak and search code ni :
.post {
jumpa kan? k bagos. dah jumpa. paste code untuk page divider korang ni bawah .post { okay.
background: url(URL GAMBAR);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
contohnye macam ni :
click gambar untuk lebih jelas :)
nampak kan yang i highlight tu? paste dekat situ lah. lepas tu save and siap. tak paham tanye k?

merah : korang boleh cari dekat sini


kalau malas sangat nak cari. i dah sediakan 6 jenis divider dah. boleh guna kalau nak okay.


http://dl2.glitter-graphics.net/pub/439/439872zev6untzyt.gif
http://dl10.glitter-graphics.net/pub/1147/1147480t6phl13g44.gif
 http://dl4.glitter-graphics.net/pub/988/988834hh9o6vxkbm.gif
http://dl3.glitter-graphics.net/pub/467/467993o60mwxl1zy.gif
http://dl2.glitter-graphics.net/pub/994/994472v9j970mrxj.gif
http://dl4.glitter-graphics.net/pub/672/672414c8vxi9fnql.png


Credit tohttp://lifelikearainboww.blogspot.com/2011/05/tutorial-page-divider.html
Related Posts Plugin for WordPress, Blogger...