Cara letak button like kat blog

Atas pertanyaan member2. Ni saya nak share ngan korang, macam mana nak letak "like" kat blog.


Langkah 1 : Copy code kat bawah ni ye.


<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 280px; height: 40px;" src="http://www.facebook.com/plugins/like.php?href=http://URL KORANG.blogspot.com&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe>



*Gantikan URL KORANG tu ngan url blog korang ar..huhu.


Langkah 2:  dashboard > design > add a gadget > html/javascript

Langkah 3 : Pastekan kat html/javascript yang korang bukak tadi.



Dah siap..Korang pun kalau suka like ar blog ni ya.. tq..huhu..

Cara letak like button.

Teringin nak tau rakan-rakan kita suka ke tak setiap post yang kita buatkan. Jangan risau apakata letak icon like ni kat blog korang. Caranya? jom follow ni.

Langkah 1: Korang ikut step ni ya.

 

Dashboard > Design > Edit Html > Expend widget templates

 

Langkah 2 : Cari code macam kat bawah ni dalam template korang tadi

* cara cari guna fungsi find ( ctrl + F )

 

Langkah 3 : Copy code kat bawah ni.

<iframe allowtransparency="allowtransparency" expr:src=""http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"" frameborder="0" scrolling="no" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; height: 40px; overflow: hidden; width: 450px;"></iframe><br />

Langkah 4 : Paste kan kat bawah code yang korang jumpa tadi.

Dah siap pun. Jangan lupa ajak saya like ya.. :)



Nak dapatkan photoshop cs5?

Ada yang bertanya kan saya., kat mana nak dapatkan photoshop?

okey, ni saya bagi link untuk korang download photoshop.

Klik link ni Download Photoshop cs5

Lepas tu korang install ikut arahan ya. :)

Cara letak icon facebook, twitter dan blogspot.

Nak letak icon facebook, tweeter dan blogspot? Cubalah tutorial yang dah saya permudahkan ni.

Langkah 1 : Buka ke design > add a gadget > html/javascript

Langkah 2 : Copy code yang ada dalam text box bawah ni ya.

<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><br /> <div style='display:scroll; position:fixed; top:140px; left:-12px;'><a class='linkopacity' href='URL FACEBOOK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiQ0GcP1Jn_ZT79JgrjLIW1qW_RIAdOoFil6zabbsOG4U9DOLJpHyMSrBAwDKcZF-ywN6Esd-R1Ofr_Wcq9i_e3gseCr81hEKg65ZP3DisrEXITNmEgBxfNQBnCoUuJfRRC_Ld1G7R8oA/s1600/facebook.png" /></a><br /> <br /> <a class='linkopacity' href='URL TWITTER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDme56m9ELdF_PXKCk0IaMMW-q-bgEkoT1TPu1ua5YrafoWHDzHatQmgx2DNNm1vG_Xl0vKy-3I4_s4zcHaHpS3aIGZqqoh4zbecr2EoTNgSrwRJ_vfls9qT7ETe_lC6fCZ7eYXa2KmzE/s1600/twitter.png" /></a><br /> <br /> <a class='linkopacity' href='URL BLOGSPOT' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiastdKd55sP5UeyJj9C43LCovFrQw53xPjKRPGGB-j7dSfv0t9yn5gyJo__NoE_-MT403izxkf1aTzQmtit-Df9qBVSSKBxar11anHHoyeyvNzDWVasg_AJ-onps9oOAGjfcfxwCgYo7A/s1600/blogger.png" /></a><br /> <br /> </div><br />

Copy code ni.

Langkah 3 : Gantikan 'URL FACEBOOK' 'URL TWITTER' 'URL BLOGSPOT'

            
Korang nampak kan ada TULISAN MERAH tu. Gantikan dengan url korang ya. Contoh url :-

http://www.facebook.com/profile.php?id=100002811965446&ref=tn_tnmn

Kalau masih belum jelas, tanya je..huhu

Selamat mencuba :)

Cara buat header sendiri?

Hari ini saya nak kongsi tutorial yang agak panjang tapi sebenarnya pendek, macam mana pulak tu..huhu..Jangan risau, tutorial pasti buat korang percaya ngan bakat yang korang ada. Jom kita cuba tutorial ni okey:)

Langkah 1: Buka photoshop korang dan klik pada new.

Klik file > new



Langkah 2 : Menentukan sais header korang.



sais standart 1000 x 300



Langkah 3 :Pilih warna header.(background title blog)

1. Klik kat kotak macam kat atas ni.
2. Pilih warna.
3. Dan klik ok bila selesai.

 Langkah 4: Menulis title blog korang.




Klik pada T untuk buat tulisan



Langkah 5: Letak gambar.

Klik file > Place

Plilh gambar dan klik place.



Langkah 6: Pilih posisi gambar.



korang kena right klik dan klik place

 


Langkah 7 : Simpan header korang dalam bentuk PNG.

Klik pada save as

pilih format PNG.

Akhir sekali, klik ok.





 Eh siap dah...xdalah sampai berpeluh kan..huhu..selamat mencuba..:)



Cara masukkan linkwithin

Jelesnya tengok blog org ada "benda kotak" kat bawah tu. Ayat biasa dengar tu..huhu..Meh saya nak share cara nak buatnya ya. "benda kotak" tu linkwithin, Macam mana nak buat? jom follow ni.

Langkah 1: Buka link ini www.linkwithin.com dan isi ruang kosong kat bawah ini ya.

1. Isikan email korang.
2. Isi link blog korang.
3. Pilihan platform.
4. Bilangan gambar yang akan tertera nanti (pastikan korang mengikut suai sais lebar blog, kalau tak gambar tak akan ada, yang ada cuma tulisan je)
5. Kalau blog korang berlatar belakang kan warna gelap. Klik pada kotak tu.
6. Klik Get widget.

Langkah 2 : Klik install widget macam gambar kat bawah ini.

Langkah 3 : Klik kat add widget

Langkah 4 : Drag atau heretkan link within korang ke add gadget ruangan bawah.

Langkah 5 : Akhir sekali, klik save dan lihatlah hasilnya ya. :)



Selamat mencuba :)

Radio dalam blog anda?

Blog korang sunyi? Bayangkan kalau blog korang dialunkan dengan alunan romantis, rock, r&b dan macam2 lagi. Dan sesekali mendengar celoteh dj, boleh pula buat permintaan lagu. wahh..syok woo..korang happy..pembaca korang pun tak bosan.

Jadi, Saya nak bantu untuk buat blog korang berirama.Untuk tutorial ini saya gunakan radio fewett sebagai rangkaian radio korang. Jangan bimbang, PERCUMA je ni.

Contoh yang akan terhasil di blog korang nanti.

Langkah 1 : Copy code kat bawah ini.

<div style="text-align: center;"><a href="http://fewett.org/requestsong/request.php" target="blank"><img src="http://i138.photobucket.com/albums/q264/ajeepp/FeWeTTSonGlatest.gif" alt="webune" width="200" height="100" border="0" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;"></div><div style="text-align: center;"><embed width="250" height="20" wmode="transparent" bgcolor="#FFFFFF" id="ply" _src="/v1/player.swf" src="http://www.shouthostdirect.com/flashplayer/player.swf" type="application/x-shockwave-flash" flashvars="file= http://199.16.186.40:8532/;stream.nsv&type=mp3&volume=100&autostart=true" allowscriptaccess="never" quality="high" allownetworking="internal"></embed><br /> </div><br /><center><b><a href="http://radio.fewett.org" target="_blank"/>WwW.Radio.FeweTT.0rg</a></b></center><br />

Langkah 2 : Paste kat html/javascript

Design > add a gadget > html/javascript

Paste di ruangan html/javascript dan save.

Blog korang tak sunyi lagi. :)

*nak jadi rakan fewett radio klik kat url ni http://www.radio.fewett.org/