tutorial ke blog lain

                                                                                           

ni blog yg sufie nk kongsi ngan korang sal tutorial..

klik kat assalamualaikum tu..k



maaf sebab ianya x seberapa pun

tutorial letak icon fb or twitter dan sebagainye



1.Dashboard>Design>Page Element>Add a gadget>HTML/JavaScript

2.Copy code kat bawah ni:
<div style="display:scroll; position:fixed; top:200px; left:0px;">
<a class="linkopacity" href="http://www.facebook.com/facebook ID" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />
</div>
3.Paste code dalam box HTML/JavaScript

maklumat tambahan:
200-kedudukan icon dari atas ke bawah
[kalau nak letak atas..boleh letak start dari 0px..kalau tengah,mungkin 300px..adjust la mane korang rase ok]
left-kedudukan icon
[nak letak kanan pun boleh]
0-jarak icon dari kiri ke kanan atau dari kanan ke kiri
[adjust ikut suke]
facebook ID-facebook ID korang
click profile and copy je url atas tu
Facebook-nama icon
URL icon/image-url icon korang..boleh cari kt google je icon ni
4.pastu SAVE!

kalau nak letak lebih dari satu icon korang copy:
<a class="linkopacity" href="http://www.facebook.com/facebook ID" target="_blank" rel="nofollow" title="Facebook" imageanchor="1" style="margin-left: 1em; margin-left: 1em;"><img border="0" src="URL icon/image" /></a><br />
paste selepas code <br /> yang pertama tadi

kemudian edit macam biase
[kalau seploh icon..sploh kali la copy code ni dan edit]


maaf sebab ianya x seberapa pun

tutorial kelopak bunga berguguran dalam blog!



nak nmpak blog cntik slain dr salji?


1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah:

<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
.css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
.css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>


3. Save dan lihat hasilnya.:)

maaf sebab ianya x seberapa pun

tutorial pasang button follow n dashbord



1 : Dashboard > Design > Add gadget > HTML/javascript
2 : Copy dan paste code kat bawah nie dalam HTML/javascript :
<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="url button follow?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="url button dashbord?6" /></a></div></div> 
(*tekan ctrl+c untuk copy code)


tak tau blog ID tu apa? boleh tengok kat bawah nie....


kat sini ada contoh url...

http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/folviolet.png
   
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/dborpinkyy.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/folviolet.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/dborviolet.png
   
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/folgrin.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/dborgrin.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/PinkFollow.png
http://i1105.photobucket.com/albums/h346/ayusleeping11/button%20follow%20dashboard/PinkDashboard.png

maaf sebab ianya x seberapa pun

TUTORIAL tukar gambar FAVICON


1. Dashboard>Design>Edit HTML>Tick expand widget template .

2. tekan CTRL+F/F3 , search Kod dekat bawah ni ok

</head>
                                                            3. then copy code kat bawah ni .



<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/>

<link href='URL gambar' rel='icon' type='image/x-icon'/>


   4. paste kan dekat atas code </head> tu ok

5. lepas tu preview , kalau jadi save!

*Letak URL gambar dekat Warna Merah ! :)

kat sini korang leh uat favicon korang secra online..

KLIK SINI

maaf sebab ianya x seberapa pun

tutorial alert msj (eg:welcome to my blog)



nk alert msj cm sufie? meh ikot tutorial ni

1)log in > dashboard > add gadget > html/javascript

2)paste kod bwah nie...

<script> function MYALERT() {
alert("TULIS AYAT KORANG KAT SINI"); } MYALERT()
</script>



maaf sebab ianya x seberapa pun

tutorial buang navbar


1) Dashboard > Design > Edit HTML.
2) Tekan CTRL+F/F3, search for this code :
/* Variable definitions
3) Dah jumpa kan? Then, copy code ni dan pastekan kat atas code yang korang cari tadi tu
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
} 
or
#navbar-iframe {
display: none !important;
}

p/s:preview dulu..bru save!



maaf sebab ianya x seberapa pun