Memelihara Hamster Di Blog

Satu lagi widget unik berbasis flashplayer, dimana kita bisa punya hewan peliharaan hamster yang lucu di blog. Dan pastinya para pengunjung blog anda juga bisa berinteraksi dengan hamster anda. Dengan cara klik mouse pada kandang hamster maka si hamster akan menghampiri makanan yang kita klik tadi. Si hamster akan mengikuti arah pointer mouse kita, dan jika kita diamkan si hamster akan tertidur. Ok dibawah ini kode HTML untuk widget hamster.

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object><br /> <br />

Read more »

Template Blog Dengan News Flash

Jika anda mampir di beberapa situs berita seperti di vivanews.com, pasti pandangan anda akan tertuju pada newsflash yang berada di halaman depan. Contohnya seperti yang ada di blog saya ini, jadi posting blog anda bisa di tampilkan di halaman depan dilengkapi dengan gambar, judul, dan artikelnya. Dan secara otomatis atau dengan click panah posting yang anda tampilkan pada newsflash akan berganti, Dengan menggunakan Newsflash, pasti pengunjung blog anda akan betah dan blog lebih terkesan profesional. 

Newsflash sangat berguna bagi anda yang ingin menonjolkan artikel unggulan blog anda , karena cukup menarik perhatian dan kita juga bisa memasukan beberapa kalimat didalamnya. Dan saat ini anda tidak perlu repot-repot untuk membuatnya, karena sekarang sudah banyak tersedia blog yang dilengkapi dengan newsflash. Untuk mendapatkan template ini anda bisa mengunjungi situs .http://btemplates.com, disini banyak tersedia beberapa templates dengan newsflash dari 1 kolom hingga 4 kolom. Dibawah ini ada beberapa templates yang dilengkapi dengan newsflash.

Untuk mengedit newsflash adalah sebagai berikut :

Setelah mengupload templates blog masuk ke bagian edit html dan cari kode di bawah ini 

<div class='imageElement'>

<h3>This is featured post 1 title</h3>

<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.</p>

<a class='open' href='SLIDER-1-URL-HERE' title='This is featured post 1'/>

<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-A0vCAb1geMeBEwj75kU-m8cYI7TZ8fQ4IWUaNPCVLS5VcOh8j_zT_IRTK2RFPD4BNc_J57S-Fdhz3iVm1wgFlh-mZqZ4o5IXB6XV8WZPMW2POAQNhwDwcFldn4-ty6BjsXio0qDWDs9-/s0/1.jpg'/>

</div>

Keterangan :

Merah : Ganti dengan judul posting

Hijau  : Isi posting 

Biru : Link yang dituju ( link ke posting anda )

Ungu : Alamat url gambar 

Kode ini ada 5 buah, jadi anda bisa menampilkan 5 posting, dan pengaturannya juga sama. 

Read more »

Memasang widget SMS gratis di blog

Siapa sih yang gak mau sms gratis? seiring dengan maraknya iklan oleh para provider yang ngaku memberikan sms gratis, kita juga bisa menyediakan sms gratis di blog kita. Selain bisa sms gratis, dengan widget ini kita bisa lebih memanjakan para pengunjung dan pasti akan kembali ke blog kita lagi. Untuk memasang widget ini caranya mudah, sama dengan memasang widget seperti biasa.
 Anda tinggal memasukan kode html di bawah ini:

<iframe name="widgetsms" src="http://www.sms-online.web.id/widget" style="border:0" scrolling="no" width="270" height="350"> not support </iframe>

Setealah memasang, cobalah untuk menirim sms ke nomor anda sendiri, untuk memastikan widget anda berhasil atau tidak. Dengan widget ini anda bisa mengirim sms gratis dan unlimited. Oke sekian tips dari saya selamat mencoba,

Read more »

Membuat Related Post Di Bawah Posting

Ingin membuat link terkait seperti gambar di atas? caranya mudah, seperti menambah widget blog biasanya.

Untuk menambah post terkait atau related post di setiap akhir posting, kita bisa menggunakan jasa dari situs LinkWithin.com. Cara pemasangannya gampang kita tinggal memasukan email, alamat url dan beberapa opsi. Panduannya cukup jelas dilengkapi dengan screenshoot cara pemasangannya. Selamat mencoba! 

Read more »

Membuat Twitter Follower Counter Di Blog

Pada artikel kali ini kita akan membuat chicklet atau badge penghitung follower account twitter.
Chicklet ini hampir sama dengan feedburner yang menghitung jumlah reader, sedangkan Twitter Counter ini gunanya untuk menghitung Twitter Followers anda.

Default button :



Kodenya sebagai berikut :

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=username"></script>

Ganti tulisan merah username dengan id twitter anda

Tersedia 4 warna anda bisa lihat disini.

Untuk add di blogger caranya sebagai berikut
Sign ke Blogger » Layout » Add a gadget » html/javascript
paste the code and save it.

Untuk Wordpress :
Sign ke Wordpress > Widgets > Text
paste code kemudian save.

Read more »

Menampilkan Status Twitter Di Blog

Cara menampilkan update status twitter di blog atau website:

1. Login ke twitter.com
2. Klik bagian Setting
3. Lihat ke bawah pada more info URL kemudian klik link (You can also add Twitter to your site here)
4. Pada list widget for... pilih My Website > Profile Widget
   
5. Maka akan muncul halaman Customize Your Profile Widget anda dapat mengatur widget anda disini, antara lain:
   

• Setting : mengedit username anda
• Preferences : menampilkan atau menyembunyikan poll dan memberikan scroll bar dan jumlah tweets yang akan ditampilkan
• Apperance : mengatur warna widget
• Dimension : merubah ukuran widget dapat manual atau dapat menyesuaikan secara otomatis dengan memberi tanda centang pada auto width
  Setelah selesai klik "Finish & Grab Code"
  

Read more »

Membuat Recent Comment

Wah biasanya kita sampai kesulitan mengecek komentar terbaru yang ada pada blog kita, soalnya komentar di lontarkan di postingan kita yang berbeda-beda, jadi kita akan merasa kesulitan untuk mengetahui siapa saja yang memberi komentar dan dimana dia melontarkan komentarnya juga isi komentarnya bagaimana.
Tapi jangan kawatir saya akan beri tips jadul tapi manjur yaitu cara membuat recent comments dengan JavaScript.
Dulu anas udah posting cara menampilkan postingan terbaru yang saya tulis sebelumnya, kali ini anas tulis juga membuat recent comments dehhh... ikuti yukkk

1. Pastikan dulu sudah Log In di blogger yah!

2. lalu beranjak ke menu Layout Kemudian Page elements

3. Kalau sudah! hoi sudah belom! sudah- sudah yaa jangan nangis... Lo kok malah mbulet-mbulet. Ahh serius nihhh Pilih tempat yang mau dipasangi terus Add a Gadget

4. Lalu pilih Menu HTML/JavaScript

5. Taruh Code Dibawah ini Kedalam HTML/JavaScript

Taruh Code Dibawah ini Kedalam HTML/JavaScript

<script style="" src="http://anas.ku93.googlepages.com/comments.js"></script><script style="">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

5. Keterangan:

• Tulisan NamaBlogKamu yang tercetak tebal dan merah diatas harus kamu ganti dengan alamat blog kamu
• Angka 5 yang tercetak tebal dan biru itu menunjukkan Komentar terakhir yang ditampilkan di blog, kamu bisa mengubah sesuai selera kamu

6. Kalau sudah Simpan dehhhh

Aduhhh gampang kannnnn cuma itu aja gak ada yang ribet kok.
ohh yaa jangan sampai lupa isi komentar kamu dibawah yaaaa thx lo sebelumnya.... ihhh gemes dechhhhh

Read more »

Membuat Recent Post Dan Thumbnail

 Widget yang satu ini fungsinya untuk menampilkan postingan terakhir kita (Recent Post), gambar, dan jumlah komentar.
Contoh tampilannya seperti dibawah ini :



Buat cara bikinnya simple aja, kamu tinggal "Add Gadget" ---- > "HTML/JavaScript" lalu copy paste code di bawah ini :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 300;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://NAMABLOGKAMU.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Setelah itu, ada beberapa yang harus dan bisa kamu edit, diantaranya :

boxwidth --> Ukuran dari kotak Widget
cellspacing --> Spasi diantara cells
thumbwidth dan thumbheight --> Ukuran lebar dan tinggi kotak gambar
numposts --> Jumlah recent post yang akan kamu tampilkan..
home_page --> http://NAMABLOGKAMU.com/ ( ganti alamat blog kamu )

Selamat mencoba ! Semoga Bermanfaat

Read more »

Tag Cumulus untuk blogger Versi CSS

Apa sih Tag Cumulus itu? Tag Cumulus adalah sebuah fitur/widget yang fungsinya sama dengan Label, Categories, dan Tag.

Kelebihan Widget ini adalah bahwa dia bisa berputar-putar sehingga terlihat sangat menarik. Dan mungkin, dia bisa menjadikan-efisien (baca: menghemat) tinggi area sidebar blog kita.

Cara Memasang di blogger:

1. Cari kode HTML yang menunjuk pada 'id' atau 'class' dari area Sidebar Blog anda...

kode HTML sidebar tergantung dari jenis template anda. Ini bisa bervariasi. Misalnya: pada blog saya adalah id=sidebar-wrapper.

Tapi, dalam blog anda mungkin bisa lain. Misalnya: Mungkin juga, id='sidebar' ; id='column02' ; dan sebagainya.

2. Kemudian, copy kode dibawah ini:

<b:section id="'sidebar9'" preferred="'yes'" showaddelement="'no'"><br /> <b:widget id="'Label9'" locked="'false'" title="'Label'" type="'Label'"><br /> <b:includable id="'main'"><br /> <div id="'xsnazzy'"><br /> <b class="'xtop'"><b class="'xb1'/"><b class="'xb2'/"><b class="'xb3'/"><b class="'xb4'/"></b><div class="'xboxcontent'"><br /> <b:if cond="'data:title'"><br /> <h2 style="'font-family:arial'">Article Categories</h2><br /> </b:if><br /> <div class="'widget-content'"><center><br /> <script src="'http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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'">Iyandri</a>Distributed by <a href="'http://tiluk.blogspot.com'">Cahaya Biru</a></div> <script type="'text/javascript'"> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "330", "200", "9", "#FFFFFF"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values="'data:labels'" var="'label'"><a href="'data:label.url'" style="'12'"><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script><br /> <b:include name="'quickedit'/"><br /> </center></div><br /> </div><!--xboxcontent--><br /> <b class="'xbottom'"><b class="'xb4'/"><b class="'xb3'/"><b class="'xb2'/"><b class="'xb1'/"></b><br /> </div><!--end of xsnazzy--><br /> </b:includable><br /> </b:widget><br /> </b:section>

Keterangan:
a. Tulisan 'Article Categories' adalah title dari Widget. Anda bisa merubah sekehendak anda. Misalnya: kategori artikel, Grup Artikel, dan sebagainya.


Angka 330 (tanpa px) = lebar pixel widget
Angka 200 (tanpa px) = tinggi pixel widget
333333 (tanpa #) = kode warna dari Tulisan
#ffffff = kode warna dari Background Widget
Angka 12 = ukuran font dari widget


6. Taruh kode tersebut, di manapun anda suka. (saya sarankan dalam area sidebar yaa...)

7.Save Template-mu

Read more »

Chat Box

Shoutbox atau chat box merupakan aksesoris untuk blog yang banyak digemari oleh para blogger. Dengan fitur ini, sebuah blog akan menampilkan sebuah layanan chat sederhana yang bisa digunakan semua orang yang sedang mengunjungi blog tersebut. Dibawah ini adalah beberapa situs penyedia shoutbox:

www.cbox.ws

www.oggix.com

www.shoutmix.com

Read more »