Video Player Kepada Mp3 Pada Blog

Tutorial untuk menukarkan keadaan ini adalah:1. Dapatkan link video (URL) dari youtube.Contoh untuk lagu di atas:http://www.youtube.com/watch?v=_eYj0B5LwOo2. Buang 'watch?' dan gantikan '=' kepada '/'Contoh :http://www.youtube.com/watch?v=_eYj0B5LwOo kepadahttp://www.youtube.com/v/_eYj0B5LwOo3.Masukkan link yang anda telah ubah ke dalam kod berikut.<embed width="425" height="25" allowscriptaccess="always" type="application/x-shockwave-flash" src="LINK DISINI"></embed>contoh untuk kod di atas.<embed width="425" height="25" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://www.youtube.com/v/_eYj0B5LwOo"></embed>4. save dan lihat hasilnyaSenang bukan.?...

Read More

Like Box Yang Lebih Style

.fullpost { display: inline; } Sesetengah blogger ada yang mempunyai facebook page untuk blognya. Tidak kira apa tujuan page tersebut, kebiasaannya ianya berkaitan dengan blog. Tutorial kali ini akan menunjukkan cara meletakkan page facebook dalam blog, tetapi bukan dengan design biasa.Kalau sebelum ini widget yang dinamakan 'facemask' ini didapati di wordpress, kini blogger yang mengunakan platform blogger.com juga boleh menggunakannya.Contoh boleh dilihat seperti yang diletakkan di blog ohbest. Tutorial meletakkan page ini adalah seperti berikut.1. Dari dashboard > design > add a gadget > HTML/javascript.2. Copy dan...

Read More

Membuat Kelopak Bunga Berguguran

Tutorial yang ringkas adalah seperti berikut.1. Dari dashboard > design > add a gadget > HTML/javascript2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka<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...

Read More

Letak Button Follow Dan Dashbor Dalam Blog

Dalam template asal blogger, sudah diletakkan untuk widget follower dan juga dashboard. Walau bagaimanapun, anda boleh melakukan sedikit pengubahsuaian. Tutorial kali ini akan tunjukkan cara untuk letak button follow dan dashboard dalam blog seperti gambar di bawah.Anda juga boleh tengok demo button follow dan dashboard ini di test blog ini.Tutorial adalah seperti berikut. 1. Dari dashboard > design > add a gadget > HTML/javascript2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang dibuka. [tidak faham.?]<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID...

Read More

Membuat Histats Pada Blog

Monitoring blog sangat dibutuhkan untuk memantau berapa pengunjung setiap harinya dari sekian banyak penyedia jasa counter,histats bisa dijadikan allternatif lumayan bagus dan juga tampilanya ciamik,untuk pilihan warna dan bentuk nya histats juga sangat banyak benar benar user sangat dimanjakan,untuk cara daftar histats anda diharuskan register terlebih dahulu dengan email,biar lebih gamblang saya share tutorial cara daftar dan pasang histats1.buka www.histats.com2.klik register3.selanjutnya isi data dengan lengkap lihat gambar dibawah4.jangan lupa centang,lalu isi captcha klik daftar atau register5.bila berhasil buka email yang buat daftar...

Read More

3 Pasang Like Button Di Blog

Ada tiga cara untuk memasang tombol facebook like/recommended:1. IframeMeskipun ini yang termudah, tetapi jarangan ada yang sukses. Ini kodenya:<b:if cond='data:blog.pageType == &quot;item&quot;'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></b:if>2. Kunjungi Facebook DevelopmentKunjungi situsnya di:http://developers.facebook.com/docs/reference/plugins/like/dari sana kamu bisa menggenerate kodenya. Lalu pasang di blog.3. Pakai xfbmlCaranya,...

Read More

Memasang Like Button Dibawah Posting

Ketika anda sedang blogwalking, pasti anda pernah melihat tombol like yang ada dibawah postingan. karena hal ini menurut saya, mempermudah pembaca untuk mengexpresikan pendapatnya tentang isi blog anda apakah mereka menyukainya atau tidak tinggal klik buton likeBerikut cara membuat icon Facebook Like Button di setiap bawah posting artikel blogspot. To the point aja 1. Login ke Blogger.com anda dengan menggunakan akun anda sendiri tentunya.2. Klik Design klik Edit HTML3. Klik Download Full Template (simpan untuk backup-an jaga-jaga barangkali gagal)4. Klik atau centang Expand Widget Templates5. Cari Kode berikut  <data:post.body/>  6. Copy kode berikut:<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"'...

Read More

Membuat Tab Menu

Mempunyai tab menu ataupun navbar menu dalam sesebuah blog boleh digunakan oleh pemilik blog untuk meletakkan link yang penting atau link yang ingin diberi perhatian oleh pengunjung blog. Anda boleh lihat contoh tab menu yang ringkas di sini Tutorial untuk membuat tab menu / navbar menu adalah seperti berikut. 1. Dari dashboard > design > edit html (backup template untuk langkah berjaga²) 2. Menggunakan fungsi find (ctrl + F), cari kod ]]> 2.1 Jika tidak jumpa, cari kod 3. Copy dan paste kod di bawah SEBELUM kod yang anda jumpa di langkah 2 @ 2.1 ul#list-nav { list-style:none; margin:20px; padding:0; width:525px } ul#list-nav...

Read More

Scroll Box Pada Widget

Meletakkan sesuatu widget adalah bagus untuk blog. Walau bagaimanapun, adakalanya widget tersebut boleh 'menggangu' pandangan jika mengambil ruang yang agak besar untuk blog.Salah satu penyelesaianya adalah dengan menjadikan widget tersebut boleh scroll. Ini secara tidak langsung dapat mengurangkan ruang yang digunakan dan menjadikan blog anda nampak lebih kemas.Scroll box ini juga sesuai dengan apa sahaja widget yang anda mahu.:) Antara widget yang sesuai menggunakan scroll box ini adalah Mister Linky. Ini kerana jika jumlah pengunjung yang meletakkan url adalah banyak, ruang yang digunakan juga akan bertambah.Secara ringkasnya, apa sahaja...

Read More

Membuat Cursor Berkilau

Tutorial ini akan menunjukkan bagaimana untuk menjadikan cursor anda menghasilkan 'bintang²' yang berkerlipan. Terdapat pelbagai jenis warna yang telah diletakkan untuk memudahkan pemilik blog sesuaikan dengan warna thema masing². Kata lain yang mungkin sesuai ialah untuk menjadikan cursor anda sparkle.(tak tahu istilah betul apa untuk effect ini.:)Kalau masih tidak faham bagaimana hasilnya, boleh lihat contoh gambar di bawah.:)Sebelum itu, tutorial ini juga boleh digambungkan dengan tutorial tukar cursor pada blog anda. Semestinya untuk menjadikannya lebih menarik. Sudah di'test' dan dibuktikan boleh.:)Tutorial untuk membuatkan cursor...

Read More

Membuat Text Bergerak

Membuat perkataan yang bergerak dapat menarik minat pengunjung terhadap pergerakan tersebut seterusnya menarik minat pengunjung apa yang ingin disampaikan oleh pemilik blog. Selain dikenali sebagai scrolling text, ianya juga dikenali sebagai marquee text.Walaupun pergerakan ini menarik minat, tetapi tidak digalakkan untuk diletakkan terlalu banyak di dalam blog kerana dibimbangi keadaan 'menarik' bertukar 'menyerabutkan'.:)Berikut adalah tutorial untuk membuat perkataan bergerak.Tutorial ini akan dimulakan dengan kaedah paling asas dan juga diletakkan penambahan.1. Kod asas untuk perkataan bergerak (dari kiri ke kanan adalah)Contoh scrolling...

Read More

Merubah Template Blog

Menukar template blog dapat mengubah rupa blog asal kepada paparan yang lebih menarik.Adalah biasa bagi seseorang pemilik blog inginkan blognya tampil menarik berbanding template asal. Tutorial ini akan menerangkan dengan ringkas cara-cara untuk menukar template sesebuah blog.Sebelum menukar template blog, pastikan anda sudah mempunyai template yang dikehendaki.Jika anda masih belum lagi mempunyai template, sila rujuk kepada entri ini.website untuk mencari template blog.Berikut adalah langkah-langkah untuk menukar template blog.1. Login akaun kemudian daripada dashboard klik layout > edit html2. Baca penerangan berdasarkan gambar di bawah.1....

Read More

Membuat Dropdown Menu

Dropdown menu dapat mengurangkan ruang yang digunakan pada paparan blog untuk meletakkan pelbagai link. Antara kegunaan dropdown menu adalah untuk meletakkan link kawan², link rujukan, link tips dan pelbagai lagi.Contoh dropdown menu adalah seperti berikutTutorial untuk membuat dropdown menu ini adalah seperti berikut.1. Login akaun blogger anda, dari dashboard > layout > page element > add a gadget > HTML/javascript2. Copy code berikut ke dalam ruangan html/javascript. (jika tidak faham rujuk sini)Tajukoption 0);="" 0,="" color:="" rgb(255,="" value="Link 1">Text 1option 0);="" 0,="" color:="" rgb(255,="" value="Link 2">Text...

Read More

Menganti Ayat LinkWithin Anda

Bagi sesiapa yang menggunakan linkwithin pada blog, sememangnya akan muncul satu ayat yang telah di'set'kan secara automatik semasa meletakkan gadget tersebut.Bagi bahasa melayu, akan keluar ayat, "Anda mungkin juga meminati" dan bagi english "You may also like these stories"..Ini adalah yang biasa,Dan ini pula yang agak kurang biasa.:)Anda ingin tukar ayat ini mengikut kehendak anda.?Ikuti tutorial yang sangat mudah ini.:)1. Login akaun anda, kemudian dari dashboard > layout2.Dari page element yang dipaparkan, cari element untuk Linkwithin kemudian klik edit3. Daripada kod yang dipaparkan, tambah kod ini dibahagian atasnya<script>linkwithin_text='AYAT...

Read More

Share facebook button

Penggunaan button share dalam blog untuk web sosial facebook dapat memudahkan para pengunjung sesebuah blog berkongsi apa yang disukai kepada kawan-kawan di facebook.Dengan hanya beberapa klik sahaja, ianya sudah siap sedia untuk dikongsi di profile facebook. selain itu penggunaan facebook share button ini dapat manarik lebih ramai pelawat ke sesebuah blog.Contoh penggunaan facebook share button (selain blog ini) adalah di unwanted86 dan juga ohbest.Cara untuk memasukkan facebook share button ini adalah seperti berikut.1. Pilih jenis facebook share button yang anda kehendaki, kemudian copy code yang diberi.Code untuk Full<div style="float:right;padding:4px;"><a...

Read More

WEB untuk download template

Sebelum menukar template sesebuah blog, perkara yang diperlukan adalah template yang hendak ditukar. Seseorang pemilik blog mesti mengetahu template bagaimana yang hendak digunakan untuk blognya.Jika anda seorang pemilik blog dan masih belum lagi mempunyai template yang hendak digunakan, anda boleh mendapatkan pelbagai jenis template secara percuma dan pelbagai jenis yang dirasakan sesuai untuk blog anda.Template sesebuah blog adalah dalam format .xml (oleh itu pastikan jika anda download file dalam bentuk zip/rar, anda extract dahulu file tersebut.)Berikut adalah antara laman web yang menyediakan pelbagai jenis template untuk blogger...

Read More

Bubble Cursor

Cursor untuk blog anda memang boleh dipelbagaikan. Samada untuk menukar icon cursor sahaja, atau menjadikannya sparkle. Dan juga tidak ketinggalan untuk menjadikan cursor anda menghasilkan bubbles.Contoh cursor bubble yang menarik ini boleh di lihat di test blog ini.Ikuti tutorial mudah di bawah untuk letakkan bubble cursor di blog anda.1. Dari dashboard > design > add a gadget > HTML/javascript2. Copy code bubble cursor di bawah, kemudian paste di ruangan HTML/javascript.(code ini bubble warna biru. Untuk tukar warna bubble, sila ikuti tutorial sehingga habis)<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script...

Read More

Membuat Scroll Pada Archive Blog

Blog archive untuk sesebuah blog boleh menjadi list yang begitu panjang apabila banyak entri yang di post atau jika sudah lama terlibat dengan dunia blogging.Tutorial kali ini kan menunjukkan bagaimana untuk jadikan blog archive anda boleh scroll untuk menampakkannya lebih ringkas menyenangkan mata memandang.:)Tutorial untuk buat scroll bagi blog archive adalah seperti berikut.1. Dari dashboard > design > edit html > Expand widget templates.(backup template untuk langkah berjaga²)2. Menggunakan fungsi find (ctrl + F), cari kod <div id='ArchiveList'>3. Anda akan jumpa kod ini <div class='widget-content'> sebelum kod <div...

Read More

Meletakan Animated Recent

Meletakkan animated recent post widget dapat men'stail'kan lagi cara paparan recent post yang ada pada blog anda. Contoh recent post widget adalah seperti berikut.(tunggu page habis load utk tengok pergerakan, pergerakan sebenar adalah lebih perlahan dan lancar)Berikut adalah cara-cara untuk menggunakan widget ini.1. Dari dashboard > design > add a gadget > HTML/javascript2. copy code berikut dan paste di ruangan HTML/javascript<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><style type="text/css" media="screen"><!--#spylist {overflow:hidden;margin-top:5px;padding:0px...

Read More

Tutorial Menyembunyikan Facebook Like Box

Bagi blogger yang mempunyai facebook fanpage sendiri, adalah biasa untuk meletakkan fanpage tersebut di blog. Biasa untuk letakkan di sidebar blog, untuk kali ini admin akan tunjukkan pula cara untuk sembunyikan facebook fan page ditepi blog anda.Anda juga boleh tengok contoh page yang diletakkan di tepi dalam blog di blog demo ini.Tutorial sembunyikan Fb fan page adalah seperti di bawah.Langkah 1:i. Dari dashboard > design > edit HTMLii. Menggunakan fungsi find, (ctrl + F), cari kod </head>iii. Copy dan paste kod di bawah SEBELUM kod </head><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'...

Read More

Membuat Aniamsi Burung Twitter

Beberapa waktu yang lalu Tim Java Creativity memperoleh beberapa email dari para pengunjung yang berisi sebuah saran agar Java Creativity memposting artikel yang membahas tentang Blog atau website. Ehhhmmm….saran yang sangat bagus sekali, lagipula agar isi blog ini tidak hanya terfokus pada software saja.Nah, kali ini kami akan memposting Trik sederhana untuk Blogger yaitu membuat Burung Animasi Twitter yang melayang kesana-kemari, tidak hanya bisa melayang-layang saja lhooo tetapi Burung Cucak Rowo ini eeehhhh salah Burung Twitter maksud kami ^_^ juga akan sangat bermanfaat untuk menarik pengunjung blog sekaligus mencari Follower pada...

Read More