Saturday 28 April 2012

Tutorial: Facebook Like Button


Hari ni Syaqhirah takda apa nak buat, kerja sekolah dah siap. So, Syaqhirah buat tutorial...Tutorial kali ini berkaitan dengan facebook like button! FACEBOOK LIKE BUTTON? Apa tu? Biar Syaqhirah bagitau, jangan kerutkan dahi korang tu ye...


Nampak tak bawah post Syaqhirah ni, ada button like? Itulah facebook like button. Dah tahu kan? Jom kita mulakan tutorial...

1. Dashboard -> Design -> Edit Html -> Tick Expand Widgets Templates.


2. Tekan ctrl F, cari kod kat bawah ni:


data:post.body

3. Kalau dah jumpa kod tu, copy kod bawah ni then paste dekat bawah code kat atas ni...

<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. Sebelum save, korang kena preview, kalau dah jadi, klik save!

~ SELAMAT MENCUBA~ 



Coretan Oleh,








♥ Terima Kasih Sebab Sudi Membaca Entri Ni! Like Kalau Suka! ♥

Friday 27 April 2012

Tutorial: Gerakkan Title Blog



 
 Assalamualaikum semua! Syaqhirah nak buat tutorial gerakkan title blog. Kakak Siti Farah Zarifah yang request tutorial ni...
Dalam tutorial kali ini, korang boleh tukarkan title blog korang dan korang boleh membuatkan ia bergerak dari kanan ke kiri. 

 

Nak cuba jugak? Jom kita ikut tutorial ni...
 1. Dashboard => Design =>  Add Gadget => Html Java Script

2.  Copy dan paste kod bawah ni dalam ruangan html java script. 


<script language=javascript>
msg = "Title Blog Korang";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>




*** yang title blog korang tu korang gantikan dengan nama blog korang, bukan nama blog korang pun boleh, kalau nak letak ayat macam ni " Selamat Datang ke blog saya, jangan lupa follow." atau ayat lain pun boleh...

3. Save dan lihat hasilnya...

 ^_^ Selamat Mencuba ^_^ 

 
Coretan Oleh, 
 
  
 
 

♥ Terima Kasih Sebab Sudi Membaca Entri Ni! Like Kalau Suka! ♥

Tutorial: Cara nak tukar dashboard (baru ke lama) - (lama ke baru)


Ummm....dashboard baru? Dashboard lama? Apa itu? Tak tahu apa itu dashboard baru dan dashboard lama?

Dashboard baru macam ni:






Dashboard baru macam ni: 




 Syaqhirah lagi suka guna dashboard baru tapi kalau korang nak guna dashboard lama pun boleh jugak! 

1. Macam mana nak tukar dashboard baru ke dashboard lama?


1. Log in => Dashboard









2. Macam mana nak tukar dashboard lama ke dashboard baru?


1. Log in => Dashboard => Design


2. Klik yang Syaqhirah yang anak panah tu tunjuk. 
   
Blog korang akan jadi dashboard baru, colour putih... Hihihi... Eh, jangan lupa comment, like and share. (C.L.A.S) 

Coretan Oleh,
 







♥ Terima Kasih Sebab Sudi Membaca Entri Ni! Like Kalau Suka! ♥

Thursday 26 April 2012

Tutorial: Cara Nak Tick Expand Widgets


Heloww semua...malam ni Syaqhirah nak buat tutorial lagi...Rajin pulak Syaqhirah nak buat tutorial kan?
Kenapa kita perlu tick expand widget? Sebab nak cari kod yang kita nak apabila kita search. Kalau korang tak tick, nanti korang tak jumpa kod yang kena cari kan? Nak tick memang mudah! Semudah menggigit jari! Kalau korang tick tak sampai 5 saat! Kenapa tak sampai 5 saat? Tadi, Syaqhirah cakap semudah menggigit jari kan? Cuba korang gigit jari korang tu kuat-kuat, mesti korang cepat-cepat tarik tangan korang dari gigitan korang tu right? Hihihi...

Cara nak tick expand widget ni Syaqhirah tunjukkan kat bawah!

1. Log in => Dashboard => Design => Edit Html.

Buat macam kat bawah ni ye? Ikut nombor kat pic tu...


3. Nampak tak kotak kecil yang kosong tu? Yang anak panah tu tunjuk? Hah, kat situlah korang kena tick!

Sekarang korang boleh cari kod yang korang nak cari menggunakan Ctrl +F...Tak tahu cara nak guna? Boleh klik sini kalau nak tahu...



Coretan Oleh,







♥ Terima Kasih Sebab Sudi Membaca Entri Ni! Like Kalau Suka! ♥

Tutorial: Macam mana nak cari blog ID!



 

Hiii...tutorial kali ini tentang blog ID! Blog ID untuk apa? Kalau korang tak tahu blog ID, korang tak boleh buat tutorial yang memerlukan blog ID! So, Syaqhirah di sini untuk ajar korang kat mana nak cari blog ID! Cewahh, macam superhero pulak kan? 


1. Log in => Design.

2. Tengok gambar kat bawah! 







 Klik gambar untuk lebih jelas.


Dah tahu kan? Senang je kan? Sekarang kena cakap apa dengan Syaqhirah? Tak tahu? Nak kena cubit ni!!! Cakap TERIMA KASIH lah! Kalau tak nak cakap terima kasih, korang kena comment, like and share! Hihihi...


Coretan Oleh





♥ Terima Kasih Sebab Sudi Membaca Entri Ni! Like Kalau Suka! ♥

Tutorial: Cara nak copy guna Ctrl +C



 Helowww, hari ni nak buat tutorial pasal Ctrl C...Tutorial ni khas untuk new blogger yang tak tahu nak copy guna ctrl C, biasanya korang akan right click lepastu tekan copy untuk copy kan? Tapi, kat blog Syaqhirah tak boleh right click!


 





Klik gambar untuk nampak lebih jelas!


1. Korang highlight kod yang korang nak copy.
2. Tengok kat keyboard korang tu, ada ctrl kan? Tekan ctrl serentak dengan huruf C. Automatik ia akan terCOPY! 

Cuba korang paste yang korang copy to kat mana-mana yang perlu jadi tak? Kalau tak jadi, korang highlight sekali lagi lepastu tekan ctrl C banyak kali. Insya-ALLAH jadi tu...




Coretan Oleh, 
  


♥ Terima Kasih Sebab Sudi Membaca Entri Ni! Like Kalau Suka! ♥

Tutorial: Macam mana nak guna Ctrl +F



 
 Tutorial ni untuk blogger yang tak tahu nak guna ctrl f Macam mana nak guna CTRL F?
Korang tahu tak? Tak tahu? OK! Meh sini Syaqhirah bagitau korang...


 Klik gambar kalau tak jelas...

1. Korang klik Design 
2. Tekan Edit Html
3. Tick Expand Widget Templates ( bagi kod yang korang kena "TICK")
4. Paste kan korang nye kod yang perlu dicari 
5. Bila korang paste , automatik akan "ter-highlight" warna hijau atau kelabu.

Macam mana nak tekan Ctrl F tu? 

Kacang je tu, cuba tengok kat keyboard korang, ada ctrl kan? Korang kena tekan ctrl tu dengan huruf F tapi secara serentak! Nanti akan terkeluar search box macam yang Syaqhirah tunjukkan kat atas tu, sama ada search box tu akan terkeluar kat bahagian atas atau pun bahagian bawah. Cuba korang try....
Coretan Oleh,






♥ Terima Kasih Sebab Sudi Membaca Entri Ni! Like Kalau Suka! ♥

Tutorial: Favicon



Heloww semua, hari ni Syaqhirah nak buat tutorial favicon sebab ada sorang kawan Syaqhirah ni namanya Izzah, dia suruh Syaqhirah buat tutorial favicon. Kalau korang tak tahu apa itu favicon, cuba korang tengok kat bahagian atas, alaa dekat menu bar blog Syaqhirah. Ada love gerak-gerak kan? Kalau masih tak tahu, tengok contoh kat bawah ni...




Dah tahu kan? Korang nak buat kat blog korang? Kalau nak, ikut tutorial ni...

1. Dashboard => Design => Edit Html => Tick expand widget template.

2. Tekan ctrl-f serentak, then search kod ni bawah ni.

</head>

3. Dah jumpa? ok, now copy kod bawah ni pulak.

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

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

paste atas kod </head> tu ye...

*Letak URL gambar dekat Warna Merah ! :)

4. lepas tu preview , kalau jadi save terus....

Nanti dulu! Sekarang Syaqhirah nak bagi freebies! Kalau korang takda icon tomey-tomey, korang boleh ambil icon kat bawah ni...



http://dl3.glitter-graphics.net/pub/575/575283rgz5sc1d3a.gif


http://dl4.glitter-graphics.net/pub/1147/1147424xzu9rogvl9.gif


http://dl6.glitter-graphics.net/pub/437/437716tvik3339uq.gif

http://dl7.glitter-graphics.net/pub/439/439087zf2mcug0by.gif

http://dl.glitter-graphics.net/pub/584/584711hom54xk9a6.gif

http://dl5.glitter-graphics.net/pub/718/718655qk583suwf9.gif

http://dl3.glitter-graphics.net/pub/553/553523uwenffpwwn.gif

Jangan lupa komen, like and share!


Coretan Oleh,






♥ Terima Kasih Sebab Sudi Membaca Entri Ni! Like Kalau Suka! ♥

Copyright 2011-2012.All Right Reserved By Syaqhirah