PhotobucketPhotobucket Photobucket Photobucket Photobucket

Monday, December 26, 2011

TUTORIAL | Meletakkan button Fb , Twitter dan Blog (home) pada blog

Bila Tangan dah Gatal nak hapddett...

Wahh , lama tak update blog . Maaflah ye .  Bz sikit sebab baru daftar new sem . Pejam celik pejam celik iza dah sem 6 rupanya ! haha ! Baru sedar dari mimpi yang panjang . sem 6 nih memang banyak kerja nak kena buat , proposal , projek akhir dan macam - macam lagi lah . oke taknak cakap banyak - banyak cuma nak bagi tutorial kat korang . Korang tahu ape itu button Fb, Twitter , Blog home dan sebagainya ? Nih untuk newbiew oke . kalau yang dah tahu baguslah . haha ! >,> Nak lebih maklum sila lihat gambar di bawah ye !

Kalau korang nak button nih berkaler pink macam iza , jom ikot tutorial di bawah . Mudah je ! 

STEPS : : : 

1) Login akaun <> Dashboard <> Design 

2) Add a Gadget <> HTML / JavaScript

3) Copy code di bawah dan paste dalam ruangan HTML / Javascript tersebut

<style type='text/css'>
    a.linkopacity img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;}

    a.linkopacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0; }
    </style>

    <div style='display:scroll; position:fixed; top:140px; left:-12px;'>

    <a class='linkopacity' href='LINK FACEBOOK KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://i1120.photobucket.com/albums/l489/chomeieyza/232.png" /></a><br />

    <a class='linkopacity' href='LINK TWITTER KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://i1120.photobucket.com/albums/l489/chomeieyza/432.png" /></a><br />

    <a class='linkopacity' href='LINK FACEBOOK HOME KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://i1120.photobucket.com/albums/l489/chomeieyza/blogger_64x64.png" /></a><br />

** Tukar ayat berwarna di atas oke ! n_n

ABAB : Jarak daripada atas dinding blog. Kalau nak lagi jauh tambahkan angka .
ABAB : Pilih nak Right atau Left .
ABAB : Link Facebook korang
ABAB : Link twitter korang .
ABAB : Link blog (home) korang .

4) Preview dan kalau menjadi SAVE !

..... SELAMAT MENCUBA .....


♥ Menarik? Like dan tinggalkan komen oke! tq ♥

1 000 ucap syg pada Cik Iza:

Anonymous said...

tengs 4 sharing :D

Related Posts Plugin for WordPress, Blogger...

_Jgn Lupe Klik!_

!♥2010, kini dan Selamanya! Hak Milik Cik Chomeieyza♥!