Membuat Kotak Chat Shoutmix Tersembunyi

1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup ]</b></a></div>

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="250" frameborder="0" src="http://www6.shoutmix.com/?ichal13051991" height="400" title="ichal13051991">
<a href="http://www6.shoutmix.com/?ichal13051991">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->

</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
</a>
</div>
</div>

Contoh di atas adalah 'Widget Melayang Shoutmix'

Keterangan :

Merah = Gantilah dengan kode Scripts Widget yang akan kamu tampilkan Misalnya kode Scripts Widget Shoutmix..
Biru = Gantilah dengan URL Gambar Tab kamu (atau pakai saja url gambar tab diatas tdi) .. Gambarnya bisa kamu buat dengan Program seperti Photoshop.. lalu kamu Upload/simpan gambar tsb di Photobucket ..baru kamu bisa mendapat kode url Direct Link gambar tdi..

4. Simpanlah dan Selesai dech^_^... namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh blog kamu.. Mudahkan.. ;-)

Cara Membuat Submenu Setelah Menu Utama

Dalam membuat menu horizontal dropdown, itu kan ada kode utama yg harus kita paham, yaitu:

<ul>
<li>
</li>
</ul>

Untuk membuat menu utama, penulisannya kayak gini:
<ul>
<li><a href="LINK MENU UTAMA">NAMA MENU UTAMA</a></li>
</ul>

Kalau sub menu kita tambahkan kode UL dan LI lagi, contoh:
<ul>
<li><a href="LINK MENU UTAMA">NAMA MENU UTAMA</a>
<ul>
<li><a href="LINK SUB MENU">NAMA NAMA SUB MENU</a></li>
</ul>
</li>
</ul>

Jika hendak menambahkan satu submenu lagi, contoh penulisanya
<ul>
<li><a href="LINK MENU UTAMA">NAMA MENU UTAMA</a>
<ul>
<li><a href="LINK SUB MENU 1">NAMA NAMA SUB MENU 1</a></li>
<li><a href="LINK SUB MENU 2">NAMA NAMA SUB MENU 2</a></li>
</ul>
</li>
</ul>

Nah, demikian Cara membuat Submenu Setelah Menu Utama. Jika kita perhatikan dengan baik, Insya Allah akan sangat mudah.

Membuat Text Area

Pasti sudah pada tahu dong sobat blogger apa itu text area. Agar lebih Manstrab, jelasin dahulu apa itu text area?. Text Area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini : 

<p align="center"><textarea name="code" rows="4" cols="16"> Tulis text ataupun kode-kode yang anda inginkan di sini. </textarea></p>

Hasilnya :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini. </textarea></p>

Keterangan : rows="4", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 4 tadi dengan angka yang lebih tinggi nilainya.

Cols="16", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 16 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah : 

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Tulis Text anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Hasil:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

   1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.


   2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.


   3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.


Element text area :

   1. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
   2. <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"


   3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

http://wwdq.blogspot.com/2011/04/cara-membuat-text-area.html

Membuat Code Box Blogger

Code Box selain di jadikan sebagai tempat menaruh kode dipostingan,anda juga boleh memasukkan imej atau artikel,mengikut kreativitas anda.
membuat code box, anda hanya perlu mengikuti ,beberapa langkah mudah di bawah.

1. Pertama masuk akun blogger anda.
2. Pilih 'Layout'-->'Edit Html'-->'Expand Widget Template'.







3. Ok, sekarang anda cari kode di bawah ini (CTRL+F untuk memudahkan):

]]></b:skin>

4. Sudah ketemu? sudah belum? ditanya kok diem,. nah sekarang Copy kode dibawah, lalu letakan di atas kode yang tadi dicari

.codeview {
font-family: Arial, Helvetica, sans-serif;
color: #CC0000;
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
border-top : 2px solid #cccccc;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 2px solid #cccccc;
background-color: #FFFFFF;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

5. Save template

6. Sekarang ketingkat terakhir, Tenang saja gampang caranya
7. Pergi ke 'Setting'-->'Formatting'-->'Post Template'.
8. Lalu Copy kode di bawah ini dan Paste

<div class="codeview">
Insert the Special code here
</div>

9. Save setting | Sudah jadi... kalau mau memasukkan kode dalam postingan, tinggal mengganti "insert the special code here" dengan kode yang diinginkan.
10. sebaiknya sebelum memasukan kode, encode terlebih dahulu diweb ini http://centricle.com/tools/html-entities/

Banyak fitur yang bisa digunakan dari klik kanan, seperti copy, paste, open new tab, back, reload, dan lain-lain. tetapi bagaimana bila ada orang yang menyalin artikel kita untuk postingan mereka, yang bisa menyebabkan blog/web yang kita punya dihapus dari pencarian om Google. Dengan script anti klik kanan, bisa mengurangi kejadian tersebut, Namun ada pula resikonya bisa-bisa anda kehilangan pengunjung anda karena tidak nyaman dengan fitur ini. Jadi resiko ditanggung sendiri yah rekan. Yang masih berminat dengan Anti Klik Kanan, silakan praktekan :

Copy script atau kode berikut di antara kode <head> </head>

<script language="javascript" type="text/javascript">
<!-- //
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

Membuat Efek Pada Tittle/Judul Blog

Copy script/kode dibawah ini, lalu tempel/paste di atas kode </head>

<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = "Halo Sobat";
tb8_messages[1] = "Salam Blogger";
tb8_messages[2] = "Selamat datang ya";
tb8_messages[3] = "Semoga Anda senang berkunjung diblog ini";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>

*Text berwarna merah bisa anda ganti sesuka hati

Membuat Alert Massage Box pada Blogger

      Message box merupakan aksi pesan sebuah peringatan yang di lakukan ketika kita melakukan aksi tertentu di dalam sebuah blog atau website. aksi yang di maksud bisa berupa berbagai macam hal seperti di antaranya onLoad (ketika pengunjung me load halaman), onClick (ketika pengunjung mengklik sesuatu), onChange (ketika user merubah sesuatu pada sebuah inputan).
      Disini saya akan mempraktekan di blog tester saya di blogspot, karena di blogspot kita lebih leluasa untuk memasukan script-script yang bagus .
      Ok, yang pertama harus anda lakukan tentu saja login ke blog, atau klo mau coba di website tinggal otak atik script sourcenya aja.





setelah itu masuk ke menu “Rancangan” lalu pilih menu “edit HTML”



Setelah masuk “edit HTML” di bagian “Edit Template” anda akan menemukan script yang anda gunakan di blog anda, jangan dibikin pusing dulu jika melihat script itu, anda cukup mencari bagian tag </head> aja.





di bagian atas (sebelum) tag </head> itulah kita akan taruh scriptnya nanti
setelah ketemu, yuk kita pelajari sedikit script javascript yang akan di gunakan untuk membuat alert.

<script type='text/javascript'> 
  //aksi script
</script>

script di atas adalah script awal untuk menginisialisasikan script yang akan kita gunakan adalah tipe script javascript. Script di awali dan di akhiri dengan  <script>…</script>. Nantinya kita bisa melakukan aksi script javascript di dalam script ini.  sekarang kita tambahkan alert sederhana di bagian aksi script tersebut, maka jadi akan seperti ini :

<script type='text/javascript'>
  alert("Selamat datang di blog saya…!") </script>

script tersebut akan menampilkan alert dengan tulisan “Selamat Datang di blog saya” seperti ini :



setelah itu kita tambahkan lagi sedikit script untuk alert inputan field, misalnya nama anda adit, sbb.

<script type='text/javascript'>
  alert("Selamat datang di blog saya…!");
  var yourName = prompt("Nama saya adit, Siapa nama anda ", ""); </script>

ok di dalam script tersebut kita buat variable “yourName” untuk menampung inputan nama user, di mana variable tersebut dapat kita gunakan suatu saat. script ini akan menampilkan tambahan alert ketika user mengklik ok di alert yang pertama seperti ini.



setelah itu kita gunakan variable “yourName” dari inputan user untuk kita panggil namanya, agar blog atau website kita lebih keliahatan interaktif

<script type=’text/javascript’>
  alert("Selamat datang di blog saya…!")
  var yourName = prompt("Nama saya adit, Siapa nama anda ?…", "");
  alert("Selamat Datang "+yourName+", Senang Berkenalan dengan anda"); </script>

nah, disini kita tampilkan alert lagi seperti alert yang pertama, dimana alert ini menggunakan variable “yourName” yang telah ada sebelumnya. Hasilnya akan seperti ini :



nama user yang telah diinputkan sebelumnya kita panggil dengan variable yang sudah ada. hasil akhir script akan seperti ini :



setelah selesai simpan template, dan cobalah…

http://adityudhna.wordpress.com/

58 Widgets Untuk Blogger

     Widget jika berhubungan dengan web ataupun blog maka yang dimaksud adalah sebuah tool (alat yang berguna) dalam memaksimalkan keindahan, kecantikan, serta “kenarsisan” blog Anda. *heuheu* Widget sendiri merupakan sebuah elemen yang berguna dan mudah digunakan baik yang telah disediakan oleh penyedia layanan blog yang Anda gunakan maupun berasal dari third party atau pihak ketiga.
     Penggunaan serta pemasangan widget telah sangat dimudahkan oleh pihak-pihak penyedia layanan, sehingga yang Anda perlukan *biasanya* hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali, cukup mengcopy scrift yang telah disediakan dalam element blog Anda. Nah berikut ini 58 widgets pilihan untuk mempercantik tampilan blog Anda.

Note: Saya sarankan jangan terlalu berlebihan memasang widget karena selain agama juga melarang *kesannya* memasang widget yang berlebih-lebihan *terlalu banyak* bisa mengakibatkan blog jadi terkesan kumuh dan membebani loading halaman blog Anda sehingga tidak menutup kemungkinan terjadi PLP.


1. MyBlogLog’s Recent Readers – Widget satu ini sejak kehadirannya didunia lain blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek daun. Widget ini memperlihatkan avatar dari para pengunjung blog Anda. Dan dengan kepopuleran widget satu ini sampai-sampai manajemen MyBloglog mampu meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. *Mantab sangad* So, yang Anda perlukan untuk mendapat widget ini adalah mempunyai account yahuu.
2. Mashable – Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog Anda.
3. Headline News – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.
4. Flickr Flash Photo Stream Badge – Widget ini menampilkan photo-photo dari profil flickr Anda secara berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo jadi untuk mendapatkan widget ini Anda memerlukan account yahoo seperti pada widget MyBlogLog di atas.
5. Preview Anywhere – sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord admin penggunanya. Fungsinya untuk melihat preview link keluar dengan tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link. Pro-kontra memang selalu ada; sebagian menganggap widget ini berguna karena menandakan kejujuran kita selaku pemilik blog, namun ada juga yang mencap kambing hitam sebagai biang lojalabo. *heuheu*
6. Twitter Badge – Jika dalam keseharian hidup Anda banyak hal-hal menarik dan begitu penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu dan menampilkan cuplikan kalimat-kalimat pendek *satu paragraf misalnya* (140 karakter) Anda sedang melakukan kegiatan ini, Anda sedang berada dimana, Anda sedang bersama siapa, Anda sedang, sedang, dan sedang lainnya…. Maka widget ini cocok untuk dipasang pada blog Anda. Daripada bikin sendiri element blogger/wordpress *secara manual* menuliskan teks sebagai pesan kepada pengunjung blog Anda bahwa Anda sedang ini-itu, saya sarankan lebih baik menggunakan widget ini. Widget ini akan menampilkan “tweet” terbaru Anda. Dan untuk pengguna WP sudah ada plugin untuk memposting twitter langsung dari blog Anda, contohnya di sidebar blog ini ada celotehan saya sekedar catatan apa yang tengah saya kerjakan menggunakan plugin tersebut.
7. Digg News – Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking yang sudah “kakoncara” dijagat perbloggan mah lah… *halaaah* Pilihan theme dan warna mudah untuk Anda atur agar sesuai dengan template blog Anda.
8. FEEDJIT – Widget ini paling wuenak diantara widget lainnya, misalkan kalo kita lagi cape, lesu, sendi-sendi lagi nggak enak, otot kaku, badan pegal, masuk angin… maka suruh aja si mbok untuk feedjit *oooh itu pijit ya* heuheu. Feedjit merupakan layanan real time traffic pada blog Anda. Ada empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.
9. LineBuzz – Komentar dalam widget inline untuk Blog Anda. Widget ini sangat berguna bagi blog yang memiliki frekuensi di atas 900 Mhz tinggi dalam menerima komentar, sehingga memudahkan berkomentar jika terjadi diskusi yang berkepanjangan *waaah keren euy*. Hanya sayang, pengunjung harus terdaftar LineBuzz dulu untuk berkomentar *bikin berabe juga*
10. Flixn – Jika kompi atau laptop Anda terpasang webcam, maka widget ini bisa digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui blog Anda *heuheu* . Jadi pengunjung blog tidak hanya membaca postingan Anda tapi bisa menyaksikan “konser” Anda didepan monitor, mirip webcam yahoo.
11. 3Jam – Widget ini memudahkan pengunjung blog untuk berinteraksi dengan Anda dengan mengirimkan SMS pada henpun Anda tanpa mereka tahu nomor HP Anda.
12. Jaxtr – Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP Anda. *nomor HP Anda dijamin kerahasiaannya*
13. LinkedInABox – Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk blog personal.
14. Box Widget – Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog Anda.
15. Price of gas – Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan solar. “sangat cocok” untuk pengunjung blog Anda yang mobilitasnya tinggi. *terasa aneh* tapi kalo blog Anda memang membahas masalah gas bumi, bahan bakar dan yang sejenis maka widget ini sangat cocok, lagian tidak perlu mendaftar hanya mengcopas scrift yang disediakan Gas-Cost.Net.
16. iBegin Weather Widget – Menampilkan laporan cuaca untuk wilayah Kanada dan Amerika. Seperti widget Price of Gas di atas widget ini hanya cocok untuk blog yang memang membahas masalah yang sama.
17. ClockLink – Sepertinya widget ini yang paling banyak diminati dan digunakan para blogger yang peduli dengan manajemen waktu *ekhm* seperti namanya clock, widget ini menampilkan petunjuk waktu atau jam pada blog Anda.
18. Film Loops – Menampilkan kesimpulan filem terakhir yang Anda tonton melalui account FilmLoops Anda.
19. Daily Painters – Widget ini sangat cocok bagi Anda yang berjiwa seni tinggi karena widget ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.
20. WhoLinked – Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah melink pada blog Anda. tidak perlu mengupdate karena WhoLinked ini secara teratur mengupdate sendiri web/blog yang melink blog Anda.
21. Criteo AutoRoll – Widget ini memperlihatkan link menuju blog-blog yang sehaluan dengan blog Anda. Sehaluan…? Secara…! Heuheu.
22. Calender – Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya, untuk pengguna blogger widget kalender belum tersedia, oleh karenanya jika Anda ingin menampilkan kalender maka widget satu ini pantas di perhitungkan.
23. Bitty Browser – Menampilkan web browser “mini” pada sidebar blog Anda. Tapi mesti hati-hati sama yang namanya “mini” ada rok mini, metro mini, dan mini-mini yang lainnya… *beuh ga nyambung*
24. Leafletter – Ini juga sama masih masalah mini, widget ini membuat website mini dan menyimpannya pada blog Anda.
25. WikiSeek – Menampilkan widget untuk pencarian pada Wikipedia.
26. FeedCount – Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan account feedburner Anda.
27. Technorati Link Count – Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu directory blog terbesar dan terpopuler abad ini… dialaaaaaaah Technoraaaaati. *juara tinju dunia kita* halaaaah.
28. MyPageRank – Inilah cara lain untuk sombong menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan menampilkan Ranking Google atau Google PageRank (PR). Penilaian PR google ini seperti saat kita SD dulu ada rangking 1 sampe 10, bedanya PR yang baik menurut google itu yang lebih besar alias 10, kalo baru satu berarti belum besar-besar amat blog Anda.
29. CheckPageRank – Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget ini menampilkan juga ranking Alexa.
30. Counter Statistic – Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka widget ini adalah salah satu yang menyediakan fasilitas tersebut.
31. Web/Blog Counter – Widget ini datangnya dari Histats.Com yang memungkinkan Anda bisa melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog Anda sehari-hari berapa, referer dari blog mana saja, dan jika melalui search engine semisal google, yahoo, msn menggunakan keyword apa. Jika Anda ingin melihat IP Address pengunjung blog Anda, widget histats ini yang bisa saya rekomendasikan.
32. BlinkxIt – Widget mantab sangad karena menampilkan banner kecil dibawah setiap postingan blog Anda, ketika banner BlikxIt itu di klik maka keluar mini popup seperti snapshot dan menampilkan video yang berhubungan dengan postingan blog Anda.
33. Skype button – Seperti widget menampilkan status online YM pada blog Anda, widget ini pun hampir sama cuma bedanya status online/offline pada account skype Anda yang ditampilkan.
34. RockYou Horoscope – Saya tidak menganjurkan widget ini pada blogger muslim, soalnya ini berupa ramalan yang sudah jelas-jelas dilarang oleh agama kita sodara-sodara! Konsekuensinya jika Anda percaya ramalan maka 40 hari shalat Anda tidak diterima *mode galak* Heuheu…
35. Bravenet Horoscope – Seperti halnya widget di atas, bravenet pun menyediakan widget horoscope untuk blog Anda.
36. del.icio.us Tagometer – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.
37. del.icio.us Linkrolls – Widget ini menampilkan bookmark terakhir Anda dari del.icio.us.
38. Timelines – Perlu membuat timeline untuk blog Anda? Maka widget cukup mudah digunakan, hanya perlu memasukan RSS blog Anda lalu memasukkan ukuran lebar dan tingginya.
39. PollDaddy – PollDaddy memberikan Anda kemudahan membuat sebuah poling atau survey interaktif padamu negeri dengan theme yang sangat cantik dan menawan hati tanpa batas waktu yang harus memisahkan antara kita berdua, biar langit dan bumi yang menjadi saksi cinta suci nan tulus kita berdua.
40. Vizu – Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.
41. AnswerTips – Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah yang terdapat pada blog Anda *berguna jika pengunjung blog Anda adalah mas tukul*. pis mas… Heuheu.
42. AnswerBoxes – Masih widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada pengunjung blog Anda untuk memasukan istilah yang tidak dimengerti dan mendapat jawaban segala risau hatiku dari Answer.Com.
43. Now Playing – Jika Anda ingin sharing playlist musik yang sedang Anda dengarkan dan ingin agar pengunjung blog Anda juga mendengarkan, nah Signamp menawarkan widget ini, biar signamp yang melakukan trik bagaimana hal itu mungin terjadi.
44. BuzzBoost – Menampilkan headline dari RSS FeedBurner blog Anda pada blog Anda sendiri ataupun blog Anda yang lain atau juga pada blog teman Anda atau mungkin blognya sodara Anda atau juga pada blognya dia, mereka dan dirinya. *jangan maksa deh*
45. LibraryThing – Tampilkan buku terakhir yang telah Anda baca wahai kutu buku!
46. Plaxo Address Book – Izinkan pengunjung setia yang telah Anda percayai untuk mengakses buku tamu mereka langsung dari blog Anda.
47. AuctionAds – Widget yang menampilkan pelelangan barang dari eBay, dan memberikan kesempatan pada untuk mendapat persentase *uang denger gitu loh* dengan catatan pengunjung blog Anda membeli barang lelang tersebut.
48. aStore – Hampir mirip dengan AuctionAds di atas, hanya saja widget ini datangnya dari Amazon. Widget ini memungkinkan Anda menampilkan “warung sederhana” tapi jika ada yang beli lewat warung Anda tersebut Anda mendapatkan keuntungan dari Amazon. Btw, sudah daftar amazon belum? Kalo belum Klik Disini untuk daftar dan langsung buat “warung sederhananya”. Heuheu.
49. Deal of The Day – Masih dari Amazon ini merupakan widget paling anyar yang dirilis amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang ditawarkan untuk pengunjung blog Anda. Dan jika ada yang membeli barang dari widget tersebut tentu Anda mendapat persenan dari amazon, lumayanlah buat beli kacang goreng. Heuheu.
50. Plazes – Widget ini menampilkan dimana posisi Anda, apakah sudah PW atau belum…? Kalo belum PW cari dulu deh tempat yg nyaman buat ngeblog biar PW . Nah widget ini menampilkan lokasi peta dimana kamu berada. *nyambungkah?*
51. Stockalicious – Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda keluarkan untuk ngeblog. *mudah2an ada yg mau nyumbang* heuheu.
52. Yahoo! For Good – Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada yang berhak menerimanya. *kata Yahoo* Jadi bagi Anda yang berjiwa sosial, rasanya widget ini perlu, anggap saja blog Anda warung atau toko yang menerima penitipan kotak amal. ^_^
53. Giftspace – Sahabat ataupun teman blogger akan memberi hadiah di hari Ultah Anda tapi mereka tidak tahu harus membeli hadiah apa yang sekiranya Anda inginkan. Nah melalui widget ini biarkan mereka tahu kado apa yang sebenarnya Anda inginkan. *meski diberi nawar boleh donks* heuheu.
54. MixMap – Dari widget ini Anda bisa melihat pengunjung profile MySpace Anda dari sebuah Peta.
55. Google Map Widget – Perlihatkan pencarian pada peta google dari blog Anda.
56. Google Video Search – Tampilkan form pencarian video dari video pilihan pada blog Anda.
57. This Day in History – Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.
58. Shoutbox – Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa Anda gunakan diantaranya, Shoutmix, Cbox, atau kalo Anda berorientasi nasionalis dan cinta produk dalam negeri Anda bisa memilih Oggix. Dan awal 2008 ini oggix pun meluncurkan versi blognya, jika Anda ingin berpindah layanan atau sekedar mencoba blognya oggix silahkan daftar.

     Demikian diantara widget yang bisa digunakan untuk mempercantik blog Anda. Pilih saja yang sekiranya bermanfaat dan cocok untuk blog Anda. Ingat! Kebanyakan widget bisa mengesankan blog Anda kumuh dan membuat lojalabo dan berakibat pengunjung malas untuk datang kedua kali.
Kalo mau menambahkan widget lain yang Anda temukan silahkan tambahkan pada kolom komentar. Terimakasih

http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/

Membuat Link Berkedip

Ingin membuat link pada blog anda berkedip dan berwarna pelangi ketika tersentuh pointer? Caranya sangat mudah

• Dalam keadaan loggin,
• Masuk pada menu template,
• Klik Edit HTML,
• Cari kode <head>,

Kemudian copy code berikut dan paste tepat dibawah code tadi

<script language='javascript' src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/LinkPelangi.js'/>.

• Terakhir simpan template. 

http://amatullah83.blogspot.com/2009/09/membuat-link-berwarna-pelangi.html

Membuat Cursos Bertabur Bintang

Banyak cara yang dibuat oleh setiap blogger untuk membuat tampilan blognya terkesan cantik, unik dan macam-macam deh. Diantaranya dengan modifikasi template yang sudah ada, memasang ragam widget dan ragam aksesoris blog termasuk mengganti tampilan cursor. pernah lihat suatu blog dengan cursor bertabur bintang? Pingin mencobanya? Mudah kok, ikuti langkah-langkah berikut:
Membuat cursor bertabur bintang

1. Login ke blogger.
2.Masuk ke Layout-->Page Element
3.Tambahkan gadget HTML/JavaScript
4.Pilih kode taburan bintang dibawah ini. 

Bintang Hijau 

<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>  

Bintang Ungu  

<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.ungu.js' type="text/javascript"></script>

Bintang Merah  

<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.merah.js' type="text/javascript"></script>

Bintang Biru 

<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.biru.js' type="text/javascript"></script> 

Bintang Putih  

<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.putih.js' type="text/javascript"></script>  

5.Kopi salah satu kode diatas dan simpan.

6. Jangan lupa save dan save lagi.





http://amatullah83.blogspot.com/2010/01/membuat-cursor-bertabur-bintang.html