0 58 widget untuk mempercantik blogspot

Widget jika berhubungan dengan web ataupun blog maka yang dimaksud adalah sebuah tool (alat yang berguna) dalam memaksimalkan keindahan, kecantikan, serta “kenarsisan” blog Anda. 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 script yang telah disediakan dalam element blog Anda. Nah berikut ini 58 widget 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 blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naik 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. Jadi, yang Anda perlukan untuk mendapat widget ini adalah mempunyai account yahoo. 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. 7. Digg News – Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking yang sudah “kakoncara” dijagat per-blogg-an mah. 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]. 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. 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. 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. 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… 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!!! Tapi bila ada sahabat yang penasaran, silahkan saja untuk mencobanya. 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? 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 jenuh dan berakibat pengunjung malas untuk datang kedua kali

0 cara membuat post otomatis di fan page

Tips agar setiap posting di blog kita bisa di update di FP kita,bagi yang belum bisa menggunakan RSS Grafiti berikut Tutorialnya :

• Sobat login dulu ke Facebook sobat
• Masuk ke aplikasi RSS Grafiti klik disini
• Pada halaman pertama akan muncul yg kayak gini 

• pilih ke aplikasi
• selanjutnya izinkan aplikasi 

klik ok

kemudian akan muncul gambar di bawah ini,klick add new publishing plan seperti pada gambar di bawah

• pilih ADD new pada kotak source (blog) apa bila anda ingin memasukan web/bog anda, klik target misalnya fan page / grup anda di facebook. untuk memasukan sumber link klik Add new maka akan muncul gambar dibawah ini

• pada ktak isian isilah nama blog/web anda .

Semoga Bermanfaat

0 Membuat Text Kelap-Kelip (Blink Text)

Yooyoy Sahabat Rangers !!
Buat yang beda ,tentunya asik dan menyenangkan kalau di lihat ,apalagi tips yang satu ini nih ..
Tips ini Tentunya memperindah text,dengan nuansa kelap kelip ...

Code script :

Hasilnya seperti ini:

Just-Dedoy

Anda juga dapat dengan Efek Blink sebuah Link

Code script :

* ganti dengan link anda

0 Membuat Saving Energy Bergambar

Kali ini saya akan berbagi tips yang mungkin aneh , dan beda dari Tips yang laen ..
yapp ...Saving Energy bergambar ...
Seperti punya saya nih ... 

Sudah ahk ... dari pada bikin penasaran ...

Langsung aja .....

-Pertama Rangers harus  masang script energy saving terlebih dahulu , Klik disini untuk copy script nya . ( Masukan script nya di bagian Edit Tamplate HTML, diatas kode </head> )

-Lalu copy code di bawah ini

Code Script :code List not copy



-Ganti kata diatas MASUKKAN URL GAMBAR KAMU DISINI dengan url gambar kamu ..


-Masuk ke halaman Rancangan , Masukan code tadi di  Tambah Gadget > HTML/Java script.

-Kalo udah ya di save deh ... , and liat hasilnya dehh ...

0 software sederhana untuk membuat code script di blog

code script yang berupa HTML, XML,CSS atau yang lain nya.memang gampang gampang susah untuk di mengerti,karna saking berbelit dan berjejal dengan simbol simbol yang tak tahu apa gunanya.
tapi walaupun kelihatan sulit,klo dengan di pelajari secara serius ataupun tidak terlalu srius.rasa bingung melihat code HTML,XML,CSS dan yang lain nya pun sedikit demi sedikit akan menghilang.sekarang saya akan men share software untuk membuat code script yang bernama black label.

ini adalah sebuah software untuk membuat beberapa script buat di website / blog.software ini tentunya sangat membantu buat anda anda yang mau memngenal atau mempelajari tentang script di blog,walaupun hanya beberapa script saja yang bisa di buat oleh software ini,tapi lumayan untuk membantu anda lebih mengenal tentang script di blog.di dalam nya juga ada penjelasan tentang code script ini untuk apa dan yang itu untuk apa.juga ada script tester nya juga,jadi ga ribet buat menguji scriptnya berjalan dengan baik atau tidak.cara nya pun mudah,anda hanya tinggal mengisi mau di isi dengan content apa aja,dan di bawah nya akan langsung muncul code script nya,lalu tinggal di lihat tampilan nya dengan script tester yang sudah ada di dalam software nya.

sangat mudah dan praktis menurut saya.

untuk mendownload nya silakan
DOWNLOAD

1 Tata cara membuat Label melayang layang di blog

Salam blogger,selamat pagi sahabat ku semua....Saya dari komunitas kediri akan berbagi ilmu tentang blog,kali ini saya akan mengajarkan cara membuat label berputar-putar di blog,sebener nya sudah banyak sih blog blog yang mempostingan tentang ini,tapi gak papa,siapa tau kalau ada orang yang belum mengerti cara nya membuat label berputar putar di blog,oke sekarang langsung saja kita praktekkan langkah langkah nya.....pertama tama seperti biasa login terlebih dahulu di akun blog kalian.Pilih rancangan/desing dan klik edit HTML lalu lanjut.

Centang Expand Template Widged,untuk menghindari apa bila terjadi ke salahan.

lalu cari kode tersebut: 

Untuk Template lama cari kode ini : <b:section class='sidebar' id='sidebar' preferred='yes'>

Untuk Template baru Cari Kode ini: <b:section-contents id='sidebar-right-1'>

Kalau sobat sudah menemukan kode di atas tadi,letakkan kode di bawah ini tepat di bawah kode yg tadi:

<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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#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 expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Kode yang berwarna hijau adalah lebar widget,sobat bisa menggantinya menurut selera.

Kode yang berwarna Merah adalah tinggi widget.sobat juga bisa menggantinya.

Lalu Klik Save atau Simpan kalau kurang yakin sobat bisa mempratinjau terlebih dahulu.

sekian pembahasan kali ini semoga postingan saya ini bermanfaat buat sobat sobat semua pengunjung blog saya.salam komunitas kediri.

0 memasang readmore pada postingan blog

langsung  saja ...
untuk membuat auto read more pada blog:

1 Buka Blogger.com:
2 Rancangan
3 edit HTML
4 centang expand widgets template
5 cari script </head>
6 copas script di bawah ini tepat di atas script </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>

7 Lanjutkan dengan mencari <data:post.body/> unutuk menper cepat pencarian tekan Ctrl+F
8 ganti <data:post.body/> dengan script di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>

9 save templte

keterangan:

-summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda.
-summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda.
-img_thumb_height = 100; adalah tinggi gambar thumbnail.
-img_thumb_width = 100; adalah lebar gambar thumbnail.

-padding-top:5px, membuat jarak dengan tulisan di atas readmore.
-float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.
-Anda bisa mengganti Read more dengan kata-kata lain misalnya " selanjutnya", "Read the rest of this  entry", "selanjutnya", terserah....
bisa juga langsung save.

0 memasang chatbox di pojok blog

berikut ini saya akan memberikan cara bagaimana memasang CHATBOX di samping blog kita.
tampa basa basi langsung aja....

pertama login ke blogger.com
2  lalu ke rancangan, pilih elem laman
3  tambah gadget
4  isi gadget tersebut dengan script di bawah ini:

<style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5MKSf3MlCRmBI4LS6M3usljuVPLA_ZQaIjkIpfdORBmw_ohMfhGzG4r-4LlELBlnV-7F-YNkxx2qqogK7OB4HRebvLIq6K2OVRZUM9NW7t6G_Fq8wWpXqop4O3UnyC9zAKVCtKT6Ze2Nt/') no-repeat;}.gbcontent{float:left;border:2px solid #A5BD51;background:#F5F5F5;padding:10px;}</style><script type="text/javascript">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.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">isi dengan script chatbox kamu<br/><a href="http://x-santrie.blogspot.com">.</a><div style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script></div></div>

5 kemudian simpan.

Nb: rubah script yang berwarna coklat dengan  script buku tamu kamu atau chat box kamu.

0 cara agar kategori beranimasi di blog

       pada post kali ini saya akan memberikan tips
bagaimana caranya agara kategori di blog berANIMASI
langsung saja

1 login ke akun blog anda
2 edit html/ Beri tanda centang Expand Template Widget
3 masukkan script di bawah ini tepat di bawah script


<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Label99' locked='false' title='Tag Cloud' 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/ruangsc/enes/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> Distributed by <a href='http://ruangsc.blogspot.com'>SC Community</a></div><script type='text/javascript'>var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "185", "185", "7", "#000000");// uncomment next line to enable transparency//so.addParam("wmode", "transparent");so.addVariable("tcolor", "0x80ff00");so.addVariable(&quot;hicolor&quot;, &quot;0xFFFFFF&quot;);so.addVariable("mode", "tags");so.addVariable("distr", "true");so.addVariable("tspeed", "100");so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='17'><data:label.name/></a></b:loop></tags>");so.addParam("allowScriptAccess", "always");so.write("flashcontent");</script><b:include name='quickedit'/></div></b:includable></b:widget>

4 lalu save templetes

Keterangan:




185 =LebarWidget dalam px

185 =Tinggi Widget dalam px

#000000 =Warna Background (Hitam)

0x80ff00= Warna Huruf

17 = Ukuran Font

0xFFFFFF = Warna Link

0 cara membuat tooltips otomatis di blog

Berikut Langkah-Langkah  

1 login

2 Edit HTML

3 Centang Expand Template Widget.

4 Paste Kode Berikut di bawah kode <body>.

<script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</a><script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
};
//]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
<script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>

5 Paste Lagi kode berikut di atas kode </body>

</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

6 Save Template.
NB : anda Bisa mengatur tampilan Tooltip dengan memodifikasi kode yang berwarna biru.

0 memasang berner di pojok blog

1.Log In Ke blogger.com lalu dit HTML
2.Kalo Udah Cari Kode ]]></b:skin>

3.Pastekan kode dibawah ini di atas kode ]]></b:skin>

#trik_pojok {position:fixed;_position:absolute;bottom:0px; left:0px;clip:inherit;_top:expres​ sion(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expres​ sion(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

4.Selanjutnya cari kode </body> Dan letakan kode berikut di atasnya :


<div id="trik_pojok">

simpan berner kamu di sini
</div>

ganti kode berwarna biru dengan scriptmu.

Keterangan :

 jika ingin  bernernya di sebelah kanan ubah  "left" ganti dengan "right"

 "bottom", jika pingin di posisi atas bisa diganti dengan "top".

0 cara agar blogspot terindex

langsung saja..........

buka blog mu
edit HTML dan jangan lupa centang expand lalu cari script <title><data:blog.pageTitle/></title>


ganti script tadi dengan:


<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if> 




tambahin script diatas dengan script di bawah ini tepat di bawahnya




<meta expr:content='data:blog.pageTitle + " - [COLOR="#FF0000"]Deskripsi blog kamu disini[/COLOR]"' name='description'/>

<meta expr:content='data:blog.pageTitle + ", Keyword 1, keyword 2, keyword 3, dst "' name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/> 




ganti depkripsi blog kamu dengan dekripsi yang kamu ingin kan di


Keyword 1, keyword 2, keyword 3, dst.

dan simpan/save

semoga bermamfaat......

0 memasang animasi hamster

Halo sobat blogger Indonesia. Sudah hampir 2/3 hari blog ini tidak ada artikel terbaru nih, dari pada sepi kaya kuburan mending saya kasih aja tutorial cara memasang/menambah widget animasi hamster mengikuti arah mouse. Sebenarnya gimana sih kegunaannya? Simpel saja, kegunaan dari satu widget ini adalah sebagai sarana penghilang GALAU aja buat visitor di blogmu. Kan tidak semua visitor/pengunjung di blog itu sedang senang atau happy ketika membuka blog kamu? Ya nggak?.

untuk anda yang memang suka dengan animasi mengikuti arah mouse ini sebenarnya anda dapat langsung memasang widget ini pada blog anda, dan pada kesempatan kali ini Jin Botol's Blog akan menjelaskan kepada anda cara memasang animasi mengikuti mouse tersebut khusus di blogger. Animasi-animasi beregerak mengikuti mouse ini memanglah sangat cocok untuk anda yang gemar menghias blog dengan berbagai atribut.

Daripada ngebacot mulu mending langsung aja yukk kita masuk kepada pokok pikiran yaitu cara memasangnya di blogger:

• Masuk ke akun bloggermu.
• Klik 'Opsi Lainnya' atau 'More Options'
• Pilih 'Tata Letak' atau 'Layout'
• Kemudian klik lagi yaitu di 'tambah gadget' atau 'a gadget'
•  Pilih widget HTML/JavaScript
• Masukkan kode berikut

<a href="http://zootodays.blogspot.com/2012/06/cara-pasang-widget-animasi-hamster.html" target="_blank" title="Click here to get more"></a><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><a href="http://zootodays.blogspot.com/2012/06/cara-pasang-widget-animasi-hamster.html" target="_blank" title="mau pelihara hamster kaya gini di blogmu?"></a>

• Kemudian yang terakhir klik 'simpan' atau 'save'
• Dan lihat pada blog anda apa yang akan terjadi?

0 cara memasang follow me di blogger

Cara membuat/menambah tombol follow twitter di blog atau cara membuat/menambah twitter follow button di blog.

Twitter merupakan salah satu jejaring sosial yang cukup banyak peminatnya, oleh karena itu tak heran jika banyak orang telah menggunakan twitter untuk berbagai keperluan, misalnya memasarkan produk, mencari pelanggan, tukar pengalaman, dan lain sebagainya. Dan kita sebagai blogger pun harus mampu memanfaatkan jejaring sosial yang satu ini untuk mengoptimalkan traffic di blog kita. Bagaimana caranya? Oke langsung saja jelaskan sedikit. Bila kita sudah punya banyak follower, lalu setiap update posting artikel blog kita kita masukkan di twitter, maka tentu artikel kita tersebut akan bisa dilihat banyak orang dan pastinya akan banyak yang tertarik yang mengunjungi blog kita. Lantas bagaimana cara mendapatkan banyak follower tersebut? Sebenarnya ada banyak cara, diantaranya mencari follower secara mudah. Baca: cara cepat menambah follower twitter. Selain dengan cara tersebut, kita juga bisa menambah follower twitter kita dengan cara memasang tombol follow twitter di blog kita. Jadi setiap pengunjung yang tertarik untuk mengikuti kita di twitter bisa langsung mengklik tombol ini dan dia otomatis menjadi follower kita. Lantas bagaimana caranya? Mudah saja, silahkan ikuti cara membuat twitter follow button di blog berikut ini:

1. Silahkan masuk ke akun blog kalian

2. Copy kode di bawah di bagian blog mana saja, terserah sobat, misalnya di header, sidebar, footer atau yang lainnya.

<a href="https://twitter.com/amronbadriza" class="twitter-follow-button" data-show-count="false">Follow @amronbadriza</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

3. Silahkan ganti kode yang berwarna biru dengan id twitter sobat

4. Selesai

Source: http://amronbadriza.blogspot.com/2012/07/cara-memasang-tombol-follow-twitter-di.html#ixzz2B69KY7tH

0 membuat efek petir di blog

1 login di blogger

2 rancangan

3 tambah gadget

3 pilih HTML/JAVASCRIPT

4 copas script dibawah ini

<style
type="text/css">body { background-image:
url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif);
background-color:transparent; }</style> 

5 save
6 semoga bermamfaat

0 cara membuat artikel terkait

Kemaren buat template baru yang bersih dari modifikasinya dari aslinya, ya saya tambahin aja tentang artikel terkait, dapat nyari jalan-jalan dari mbah google eh dapat script dari tetangga sebelah bagaimana Cara Membuat Widget artikel terkait dengan Gambar.
contohnya gambar :

Dan setelah sekian lama, akhirnya sayapun berhasil menemukannya bagaimana cara mari kita lihat tutorial caranya di bawah ini untuk tampilan blogger yang berbahasa indonesia:
 

1. Pertama masuk ke Akun Blogger anda

2. Masuk Template kemudian edit HTML,

Langsung mengedit HTML dapat memengaruhi cara kerja fitur dan hanya direkomendasikan untuk pengguna tingkat lanjut. Mengedit template HTML secara tak terduga dapat memengaruhi fitur Blogger lainnya. Kami merekomendasikan menggunakan Perancang Template terlebih dahulu, di mana Anda dapat Tambahkan CSS di bawah bagian Lanjutan. 

dan klik lanjutkan maka akan tampil halaman edit html.

3. Centang kotak kecil di kiri atas Expand Template Widget

4. Untuk menghindari kesalahan sebaiknya download template anda dulu dengan backupnya pada halaman kanan atas dan cadangkan template.

Nb.untuk lebih cepatnya dalam pencarian code htl silahkan tekan Ctrl + F secara bersamaan dan masukan kata kunci yang ingin di cari pada tampilan pencarian dan akan muncul kata yang sesuai dengan pencarian atau kata yang di cari banyak klik selanjutnya atau sebaliknya.

5. Setelah itu letakkan kode di bawah ini di atas </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #585858;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#FFFFCC;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Kalau sudah, cari kode berikut

<div class='post-footer'>

Dan letakkan kode di bawah ini di atas kode di atas, Atau bagi sobat yang pandai ngutak-atik pasang code yang seperti ini silahkan taruh dimana saja yang berdekatan dengan code diatas post-footer tersebut agar dalam menata tampilan halman yang sesuai kemauan anda sobat, ya seperti blog m-fahrin.com ini saya taru ditempat berbeda untuk tampilannya sedikit posisinya lebih baik,he

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=8;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Nb_untuk perlu diketahui tanda dari code ( Var maxresults=8 ) adalah jumlah artikel terkait yang muncul berpa banyak yang akan tampil, silahkan di sesuaikan, Anda bisa mengganti warna tulisan sesuka anda dengan mengganti code warna ( color:#FFFFCC;) dan untuk mengganti warna tampilan halaman artikel terkait ketika mau di klik dan warnanya berubah sesuai warna ini( background-color:#d4eaf2;) background anda. Untuk warna hitam code warnany ( #000000 ).

6. Simpan Template dan lihat Hasilnya bisa klik Pratinjau atau langsung buka halaman blog anda.

Sekian Sobat Tentang Bagaimana Cara Membuat Widget artikel terkait dengan Gambar, 

Semoga Berhasil dan Bermanfaat . . .