Kamis, 30 September 2010

Widget SMS Gratis Dari Blog

Banyak sekali berbagai operator sellular menawarkan promosi dengan memberikan potongan-potongan biaya nelpon, SMS dan lain sebagainya, namun bagi yang suka ngeblog mungkin bisa lebih asyik mengirimkan SMS melalui blog, selain gampang juga cepat diterima sipenerima, walaupun Anda tidak dapat mengirmkan balik pesan balasan, karena memang ini diberikan hanya untuk mengirmkan pesan saja,

Nah bagaimana cara menggunakan dan memanfaatkannya adalah dengan menambah widget/gadget di blog Anda yaitu :

  1. Login dengan user Anda ke Blogger
  2. Kemudian klik Rancangan
  3. Setelah itu klik tambah gadget
  4. Kemudian pilih Edit HTML/Javascript
  5. Copy kode script berikut ini

    <iframe name="I2" src="http://sms-online.web.id/widget"
              width="390" height="390"> not support </iframe>

  6. Simpan

A Tousand Free Animations

Memang, mungkin sudah banyak penyedia free animation, saya menemukan yang lain disini. cukup lengkap juga mulai ucapan selamat sampai politikpun ada.

Anda bisa mengecek sendiri dialamatnya: http://www.amazing-animations.com/

Senin, 20 September 2010

Widget jam Tanpa Ads

Hampir semua yang gratis selalu sarat dengan iklan, seperti layanan dari clock link, saya menemukan satu yang agak berbeda yaitu, sebenarnya jam ini juga ada ads-nya tapi tergolong minimalis dari pada yang lain.
Ini Kodenya:

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5014-white.swf";obj.TimeZone="ICT";obj.width=150;obj.height=30;obj.wmode="transparent";showClock(obj);</script>
Don't Forget:

kalau kode diatas not responding, anda bisa menggantinya dengan kode ini:

<embed src="http://www.clocklink.com/clocks/5014-white.swf?TimeZone=ICT&"  width="150" height="30" wmode="transparent" type="application/x-shockwave-flash">

Widget jam Dari Clocklink.com

ClockLink.com menyediakan jam fashionable yang Anda dapat dengan mudah menanamkan dalam halaman web Anda. Yang perlu Anda lakukan adalah hanya menyisipkan tag pada halaman web Anda. jam ini akan menampilkan nama kota pilihan Anda jika Anda memilih. Anda juga dapat memilih zona waktu untuk jam Anda sehingga akan menunjukkan waktu yang benar. Hiasi website Anda dengan bebas jam PSP's Flash pada ClockLink.com!

Widget Lintas Berita

Untuk mempermudah dalam submit berita atau artikel blog, widget lintas berita ini mungkin bisa menjadi alternatif.
 
Cara pasangnya beriku:

  • Pada Edit HTML, silahkan klik Expand Template Widget.
  • Letakkan kode css berikut ini diatas kode ]]></b:skin>
    #lintas-berita {
    background:#ECE0F8;
    border:1px solid #cccdcd;
    margin:15px 0px 10px 0px;
    padding:10px;
    color:#000;
    font-weight:normal;
    }

    .lintaskiri {
    float:left;
    margin:0px 15px 0px 0px;
    width:380px;
    }

    .lintaskanan {
    text-align:center;
    }

  • Kemudian letakkan kode berikut setelah kode <data:post.body/> atau <p><data:post.body/></p>
    <div class='clearfix' id='lintas-berita'>
    <div class='lintaskiri'>
    Jika menurut sobat artikel ini bermanfaat, silahkan vote ke <strong>Lintas Berita</strong> agar artikel ini bisa di baca oleh orang lain.
    </div>
    <div class='lintaskanan'>
    <script type='text/javascript'>lb_skin = &#39;mode2&#39;; </script>
    <script src='http://www.lintasberita.com/widget_vote/lintasberita.js' type='text/javascript'/>
    <noscript>Powered by www.lintasberita.com visit <a href='http://www.lintasberita.com'>Lintas Berita</a></noscript>
    </div>
    </div>

  • Simpan Template.
Customizing: 

Perhatikan kode css width:380px, kode tersebut adalah lebar untuk widget sebelah kiri (widget untuk tulisan) harap disesuaikan dengan lebar template. 

Don't Forget:

Jika widget lintas berita muncul pada halaman depan blog, maka tambahkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>
diantara kode yang berwarna hijau dan tutup dengan kode
</b:if>

Avatar Di Comment Box

1. Masuk ke halaman Pengaturan 
 
2. klik tombol Komentar

3. Lalu klik tanda check "Ya" pada "Tampilkan gambar profil dalam komentar?"


Jadinya akan seperti ini:


addimage
Untuk template yang sudah dikustomisasi, kemungkinan Berhasil adalah sedikit.

Widget Search Engine Mini

Berikut kode untuk search engine mini tersebut :

 <form id="searchform" action="http://NamaBlogAnda.blogspot.com /search" name="searchform" method="get"><input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search" type="submit"> </form>

Customizing

Ganti http://NamaBlogAnda.blogspot.com / dengan alamat blog anda.

Sedangkan untuk kode ( value="Search" ). Tulisan Search ini adalah tulisan yang akan muncul pada tombol search engine, jika ingin mengubahnya, anda bisa mengubahnya terserah anda.

Hasilnya seperti ini:


Widget IP Address Checker

kunjungi www.wieistmeineip.de. Dan dapatkan kodenya.

Terus:

  1. Login ke blogger
  2. kemudian klik Tata Letak
  3. Klik Elemen Halaman
  4. Klik Tambah Gadget
  5. Pilih yang HTML/Javascript
  6. Masukkan kode HTML-nya kedalam kolom kosong yang tersedia
  7. Lalu Simpan.

Kode Warna







































































































































































































Kode warna yang terpilih :

Widget Label Cloud Berputar

  1. Login ke Blogger.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Download dahulu template anda dengan mengklik Download Template Lengkap
  5. Kemudian klik button Expand Template Widget dan cari kode yg seperti ini : 
    <b:section class='sidebar' id='sidebar' preferred='yes'>

  6. Copy kode berikut ini setelah kode diatas :
    <b:widget id='Label99' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
    <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
    <script type='text/javascript'>
    var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
    // uncomment next line to enable transparency
    //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
    so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
    so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
    so.addVariable(&quot;distr&quot;, &quot;true&quot;);
    so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
    so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
    so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
    so.write(&quot;flashcontent&quot;);
    </script>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>

  7. Kemudian Simpan Template.

Customizing:
  • Mengubah lebar dan tinggi kolom serta warna background 
    Angka "240" adalah lebar kolom
    Angka "300" adalah tinggi kolom
    Sedangkan #ffffff adalah kode untuk backgroud

  • Merubah warna font, untuk kode warna bisa anda lihat disini
    so.addVariable("tcolor", "0x333333");

  • Merubah ukuran font
    so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Minggu, 19 September 2010

Widget Peramal Cuaca

Memiliki informasi cuaca terbaru di blog Anda menjaga situs Anda hidup dan segar bagi pengunjung Anda. Cara termudah untuk pamer ramalan cuaca lokal Anda pada website Anda adalah dengan widgets cuaca, yang dapat dengan mudah diimplementasikan di blog Anda. Setiap widget menampilkan suhu cuaca, rincian angin, dan banyak lagi.
Cuaca Ibegin Widget 

Cukup masukkan  KotaAnda, Kode Pos, atau Negara untuk menampilkan ramalan cuaca lokal Anda. Cuaca widget ini akan menampilkan cuaca saat ini dan prakiraan cuaca dengan ikon kecil.

WeatherBugWidget 
WeatherBug widget ini datang dalam berbagai ukuran yang menampilkan ramalan cuaca lokal Anda. 50x250, 180x150, 160x600, 300x250, 125x125 dan 728x90.
Widget lain cuaca baik oleh Weather.com, yang dapat dengan mudah diimplementasikan di sidebar blog Anda! 

Widgets Cuaca Widgetbox  

Pilih dari pilihan besar widget untuk menunjukkan cuaca lokal Anda. 

WeatherReports Widget 
Memungkinkan Anda memilih tema widget cuaca Anda. 

Bagaimana Tambahkan tersebut Widget untuk Blog Anda?

Harap perhatikan bahwa semua widget di atas dengan mudah dapat diimplementasikan ke dalam blog Anda. Widget ini cuaca untuk Blogger, WordPress, TypePad, dan semua blogging platform lainnya. Pergi ke situs web dan menyesuaikan widget, lalu copy dan paste kode HTML ke dalam blog Anda.

Widget Navigasi Halaman

  1. Setelah login di blogger, silahkan anda menuju Rancangan.
  2. Kemudian klik tab Edit HTML.
  3. Letakkan kode css berikut ini sebelum kode ]]></b:skin>
    .showpageNum a { color:#FFF;padding:4px 10px;
    margin:0 2px;
    text-decoration:none;
    -webkit-border-radius:2px;-
    moz-border-radius:2px;
    background:#848484
    }
    .showpageOf {
    color:#222;
    margin:0 6px 0 0
    }
    .showpageNum a:hover {
    background:#222;
    color:#FFF
    }
    .showpagePoint {
    color:#FFF;
    text-shadow:0 1px 2px #333;
    padding:4px 10px;
    margin:0 2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    background:#222;
    text-decoration:none
    }
  4. Dan letakkan kode berikut sebelum </body>
    <script type='text/javascript'>
    var home_page=&quot;/&quot;;
    var urlactivepage=location.href;
    var postperpage=10;
    var numshowpage=7;
    var upPageWord =&#39;&#9668;&#39;;
    var downPageWord =&#39;&#9658;&#39;;
    </script>
    <script src='http://miscah.googlecode.com/files/pagenav.js' type='text/javascript'/>
  5. Kemudian Simpan Template.

Keterangan :
  • var postperpage=10; adalah jumlah postingan dalam satu halaman, sesuaikan dengan jumlah postingan sobat, jika jumlah postingannya 5 maka ganti angka tersebut dengan angka 5.
  • var numshowpage=7; adalah jumlah tombol navigasi dalam satu halaman.

Pasang Pavicon

Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini.

I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com

  1. klik Browse dan cari gambarnya di komputer anda. Kemudian klik Upload Image
  2. Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).
  3. Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja. 
  4. Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat. 
  5. Langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket atau Google Sites.
  6. Sekarang anggap saja sobat sudah menyimpan gambar anda di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites :

    http://sites.google.com/site/widgetforblogspot/image/RSS-Blue.png
II. Buka Blogger, masuk menggunakan ID sobat.

  1. Pilih Tata Letak.
  2. Klik Edit HTML.
  3. Pada halaman HTML, sobat harus mengganti tulisan yang saya tandai dengan warna ungu dengan alamat url favicon sobat :

    <link href='http://sites.google.com/site/dodyfarial/image/RSS-Blue.png' rel='shotcut icon'/>
  4. Kemudian letakkan halaman url baru sobat diatas kode </head>
  5. Kemudian Save Template,

Dissable Right Klick

Berikut langkah - langkahnya :
  1. Login ke Blogger dengan ID sobat.

  2. Klik Tata Letak --> Elemen Halaman.
  3. Pilih yang HTML/JavaScript.
  4. Copy kode dibawah ini ke dalam kolom kosong yang tersedia :


<script>
var message="Right Click Not Allowed";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

      5. kemudian Save, dan lihat hasilnya.

Widget Buku Tamu

Kita akan menggunakan jasa www.shoutmix.com. Selain bagus, shoutmix ini tergolong yang paling banyak di gunakan para blogger.

Berikut Langkah-langkahnya:

  1. Silahkan tuju browser sobat ke www.shoutmix.com
  2. Kemudian Klik tombol Create Shoutbox.
  3. Kemudian isikan data - data yang diperlukan.
  4. Setelah itu klik Control Panel.
  5. Pada gambar berikut, klik Get Codes.
  6. Atur lebar dan tinggi shoutmix, kemudian copy kode HTML kedalam notepad.
  7. Login ke Blogger dengan ID anda.
  8. Klik Tata Letak.
  9. Klik Elemen Halaman.
  10. Pilih yang HTML / Javascript.
  11. Lalu copy paste kode HTML yang tadi sobat simpan di notepad ke dalam kolom kosong yang tersedia.
  12. Simpan.
Untuk mengatur bentuk shoutmix, anda bisa menuju Settings -->> kemudian pilih Display -->> Style & Colors.

Widget Top Articles

Berikut langkah-langkahnya:
  1. Seperti biasa, anda  login dulu ke blogger.
  2. Kemudian tuju Elemen Halaman.
  3. Klik Tambah Gadget.
  4. Pilih yang Javascript / HTML.
  5. Masukkan kode Javascript berikut ini :

    <script type="text/javascript">
    function pipeCallback(obj) {
    document.write('<ul style="text-transform: capitalize;">');
    var i;
    for (i = 0; i < obj.count ; i++)
    {
    var href = "'" + obj.value.items[i].link + "'";
    var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
    document.write(item);
    }
    document.write('</ul>');
    }
    </script>
    <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2FAlamatBlog.blogspot.com&num=10" type="text/javascript"></script>

  6. Ganti tulisan yang saya tebalkan dengan alamat blog anda.
  7. kemudian Simpan.

Widget Alexa Diblog

Alexa rank membuat peringkat berdasarkan banyaknya pengunjung blog kita, semakin banyak pengunjung blog atau web maka alexa rank akan tinggi nilainya. <span class=”fullpost”>



Ikuti langkah-langkahnya:
  1. Klik disini untuk login ke Alexa
  2. Masukkan alamat blog anda pada kolom yang tersedia, kemudian klik tombol "Build Widget"
  3. Kemudian akan ada halaman yang memperlihatkan 3 ukuran dan bentuk widget yang berbeda, silahkan pilih sesuai selera sobat. Copy kode HTML yang terdapat didalam kolom kedalam notepad atau word.
  4. Login ke Blogger dengan ID sobat tentunya.
  5. Klik Tata Letak
  6. Klik tab Elemen Halaman
  7. klik Tambah Gadget
  8. Kemudian klik yang HTML/Java Script.
  9. Paste kode HTML yang tadi sobat simpan di notepad kedalam kolom yang tersedia.
  10. Klik Simpan.</span>

Widget Jam Untuk Blog

Ada banyak layanan online yang menyediakan script jam untuk di pasang di blog, salah satunya adalah clocklink. ikuti langkah-langkah berikut:

  1. Login ke www.clocklink.com
  2. Klik tulisan Want a Clock on Your Website?
  3. Kemudian pilih model jam yang akan sobat pasang pada blog.
  4. Setelah itu klik tulisan View HTML Tag.
  5. Lalu klik Accept.
  6. Pilih zona waktu, untuk Indonesia bagian barat GMT +7:00
  7. Bisa juga sobat klik radio button Select by the City --> lalu pilih Indonesia sebagai country dan Jakarta sebagai city
  8. Set ukuran jam disamping tulisan Size.
  9. Copy kode HTML nya ke dalam notepad.

Langkah kedua, silahkan sobat login ke Blogger.

  1. Klik Tata Letak.
  2. Klik tab Elemen Halaman.
  3. Lalu klik Tambah Gadget.
  4. Pilih yang HTML/Javascript.
  5. Kemudian copy paste kode yang tadi sobat dapat dari clocklink.
  6. Save.

Jumat, 17 September 2010

Widget Facebook Untuk Blog


Facebook adalah situs jejaring sosial terbesar dengan lebih dari 400 juta pengguna aktif dan bertambah besar setiap hari! Pastikan untuk menggunakan widget ini agar dapat terhubung dengan audiens yang besar agar Anda melalui blog atau situs Anda. Anda dapat menggunakan alat ini dengan mudah berbagi informasi profil tertentu, website, blog, dan bisnis dengan masyarakat dapat.




Profil Pribadi Widgets

Profil Badge
Buat lencana agar profil untuk berbagi informasi profil yang dipilih pada website Anda. Sebuah lencana profil akan memungkinkan pengguna Anda untuk dengan mudah terhubung dengan Anda dan menambahkan Anda sebagai teman.

Photo Badge
Lencana foto ini memungkinkan Anda untuk berbagi foto Anda agar di situs web dan blog. Pilih dari tata letak vertikal, horisontal, atau dua kolom dan juga memilih jumlah foto yang akan ditampilkan.

Fan Badge
Tampilan agar halaman fan Anda untuk dilihat semua orang.

Website atau Bisnis Widgets
Berbagi Button
Sebuah widget kuat facebook yang memungkinkan pengunjung Anda untuk berbagi konten Anda di Facebook!

Box Fan
Memungkinkan pengguna dengan mudah menjadi penggemar situs Anda dan juga memungkinkan mereka untuk melihat Anda streaming halaman Facebook.

Halaman Badge
Memungkinkan Anda berbagi halaman Facebook (satu yang telah Anda buat) informasi pada website Anda.

Twitter Link
Hubungkan halaman Facebook dengan Twitter. Setiap kali Anda memperbarui halaman fan agar pengikut twitter Anda akan diperbarui juga dengan tweet.

Pengembang Widgets
Penerbitan ke Facebook
Hal ini memungkinkan pengguna Anda untuk mempublikasikan konten mereka dan aktivitas ke Facebook.

Kotak Komentar
Memungkinkan pengguna Anda komentar pada isi website Anda dengan account Facebook mereka.

Live Streaming
Memungkinkan pengguna untuk mengirim dan berbagi konten secara real-time.

Contact Me Widget Pada Blogger


Kontactr adalah layanan formulir kontak satu-klik gratis. Dengan Kontactr, Anda dapat melawan jumlah spam yang Anda terima setiap hari. Melindungi alamat email Anda dengan menggunakan formulir kontak yang sangat aman. Yang perlu Anda lakukan adalah mendaftar untuk mendapatkan akun gratis dan pengguna Anda akan dapat email Anda langsung dari website Anda. Blogger widget ini pasti akan menjadi tambahan yang bagus untuk blog Anda!
beberapa keuntungannya adalah:

1. Embedded on a webpage version
[check main out].
2. Sleek Pop up version
[check out the button above].

Get It Now

Widget Recent Post #New#


Widget ini menampilkan link ke posting baru yang dibuat di blog blogger google powered Anda kelihatan lebih indah. It works great di sidebar blog Anda. Jika Anda tidak suka hanya bisa menampilkan 5 posting lalu, Anda dapat menampilkan sebanyak yang Anda inginkan. default diatur ke 10 posting, tapi semua yang perlu Anda lakukan adalah mengubah nomor 10 dalam kode untuk jumlah yang diinginkan.


  • Get this Widget









    Don't forget 
    Http://widgetsforfree.blogspot.com/ di ganti dengan alamat url anda.




Live Chating Widget

Sebuah ruang chatting merupakan cara terbaik untuk mendapatkan pembaca Anda lebih terlibat dalam blog Anda. Jika Anda berpikir tentang hal ini, pengunjung mungkin akan menghabiskan malam mengobrol dengan pengunjung lainnya. Nah, itu pemikiran besar ... Jawabannya adalah Yaplet, yang menambahkan ruang chat untuk setiap situs di internet!

Yang perlu Anda lakukan adalah membuat link terlihat atau tombol untuk situs Anda chat room seperti yang telah saya lakukan di atas. Pergi ke http://Yaplet.com/ untuk menemukan blog Anda chat room.

* Anda juga dapat membuat versi pop-up
* Jika Anda pergi ke website yaplet, Anda akan menemukan beberapa tombol yang bagus yang dapat ditempatkan di blog Anda.

Semua hal ini Widget dapat digunakan untuk:

* Chatting dengan teman-teman
* Buat teman-teman baru
* Membangun komunitas baru
* Berkolaborasi pada kerja kelompok
* Telepresent
* Memberikan layanan pelanggan
* Dukungan Penawaran real-time
* Mendidik lebih dari jarak
* Mainkan permainan
* Baca / menulis review
* Dan banyak lagi ...

Kamis, 16 September 2010

Top Page Widget

Some blogs and webpages have obnoxiously long pages that go on forever... and that's where this widget comes in handy. As you can see, there is a small floating arrow at the bottom-right of this page. It always maintains the same position. Scroll down a little in your template, then if you click on it, it will take you to the very top of the page.

Why it's a good thing?
  • Saves your visitors from an unnecessary hassle of scrolling up.
  • The icon does not interfere with your content.
  • You can use your own image in order to blend in with your own blog.
+- Get the Floating Icon Widget

For Google Bloggers:


The html code:

Customizing the Icon Image:
  • If you wish to change the arrow image to something else, then find this line below and replace it with another image url
http://img119.imageshack.us/img119/8589/arrowupcx2.gif