Saturday 5 May 2012

Ringankan blog dengan jQuery Lazy Load

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image selepas page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load.

Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak memaparkan image gambar ataupun image yang bersaiz besar. 

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.
Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content HTML/Javascript.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='http://javscript-code.googlecode.com/files/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv_N3ITEAMQl2FvLdZkkpDcOdUJmH3rvUXPez3sSkcmpdXpg6hEZsYvash0CiAUoe6MlE7tfbqPm2Uxbk6uejhmO7kGWxB7ByndU6e-ORzWSO9M8E8Q2X5CQzcagEU6ol0X27TkYTRYhE/s1600/grey.gif"
});
});
</script>

Akhir, sekali, klik Save.


p/s:
1. Jika tiada sebarang efek berlaku selepas kod di Save, sila paste kod tersebut sebelum atau di atas kod </body> pada script template.


2. Jika tiada seberang perubahan selepas kod di paste di atas atau sebelum kod </body>, sila paste kod tersebut sebelum atau di atas kod </head>

 

Sumber_maribinablog.blogspot.com

Ringankan blog dengan jQuery Lazy Load

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image selepas page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load.

Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak memaparkan image gambar ataupun image yang bersaiz besar. 

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.
Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content HTML/Javascript.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='http://javscript-code.googlecode.com/files/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv_N3ITEAMQl2FvLdZkkpDcOdUJmH3rvUXPez3sSkcmpdXpg6hEZsYvash0CiAUoe6MlE7tfbqPm2Uxbk6uejhmO7kGWxB7ByndU6e-ORzWSO9M8E8Q2X5CQzcagEU6ol0X27TkYTRYhE/s1600/grey.gif"
});
});
</script>

Akhir, sekali, klik Save.


p/s:
1. Jika tiada sebarang efek berlaku selepas kod di Save, sila paste kod tersebut sebelum atau di atas kod </body> pada script template.


2. Jika tiada seberang perubahan selepas kod di paste di atas atau sebelum kod </body>, sila paste kod tersebut sebelum atau di atas kod </head>

 

Sumber_maribinablog.blogspot.com

Friday 4 May 2012

Tutorial Letak FB Share Button

Tutor kali ini aku nak cara  Letak FB Share Button,,,Mungkin ada lagi blogger x tahu….


so,,,aku nk kongsi macam mana nak buat….
ok…Ikut Step by Step ya…Insya’alllah menjadi


1.Mula pergii kat Dashboard > Design > Edit Html > Tick Expand Widget Template


2. Then , dengan neggunakan Ctrl+F , korang cari kod ini ..


<div class='post-body entry-content'>


ataupun kod yang ini


data:post.body


3. Dah jumpa kan ? Then , korang copy pulak kod di bawah ini :


<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
type='button_count'/> 
<script src='
http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div>



4. Copy kod ini dekat atas kod yg korang cari tadi..
ok siap…..


5.kalau ada masalah apa2 boleh tinggalkan komen..


“Selamat Mencuba”

Tutorial Letak FB Share Button

Tutor kali ini aku nak cara  Letak FB Share Button,,,Mungkin ada lagi blogger x tahu….


so,,,aku nk kongsi macam mana nak buat….
ok…Ikut Step by Step ya…Insya’alllah menjadi


1.Mula pergii kat Dashboard > Design > Edit Html > Tick Expand Widget Template


2. Then , dengan neggunakan Ctrl+F , korang cari kod ini ..


<div class='post-body entry-content'>


ataupun kod yang ini


data:post.body


3. Dah jumpa kan ? Then , korang copy pulak kod di bawah ini :


<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
type='button_count'/> 
<script src='
http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div>



4. Copy kod ini dekat atas kod yg korang cari tadi..
ok siap…..


5.kalau ada masalah apa2 boleh tinggalkan komen..


“Selamat Mencuba”

Wednesday 2 May 2012

Cara Letak DashBoard

Log in > Dashboard > Design > Add Gadget > Html/JavaScript

Paste kod di bawah ini , di ruangan Html tadi tu ..

<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>

Ok..Selamat Mencuba

Cara Letak DashBoard

Log in > Dashboard > Design > Add Gadget > Html/JavaScript

Paste kod di bawah ini , di ruangan Html tadi tu ..

<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>

Ok..Selamat Mencuba

Tuesday 1 May 2012

Tulis Ayat Bawah Entry



Korang Lihat Line warna merah tu..tu la Contoh Untuk tutorial kali ini

1. Dashboard > Design > Edit Html > Tick Expand Widget Template

2. Tekan Ctrl F serentak , dan cari kod :

<data:post.body/>


3. Then, copy kod ini :

<hr/><center><span style='color: #000000;'><b>TULIS AYAT APA2</b></span></center><hr/>


4. PASTU,,PASTEKAN DI BAWAH KOD   <data:post.body/>

Tulis Ayat Bawah Entry



Korang Lihat Line warna merah tu..tu la Contoh Untuk tutorial kali ini

1. Dashboard > Design > Edit Html > Tick Expand Widget Template

2. Tekan Ctrl F serentak , dan cari kod :

<data:post.body/>


3. Then, copy kod ini :

<hr/><center><span style='color: #000000;'><b>TULIS AYAT APA2</b></span></center><hr/>


4. PASTU,,PASTEKAN DI BAWAH KOD   <data:post.body/>

Cra mengubah Ke Old Template

salam,,semua tutorial dalam ni menggunaka old template jadi kepada sesapa yg nk tukar ke old template sila ikut step ini…


sebenarnya ada satu step saja..


1.log in blog korang tu.


2.then tengok kat anak panah tu clik situ.


blog


3.siap dah..senang kan…



skarang boleh la ikut tutorial dalam blog ni..huhu

Cra mengubah Ke Old Template

salam,,semua tutorial dalam ni menggunaka old template jadi kepada sesapa yg nk tukar ke old template sila ikut step ini…


sebenarnya ada satu step saja..


1.log in blog korang tu.


2.then tengok kat anak panah tu clik situ.


blog


3.siap dah..senang kan…



skarang boleh la ikut tutorial dalam blog ni..huhu

AYAT COPYRIGHT SENDIRI!!

SALAM HARI AKU AKN TUNJUKKA TUTORIAL UNTUK BUAT AYAT COPYRIGHT SENDIRI…SO,,,IKUT STEP NI YA…


1.fIRST,,Log in > Dashboard > Design > Edit Html


2. THEN Cari kod ini .( Nak cari tekan Ctrl + F)

    </body>  


3.Then , paste kod kat bawah ni kat bahagian atas

     KOD yang korang cari tadi ok? 
        
 <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>

<center>TULIS AYAT COPYRIGHT KORANG KAT SINI</center>


4. SEBELUM tu ,preview dulu , jadi KE tak .?
5. KALAU dah jadi , SAVE terus ok :)



6.KALAU ADA MASALAH BOLEH TINGGALKN KOMEN  
    INSYA’ALLAH SAYA AKAN MEMBANTU….



‘SELAMAT MENCUBA’

AYAT COPYRIGHT SENDIRI!!

SALAM HARI AKU AKN TUNJUKKA TUTORIAL UNTUK BUAT AYAT COPYRIGHT SENDIRI…SO,,,IKUT STEP NI YA…


1.fIRST,,Log in > Dashboard > Design > Edit Html


2. THEN Cari kod ini .( Nak cari tekan Ctrl + F)

    </body>  


3.Then , paste kod kat bawah ni kat bahagian atas

     KOD yang korang cari tadi ok? 
        
 <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>

<center>TULIS AYAT COPYRIGHT KORANG KAT SINI</center>


4. SEBELUM tu ,preview dulu , jadi KE tak .?
5. KALAU dah jadi , SAVE terus ok :)



6.KALAU ADA MASALAH BOLEH TINGGALKN KOMEN  
    INSYA’ALLAH SAYA AKAN MEMBANTU….



‘SELAMAT MENCUBA’

Tutorial Menghilangkan Nav Bar

Salam,,Hari aku nak ajar korang cara membuang nav bar,,mungkin dalam kalangan blogger mengatakan nav bar tu menyusahkan,nampak serabuk la…tapi x tahu nak buang so ,senang je nak buang ,juz ikut step ini…k


1.Dashboard > Design > Edit Html > Tick Expand Widget Template



2. korang klik Ctrl+F and find this code


/* Variable definitions


3.Then,copy kod kod kat bawah ini..


#navbar-iframe {
display: none !important;
}



4.akhir sekali, paste kod yg tadi kat atas kod yg korang cari tadi..


5.kalau ada masalah juz komen saja kat sini ,,,insya’allah  saya akan mmbantu…



selamat mencuba’


Tutorial Menghilangkan Nav Bar

Salam,,Hari aku nak ajar korang cara membuang nav bar,,mungkin dalam kalangan blogger mengatakan nav bar tu menyusahkan,nampak serabuk la…tapi x tahu nak buang so ,senang je nak buang ,juz ikut step ini…k


1.Dashboard > Design > Edit Html > Tick Expand Widget Template



2. korang klik Ctrl+F and find this code


/* Variable definitions


3.Then,copy kod kod kat bawah ini..


#navbar-iframe {
display: none !important;
}



4.akhir sekali, paste kod yg tadi kat atas kod yg korang cari tadi..


5.kalau ada masalah juz komen saja kat sini ,,,insya’allah  saya akan mmbantu…



selamat mencuba’


TuTorial Letak FB LIKE Button

Salam, hari aku nk ajar korang macam mana nak leta k FB like Icon,,
caranya mudah saja…juz ikut tutor ini ok…


1.Mula2 Buka Dashboard => Design => Edit HTML => Jangan lupa TICK kotak Expand  Widgets Template .


2.Lepas TU,  tekan CTRL+F and search for this code :


data:post.body


3jumpa tak ?? So,kalau jumpa , then copy code kat bawah ni ,
     and paste dekat BAWAH code kat atas ni ok .


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


4. Preview la dulu jadi ke tak . kalau jadi, then save jela .
Siap !!!


Senang ja kan…Selamat Mencuba.

TuTorial Letak FB LIKE Button

Salam, hari aku nk ajar korang macam mana nak leta k FB like Icon,,
caranya mudah saja…juz ikut tutor ini ok…


1.Mula2 Buka Dashboard => Design => Edit HTML => Jangan lupa TICK kotak Expand  Widgets Template .


2.Lepas TU,  tekan CTRL+F and search for this code :


data:post.body


3jumpa tak ?? So,kalau jumpa , then copy code kat bawah ni ,
     and paste dekat BAWAH code kat atas ni ok .


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


4. Preview la dulu jadi ke tak . kalau jadi, then save jela .
Siap !!!


Senang ja kan…Selamat Mencuba.

Link Warna Warni

Rainbow link merupakan salah satu trick yang diaplikasikan kepada link yang ada dalam sesebuah blog. asalkan cursor mouse dilalukan pada sesuatu link, link tersebut akan berubah menjadi warna-warni dengan warna yang tertentu.

Tutorial untuk menjadikan blog anda juga mempunyai link berwarna-warni adalah seperti berikut.

1.) Copy code di bawah ini.
<script src="https://sites.google.com/site/unwanted86/javascript/rainbowlink.js" type="text/javascript">
</script>

2) Buka dashboard blog anda, kemudian pergi ke layout > page element > add a gadget
Bagaimana Letak Kod HTML pada blog

3) Cari HTML/javascript. Kemudian apabila sudah buka, paste code kat situ.
Bagaimana Letak Kod HTML pada blog

4) Siap dan save. Itu sahaja. Senang bukan.:)

Link Warna Warni

Rainbow link merupakan salah satu trick yang diaplikasikan kepada link yang ada dalam sesebuah blog. asalkan cursor mouse dilalukan pada sesuatu link, link tersebut akan berubah menjadi warna-warni dengan warna yang tertentu.

Tutorial untuk menjadikan blog anda juga mempunyai link berwarna-warni adalah seperti berikut.

1.) Copy code di bawah ini.
<script src="https://sites.google.com/site/unwanted86/javascript/rainbowlink.js" type="text/javascript">
</script>

2) Buka dashboard blog anda, kemudian pergi ke layout > page element > add a gadget
Bagaimana Letak Kod HTML pada blog

3) Cari HTML/javascript. Kemudian apabila sudah buka, paste code kat situ.
Bagaimana Letak Kod HTML pada blog

4) Siap dan save. Itu sahaja. Senang bukan.:)

Post Entri Dalam Blog

Post entri dalam blog merupakan perkara yang paling asas bagi seorang blogger.
Dalam entri anda akan menaip apa yang anda mahu sampaikan samada luahan rasa, perkongsian, info dan apa-apa sahaja yang anda mahu.

Berikut adalah cara bagaimana anda hendak memulakan langkah untuk menaip dalam blog anda.


1. Buka link www.blogger.com (link ini diperlukan setiap kali anda hendak login kepada akaun blogger). Masukkan email dan password anda.

Tutorial Post Entri Dalam Blog

2. Pada paparan muka depan, klik pada 'new post'

Tutorial Post Entri Dalam Blog

3. Masukkan tajuk untuk entri anda dan juga isi kandungan entri anda.(biasa bab ini mengambil masa untuk menaip entri).
Kemudian apabila sudah siap, klik pada button 'publish'

entri

4. Apabila sudah tekan button publish, siap untuk sebuah entri dalam blog anda.:)

Tutorial Post Entri Dalam Blog

  • jika anda hendak tengok 'rupa' entri anda itu, klik pada 'view post'
  • jika anda rasa masih ada kekurangan dan hendak edit, klik pada 'edit post'
  • jika anda hendak menaip entri baru, klik pada 'create a new post' (anda juga boleh mulakan dari awal dengan klik pada 'dashboard' pada bahagian atas-kanan)

Post Entri Dalam Blog

Post entri dalam blog merupakan perkara yang paling asas bagi seorang blogger.
Dalam entri anda akan menaip apa yang anda mahu sampaikan samada luahan rasa, perkongsian, info dan apa-apa sahaja yang anda mahu.

Berikut adalah cara bagaimana anda hendak memulakan langkah untuk menaip dalam blog anda.


1. Buka link www.blogger.com (link ini diperlukan setiap kali anda hendak login kepada akaun blogger). Masukkan email dan password anda.

Tutorial Post Entri Dalam Blog

2. Pada paparan muka depan, klik pada 'new post'

Tutorial Post Entri Dalam Blog

3. Masukkan tajuk untuk entri anda dan juga isi kandungan entri anda.(biasa bab ini mengambil masa untuk menaip entri).
Kemudian apabila sudah siap, klik pada button 'publish'

entri

4. Apabila sudah tekan button publish, siap untuk sebuah entri dalam blog anda.:)

Tutorial Post Entri Dalam Blog

  • jika anda hendak tengok 'rupa' entri anda itu, klik pada 'view post'
  • jika anda rasa masih ada kekurangan dan hendak edit, klik pada 'edit post'
  • jika anda hendak menaip entri baru, klik pada 'create a new post' (anda juga boleh mulakan dari awal dengan klik pada 'dashboard' pada bahagian atas-kanan)

Monday 30 April 2012

Letak Ruangan Komen Di Bawah Entri

Meletakkan ruangan komen di bawah entri dapat memudahkan pengunjung sesebuah blog untuk menghantar komen pada entri yang ditaip.
Letak Ruangan Komen Di Bawah Entri.
1. Login akaun blogger anda, dari dashboard> settings>comments
Pada comments form placement, pilih 'embedded below post'


2. Save setting dan  siap..
JIKA tidak berjaya.

3. Klik pada layout>edit html>Expand widget templates

4. Backup template anda dengan klik 'download full template'.

5. Tekan ctrl + F untuk mencari kod dibawah.
<b:include data='post' name='comments'/>
6. Letakkan kod ini dibawah kod yang anda jumpa pada langkah 5.
<b:include data='post' name='comment-form'/>

Letak Ruangan Komen Di Bawah Entri

Meletakkan ruangan komen di bawah entri dapat memudahkan pengunjung sesebuah blog untuk menghantar komen pada entri yang ditaip.
Letak Ruangan Komen Di Bawah Entri.
1. Login akaun blogger anda, dari dashboard> settings>comments
Pada comments form placement, pilih 'embedded below post'


2. Save setting dan  siap..
JIKA tidak berjaya.

3. Klik pada layout>edit html>Expand widget templates

4. Backup template anda dengan klik 'download full template'.

5. Tekan ctrl + F untuk mencari kod dibawah.
<b:include data='post' name='comments'/>
6. Letakkan kod ini dibawah kod yang anda jumpa pada langkah 5.
<b:include data='post' name='comment-form'/>

Buka Link Baru Apabila Klik Pada Gambar

Apabila upload gambar menggunakan kaedah yang telah tersedia oleh blogger.com, secara default gambar tersebut akan dibuka pada page yang sama.
Ada ketikanya ianya bagus apabila merujuk kepada blog yang sama, tetapi kurang bagus apabila seorang blogger hendak merujuk kepada tempat lain. ini kerana apabila buka pada page yang sama, pengunjung terpaksa menekan button back untuk kembali kepada blog asal.

Tutorial ini akan menerangkan bagaimana untuk menjadikan gambar yang mempunyai link akan dibuka pada tab yang baru apabila diklik.
Perhatikan kedua-dua gambar ini, sila klik pada keduanya.

1)Gambar 1

Buka Link Baru Apabila Klik Pada Gambar

2)Gambar 2


Buka Link Baru Apabila Klik Pada Gambar

Gambar pertama tidak memberi kesan apa², tetapi gambar kedua membawa anda ke yahoo.com .(memang sengaja di'link'kan kepada yahoo).
Jangan terkejut jika tutorial ini sangat mudah.:)

<a href="Letakkan link untuk dibuka disini" target="_blank" >
<img src="Letakkan url gambar disini"/></a>

Sebagai contoh, untuk kod gambar kedua adalah seperti ini

<a href="http://www.yahoo.com" target="_blank" >
<img src="http://www.google.com.my/intl/en_com/images/logo_plain.png"/></a>
  • Untuk gambar kedua, link akan dibuka pada tab baru. Jika anda ingin link dibuka pada page yang sama, buang target="_blank"
  • Kaedah lain untuk buka link dalam page yang sama boleh guna terus aplikasi upload gambar dan letak link yang ada masa buat new post.:)

Sumber_TutorialUntukBlog

Buka Link Baru Apabila Klik Pada Gambar

Apabila upload gambar menggunakan kaedah yang telah tersedia oleh blogger.com, secara default gambar tersebut akan dibuka pada page yang sama.
Ada ketikanya ianya bagus apabila merujuk kepada blog yang sama, tetapi kurang bagus apabila seorang blogger hendak merujuk kepada tempat lain. ini kerana apabila buka pada page yang sama, pengunjung terpaksa menekan button back untuk kembali kepada blog asal.

Tutorial ini akan menerangkan bagaimana untuk menjadikan gambar yang mempunyai link akan dibuka pada tab yang baru apabila diklik.
Perhatikan kedua-dua gambar ini, sila klik pada keduanya.

1)Gambar 1

Buka Link Baru Apabila Klik Pada Gambar

2)Gambar 2


Buka Link Baru Apabila Klik Pada Gambar

Gambar pertama tidak memberi kesan apa², tetapi gambar kedua membawa anda ke yahoo.com .(memang sengaja di'link'kan kepada yahoo).
Jangan terkejut jika tutorial ini sangat mudah.:)

<a href="Letakkan link untuk dibuka disini" target="_blank" >
<img src="Letakkan url gambar disini"/></a>

Sebagai contoh, untuk kod gambar kedua adalah seperti ini

<a href="http://www.yahoo.com" target="_blank" >
<img src="http://www.google.com.my/intl/en_com/images/logo_plain.png"/></a>
  • Untuk gambar kedua, link akan dibuka pada tab baru. Jika anda ingin link dibuka pada page yang sama, buang target="_blank"
  • Kaedah lain untuk buka link dalam page yang sama boleh guna terus aplikasi upload gambar dan letak link yang ada masa buat new post.:)

Sumber_TutorialUntukBlog

Letak Dashboard N Follow Button

1.Log in > Design >Edit Html Untuk Kod Dashboard

2.copy kod ni..dekat html….

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" 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>

 

save..siap

Letak Dashboard N Follow Button

1.Log in > Design >Edit Html Untuk Kod Dashboard

2.copy kod ni..dekat html….

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" 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>

 

save..siap

UBAH PERKATAAN ‘POST A COMMENT’ KEPADA AYAT SENDIRI

1. Log In > Dashboard > Setting > Comment
2. Scroll ke bawah sikit .. Cari "Comment From Message" ...

3.EDIT

 

4. then,,tulis ayat korang

5. and save…dah siap…

senang ja kan….

                                         ‘selamat mencuba’

UBAH PERKATAAN ‘POST A COMMENT’ KEPADA AYAT SENDIRI

1. Log In > Dashboard > Setting > Comment
2. Scroll ke bawah sikit .. Cari "Comment From Message" ...

3.EDIT

 

4. then,,tulis ayat korang

5. and save…dah siap…

senang ja kan….

                                         ‘selamat mencuba’

Sunday 29 April 2012

LETAK LAGU DALAM BLOG

ASSALAMUALAIKUM…K…HARI INI AKU AKAN AJAR KORANG MACAM NAK LETAK LAGU DALAM…..BLOG….
1. FIRST KORANG PERGI KAT LINK NI >>> KLIK SINI

2. PASTU KORANG PERGI KAT IMAGE KT BAWAH NI..THEN PILIH LA LAGU


KORANG BOLEH PILIH NK LAGU BARAT ATAU MeLAYU


1



3. LEPAS KLIK,,,ISI LA LAGU APA YG KORANG NAK…ATAU NAMA ARTIS TU



2


4. LEPAS KORANG PILIH,,,THEN KLIK KAT LAGU TU…PASTU KELUAR     KOD KAT TENGAH HALAMAN TU..


5. COPY KOD TU DULU..



3


CARA NAK PASANG KAT DALAM BLOG

1. Log in > Design > Add Gadget > Html/JavaScript


2. THEN PASTE KOD YG KORANG COPY TADI KAT RUANG HTML


3. DAH SIAP…N SAVE

*ATTENTION* KADANG2 LAGU X BUNYI…SO…KORANG CARI LA LAGU LAIN PULA K…
K…


SELMAT MENCUBA

LETAK LAGU DALAM BLOG

ASSALAMUALAIKUM…K…HARI INI AKU AKAN AJAR KORANG MACAM NAK LETAK LAGU DALAM…..BLOG….
1. FIRST KORANG PERGI KAT LINK NI >>> KLIK SINI

2. PASTU KORANG PERGI KAT IMAGE KT BAWAH NI..THEN PILIH LA LAGU


KORANG BOLEH PILIH NK LAGU BARAT ATAU MeLAYU


1



3. LEPAS KLIK,,,ISI LA LAGU APA YG KORANG NAK…ATAU NAMA ARTIS TU



2


4. LEPAS KORANG PILIH,,,THEN KLIK KAT LAGU TU…PASTU KELUAR     KOD KAT TENGAH HALAMAN TU..


5. COPY KOD TU DULU..



3


CARA NAK PASANG KAT DALAM BLOG

1. Log in > Design > Add Gadget > Html/JavaScript


2. THEN PASTE KOD YG KORANG COPY TADI KAT RUANG HTML


3. DAH SIAP…N SAVE

*ATTENTION* KADANG2 LAGU X BUNYI…SO…KORANG CARI LA LAGU LAIN PULA K…
K…


SELMAT MENCUBA