Thursday, 26 July 2012

Tutorial letak signature di bawah post

26.Julai. 2012


Mari try letak signature di bawah post. senang ja caranya . hikhik

1. Design > Edit Html > Tick Expand Widget Templates

2. Tekan F3 dan cari kod ni:
<data:post.body/>

3. Copy code dibawah ni  dan Pastekan url Gambar Signature kamu di BAWAH kod yang kamu cari tadi.
 <img src="Url Signature " />


4. Preview dulu. Kalau takda error boleh lah SAVE !



Menjadii takk ? hikhik


Tutorial Cute MP3 Player

26.Julai.2012


Itu Mp3 Player yang saya maksudkan.  Mari cuba try test  letak gadget ni di blog kamu.. haha

1. Click Link ni : flash mp3 player


2. Tekan button Generator yang ada di sebelah kanan tu.


3. Tukar Url lagu yang di box hitam tu. Klik sini untuk cari code lagu: http://irondj.net/

4.  Taip  lagu yang kamu mau di search button bahagian atas tu.


5. Klik pada tajuk lagu yang kamu pilih tu. contoh :


6.  Lepas tu dia keluar macam ni kan ?


Copy code dalam box tu. Tapi hanya copy kod yang macam ni ja.. 
*yang ada tajuk dia di belakang tu. Tengok bagus-2 dekat code tu yaa :)
http://media.irondj.net/mix/file/24121/Britney_Spears_-_Criminal__Lyrics_.mp3

7. Sudah. Buka kembali tab kamu yang ni.. dan paste kan di tempat ruangan mp3 tu
*Tukarkan 1 kalau mau lagu tu autoplay dan 0 kalau non-autoplay.


8. Kalau mau tukar warna boleh pilih button di category tu dan tekan colors.
9. Sudah siap? sekarang copy semua code di HTML Code yang bahagian bawah tu dan pastekan ke 
Add a Gadget -> HTML/Javascript.

10. Save ! 


 Menjadii takkk ? hihi 



Monday, 9 July 2012

Tutorial : Tabbed content widget

Hi There  ^ ^

Tutor ni telah di request oleh Nabila Medan. Mari tengok apa tu Tabbed Content Widget.


Widget ni boleh Save ruang untuk blog kita. Kalau nak buat, mari tengok step di bawah. sebelum tu, ikut step betul-betul ya sebab tutor ni boleh membingungkan anda. Hehehe :)

Step 1. 
Design > Add a gadget > Html/Javascript

Step 2.
Copy kod di bawah ni dulu. 

<style type="text/css">.tabber { padding: 0px !important; border: 0 solid #bbb;}.tabber h2 { float: left; margin: 0 1px 0 0; font-size: 12px; padding: 3px 5px; border: 1px solid #bbb; margin-bottom: -1px; /*--Pull tab down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; cursor:pointer;}html .tabber h2.active { background: #fff; border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/}.tabber .widget-content { border: 1px solid #bbb; padding: 10px; background: #fff; clear:both; margin:0;}.codewidget, #codeholder { display:none;}</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script><script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script><script type="text/javascript">$(document).ready(function() { $('#codeholder').bloggerTabber ({  tabCount : 3 });});</script>
<!-- to make sure the widget works, do not alter the code below --><div id='codeholder'><p>Get this <a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank">widget</a></p></div>


Step 3.
Paste kan kod tu di ruangan Html/Javascript

Step 4. 
Ubah kod yang diwarnakan mengikut kesesuaian kamu.
*** Warna widget colour,tab background dan bottom border

*** Jumlah widget yang mau di gabungkan. 

Step 5. 
Drag Tab widget yang tadi DI ATAS widget yang ingin digabungkan.
Contoh macam sandra punya Tabbed Widget ni: 



***Ingat ! Setiap widget yang ingin di gabungkan mesti letak Tajuk/Nama. :)

Step 6.
Save :)

Harap kamu faham dengan tutor ni. First time buat tutor ni pun 
memang bingung. Hahahaa :P