Sayang Kamu

Showing posts with label Tuto. Show all posts
Showing posts with label Tuto. Show all posts

10/27/11

Tutorial Cara Centrekan Header

Step 1:

pergi kat Dashboard > Design > Template Designer > Advance > Add CSS

Step 2:

Masukkan code ini

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}



Step 3:

Tekan apply..

credit: kerana manisnya epal

10/14/11

Tutorial Remove Nav Bar

assalamualaikum...

cara nak remove nav bar tu ialah;

Dashboard > Design > Edit HTML

pastu, cari code yang cam kat bawah ni








pastu copy plak code yang ni...

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}


letak bawah code tu...save ~ done

10/12/11

Tutorial Cara Pasang Like Box Facebook

assalamualaikum...

ni kak lang nak buat tutorial cara pasang Like Box facebook dalam page ye...simple & sungguh mudah ^^

1. pastikan korang ada facebook page, kalau xde korang wat dlu k...

2. korang klik link ini...

3. korang copy url page facebook

4.pastekan URL dalam kotak facebook page url

5. bila kroang da pastekan, nant akan kuar preview facebook page tu, korang pepandai la ejas ye...

6. bila korang da pueh ati dgn pilihan korang tu, bleh la klik "get code" tu

7. copy code tersebut....

design <> add gadget <> HTML/java script <> save

done...

good luck...^^

9/10/11

Tutorial Cara Pasang Facebook Like Button Di Blog

assalamualaikum...

seperti tajuk d atas, haaa kak lang nak kongsikan caranya k...

1. backup template sedia ada korang ye...

2. tick pada Expand Widget

3. ctrl+f...~> <data:post.body/>

4. kendian pastekan code ini d bawah <data:post.body/> 

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

5. Save...~>done

jom lihat hasilnya...

9/9/11

Tutorial Pasang widget Follower & Dashboard

Assalamualaikum...

nak pasang widget follower & dashboard kat belog kak lang ni, baru la senang sikit tuk kak lang kan...

terus ke tutorial

...
copy & paste kan code ni kat HTML/Javascript

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></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://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>

Blog ID, cuba korang tgk link page korang kat atas tu...haaa~tu la belog id korang

da paste...save dan lihat hasilnya, simple je kan...kak lang guna ikon simple je, klu nak guna ikon lain pun bleh jgk ye...suka ati korang la~

credit to Tengku Nizam

Tutorial Cara Pasang Ikon Fb & Twitter Sebelah Kiri

assalamualaikum...

nampak x sebelah kiri page kak lang tu..cute cam kak lang jgk kan...kan...kan...

haaa, nak tau xcamna kak lang buat...

hehe, kak lang pegi ikut kelas tutorial dari AdamXis ni....

JELES?!! xde maknanya...belog korang lagi terror dari belog kak lang ni kan..

k la, jom ikuti tutorial kak lang ni...

Cara Letak Icon Fb & Twitter

1. copy & paste code kat bawah ini pada gadjet Html
2. tukar USERNAME tu dengan id fb korang
3. pastekan code image yang korang nak guna pada IMG_URL

<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:200px; left:-12px;'>

<a class='linkopacity' href=' http://www.facebook.com/USERNAME ' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://YOUR_Facebook_IMG_URL" /></a><br />

<a class='linkopacity' href=' http://twitter.com/USERNAME' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://YOUR_twitter_IMG_URL" /></a><br />

:: kat bawah ni contoh ikon, kalau korang nak ikon sendiri pun bleh jgk, suke ati korang la ye~

:: saje wat tutorial ni, klu kak lang tukar tmplate nnt bleh rjuk sini balik...bijak x, smbil2 tu bleh la jgk kak lang share sket2 ngan kengkorang jgk kan~





LinkWithin

Related Posts Plugin for WordPress, Blogger...