100 WIDGET TERBARU

100 Situs Widget Blog Keren untuk Memperindah dan Mempercantik Blog

Memasang widget blog yang keren merupakan langkkah dalam memperindah dan mempercantik blog, dengan memasang widget yang keren pun akan  menjadi kepuasan tersendiri bagi kita sebagai blogger yang menginginkan hal yang terbaik untuk blog yang kita miliki, terlebih lagi hal ini akan membuat pengunjung traffic blog kita merasa nyaman serta betah dengan widget atau fitur- fitur keren di blog kita yang dapat mereka nikmati dan gunakan sehingga pengunjung akan senang menjelajahi setiap halaman blog kita dan akan tertarik untuk berkunjung kembali.

Widget blog keren

Pada dasarnya pihak blogger telah menyediakan puluhan widget standar yang dapat langsung kita pasang melalui menu widget, akan tetapi hal ini jelas kurang bagi kita yang menginginkan tampilan atau fitur widget blog yang baik dan menarik yang dapat memperindah dan mempercantik blog kita, oleh karena itu dalam artikel ini akan saya sediakan 10 situs yang menyediakan puluhan hingga ratusan widget- widget keren yang dapat kalian pilih dan langsung kalian pasang di blog blogspot/ blogger anda.






Daftar Situs Penyedia Widget Blog Keren untuk Memperindah Blog

1. Google gadgets
Google gadgets adalah salah satu situs atau web penyedia widget atau gadget yang terbaik, disini kita diberi banyak pilihan widget keren yang siap untuk kita pasang di blog kesayangan kita.

2. Yahoo widgets
Yahoo widgets merupakan saingan dari google widgets diatas, di yahoo widgets anda juga diberi banyak pilihan widget yang menarik yang pastinya dapat memperindah blog kalian.

3.  Animationonline.com
Disini kita diberi fitur menarik sebelum memasang widget animasi yang disediakan oleh situs ini yaitu ita dapat mengatur dan menyesuaikannya terlebih dahulu sesuai selera sebelum kita memasang widget tersebut ke blog kita.

4. Alexa rank widget
Saya yakin banyak blogger sudah mengetahui widget yang menjadi salah satu indikator yang sering digunakan dalam dunia blogger untuk mengetahui peringkat blog kita, jika anda ingin memasang widget yang penting ini baca “cara mendaftar alexa” dan “cara memasang widget alexa rank”

5. Clockwidgets.net
Sesuai dengan namanya kalian pasti sudah tau widget keren apa yang disediakan situs ini, di clockwidgets kita akan diberi banyak pilihan widget jam yang dapat kita pasang di blog blogspot kita.

6. Shoutmix.com /Shoutbox
Widget dari shoutmix yang satu ini juga pastinya tidak asing lagi bagi sebagian besar blogger, shoutbox merupakan widget pesan yang dapat digunakan untuk saling berkomunikasi atau berkomentar di blog kita yang terpasang widget shoutbox ini.

7. Mypagerank
Widget yang satu ini dapat kita pasang di blog kita untuk mengetahui pagerank atau peringkat halaman blog kita.

8. Hitstat
Situs ini menyediakan widget dengan nama yang sama dengan situsnya yaitu hitstat yang berfungsi menampilkan data pengunjung blog kita dari beberapa rentang waktu tertentu.

9. Feedjit
Dari widget yang disediakan situs ini kita dapat melihat negara asal pengunjung blog kita.

10. Zooshia
Bagi yang senang social media anda bisa mengunjungi situs ini yang menyediakan widget – widget social media seperti facebook dan twitter,  hal ini juga mengingat bahwa sebagian besar pengguna internet memiliki akun sosial media, dengan memasang widget- widget tersebut pastinya tidak hanya memperindah tampilan blog saja tetapi juga memberi fitur yang disenangi oleh pengunjung.

Dari 10 situs widget blog keren yang saya berikan anda dapat memilih- milih widget yang anda sukai dan anda butuhkan untuk memperindah blog anda, tetapi alangkah baiknya pilihlah dengan bijak dan tata dengan rapi di blog anda agar tidak merusak tampilan, anda bisa memberi scroll pada widget agar menjadi lebih rapi dan hemat tempat, selain merapikan widget anda juga perlu selektif agar tidak memberatkan loading blog, karena widget yang banyak di blog juga merupakan penyebab loading blog lama oleh karena itu saya harap kalian dapat menentukan yang terbaik untuk blog kesayangan anda.

Demikian artikel mengenai 100 Situs Widget Blog Keren untuk Memperindah dan Mempercantik Blog ini, saya mohon maaf atas segala kekurangan dan kesalahan dalam artikel dan terima kasih telah berkunjung serta meninggalkan pendapat atau saran anda di kolom komentar.

CARA MEMPERINDAH BLOG

 Membuat Taburan Daun Pada Blog

Siswa Cerdas Nie By: Mamas Kucir

Hmmmmm...kembali lagi denngan say sobat bloger!
HAri ini saya akan memberikan trik untuk mempercantik blog anda.  Sekarang kita akan membuat taburan daun pada blog, supaya lebih rame gitu...!! Nah untuk itu, jika sobat bloger suka silahkan nih diikuti langkah2 di bawah ini yeh!!!
heheheh

1. Masuk ke www.blogger.com
2. Masuklah dengan ID anda, biar aman. (heheheh..!)
3. Pilih Dasbor kamu Lalu Tata Letak
4. Kemudian pilih Tambahkan Gadget dan diteruskan denngan memilih HTML/JavaScript
5. Copas kode di bawah ini 

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

6. Silahkan anda Simpan
Selesai deh..semoga bermanfaat yah!!!!!!! 
--------------------------------------------------------------------------------------

Cara Membuat Alert atau Pesan Pembuka

 Sobat Bloger kali ini saya ingin memberikan tips untuk membuat pesan pembuka pada blog qm. Pesan pembuka ini sebenarnya adalah hanya pekerjaan iseng saja. Kenapa? karena ini hanya pesan dari Admin saja untuk pengunjung. Seperti biasanya saya bisa mengkategorikan pesan pembuka ini adalah merupakan asesoris blog, yang dapat memperindah blog kita.

Untuk memasangnya pada blog kita, ikuti langkah-langkah berikut!

1. Seperti biasa Login ke Blogger dengan ID qm..
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri centang pada kotak di samping Expand Template Widget
5. Cari kode </head>  lalu pastekan skrip berikut ini di atasnya:

<script language="JavaScript">alert("SELAMAT DATANG DI BLOG SAYA");</script>

Tulisan yang berwarna Hijau adalah Kalimat/pesan pembuka anda kepada pengunjung blog qm.
 Ket:
- Ganti kata TULISaN yang berwarna Hijau dengan pesan sesuai keinginan qm.
- Tanda kutip jangan dihapus.
 --------------------------------------------------------------------------------------

Membuat Teks Berjalan di Menu Bar
Kali ini saya akan membahas cara membuat teks berjalan di menu bar yaitu teks yang berada di atas navbar browser seperti dalam gambar ini:

Kalau anda tertarik langsung aja ikuti langkah-langkahnya sebagai berikut:

1. Login ke Blogger
2. Pada menu Rancangan/Tata Letak-> Edit HTML
3. Letakkan kode dibawah ini diatas kode

<script type="text/javascript"></script>
// msg = " -- Selamat Datang di Hins Collections ";
msg = " | Berbagi Ilmu Dari Kita Untuk Kita -- " + 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();
//]]>

Ganti teks yang warna merah dengan teks yang ingin anda tampilkan.
Angka 200 menunjukkan kecepatan gerak dari teks (ganti kalau perlu tergantung anda). Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya.

4. Terakhir klik Save Template. Beres dech...
(Lihat hasilnya nanti di menu bar qm diatas).
--------------------------------------------------------------------------------------
Memasang Buku Tamu pada Blog

1. Daftar terlebih dahulu di www.shoutmix.com
2. Setelah daftar pada kolom yang berjudul style, klik menu appearance
3. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
4. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
5. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
6. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
7. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
8. Selesai
9. Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.
   Untuk Blogger baru :
10. Silahkan Login dengan id anda
11. Klik menu Layout
12. Klik Page Element
13. Klik Add a Page Element
14. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
15. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
16. Copy paste kode HTML shoutbox anda di dalam form Content
17. Klik tombol Save Changes
18. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
19. Tekan tombol Save
20. Selesai

 --------------------------------------------------------------------------------------

Membuat Link Pelangi pada Blog

Terkadang pengunjung betah untuk berkunjung ke blog kita, karena tampilan blog yang begitu menarik. Nah jika sobat T'Net (Jaya Karta) ingin membuat blog anda lebih menarik silahkan berikan effek yang menarik pada link blog anda. Yaitu dengan memberikan effek link pelangi pada blog anda.

Dimana nantinya jika salah sati link disorot oleh cursor, maka link akan berubah warna seperti warna pelangi.

Untuk DEMO silahkan lihat Blog Ini. Jika sobat sudah mengerti dengan effek link pelangi ini, silahkan ikuti langkah berikut ini.

1. Login ke blogger
2. Pilih Rancangan
3. Pilih Edit HTML
4. Cari kode seperti ini <head> dan letakkan kode berikut ini tepat di Bawah <head>

<script src='http://achmad46.googlepages.com/rainbow.js'>
</script>

5. Simpan Template
6. Silahkan lihat blog anda.
Selesai, semoga bermanfaat.

Selamat mencoba !
 --------------------------------------------------------------------------------------

Membuat text sizer di Blog

Halo . Teman dan sahabat Bloger, akhirnya kali ini saya bisa membuat postingan tentang tutorial blog lagi , dan kali ini saya akan membahas yang namanya Text Sizer adalah suatu widget untuk merubah ukuran teks pada blog. Text sizer sangat bermanfaat, karena setiap blog mempunyai ukuran font teks yang berbeda-beda. mungkin ada yang terlalu besar atau terlalu kecil. dengan text sizer, pembaca blog nantinya dapat menentukan sendiri ukuran font teks blog kita sesuai kenyamanan mereka.

Berikut ini demo text sizer, silahkan coba sendiri.

+ Larger Font

- Smaller Font

Untuk memasang text sizer di blog caranya cukup mudah. dalam pemasangan ini, diperlukan script dan link saja. widget text sizer dapat dipasang di mana saja seperti di sidebar, di atas postingan, dll. Widget text sizer ini juga dapat mempercantik blog. berikut ini langkah-langkah memasang widget text sizer

1. Menu Dashboard, klik Tata Letak, klik Edit HTML.
2. Centang checkbox Expand Widget Template.
3. Copy paste code berikut setelah tag atau sebelum pada website Anda:

<script src="http://nestoriko.googlepages.com/textsizer.js" type="text/javascript"></script>

    4.  Copy paste code berikut setelah tag atau sebelum (atau dibagian mana Anda ingin menempatkan

          tombol Text Sizer) pada website Anda:

<a href="javascript:ts('body',1)">+ Larger Font</a> | <a> href="javascript:ts('body',-1)">+ Smaller Font</a>

    5. Silahkan ganti tulisan "+ Larger Font" dan "- Smaller Font" dengan tulisan yang Anda inginkan.

    6. Juka sudah>>> simpan template !!

Selesai sudah cara memasang widget text sizer. Selain berguna untuk mengatur ukuran font teks, text sizer juga dapat mempercantik blog kita dan membuat nyaman para pembaca . Selamat mencoba salah satu "tips dan trik blog text sizer" dan semoga berhasil !

--------------------------------------------------------------------------------------
 Cara membuat iklan melayang dengan tombol close

Iklan ? pasti anda sering menjumpai berbagai macam iklan di webisite / blog ? pernahkah terlintas di pikiran anda , bagaimana acara membuatnya ?
Kalau ada yang belum tahu iklan melayang , lihat saja di blog saya ini  IKLAN
Mungkin rekan blogger pernah melihat tutorial ini, memang setau saya ada yang lebih rumit menggunakan banyak kode, tapi disini saya coba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya, ok saya akan segera memberikan tutornya, nih ikutin saja langkahnya :

1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman/Rancangan
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Dan Copy kode di bawah ini kedalamnya yah

<style type="text/css"></style>

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}



.gbcontent{

float:right;

border:2px solid #A5BD51;

background:#ffffff;

padding:10px;

}



<script type="text/javascript"></script>

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}



<div id=gb>


<div onclick="showHideGB()"> </div>


<div>


<div style="text-align:right">

<a href="javascript:showHideGB()"></a>

.:[Close][Klik 2x]:.


</div>

<center>


Masukan Kode iklan atau Gambar yang anda inginkan di sini


</center>


<script type="text/javascript"></script>

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</div></div>


6. Simpan

Semoga BERHASIL :)