Tutorial Cara pasang energy safe mode pada blog

Pasang widget whos amung us di blog

Senang bisa kembali lagi sobat lovewebster kali saya akan membahas bagaimana cara memasang  widget whos amung us di blog karena pada widget ini kita akan bisa mengetahui user yang sedang online pada blog kita.Untuk langkah-langkahnya tidak begitu sulit sobat hanya perlu mengkopi script kodenya pada blog setelah sobat menentukan posisi widget pada blog. Jika sobat tertarik untuk memasang widget ini ikuti trik dan tips yang satu ini:


1. Kunjungi situs http://whos.amung.us/
2. Tentukan posisi widget pada blog sobat seperti dibawah ini:

3. Sesuaikan pnegaturan widget dengan keinginan sobat
4. Kopi script kodenya di atasnya.
5. Login ke Blogger
6. Masuk ke Rancangan -- Elemen Halaman
7. Tambahkan Gadget sobat, pilih HTML/JavaScript
8. Paste kode script yang sudah dicopy tadi
9. Simpan Gadget sobat!

semoga berhasil....
sekian dari saya sampai berjumpa lagi sahabat lovewebster


Cara pasang widget berita di blog

kali ini saya akan membahas bagaimana Cara pasang widget berita di blog . Biar ga ketinggalan informasi era digital, pasang widget berita di blog sobat khan lumayan sambil blogging bisa dapat berita terbaru lewat rss feed-nya detik.com, kaskus.us dan okezone.com... Selain itu widget ini juga membuat blog sobat semakin dinamis dengan update berita terkini seputar tekno-blogging. Wah... pengunjung blog sobat makin betah deh berkunjungnya. Gimana makin keren khan infonya.

Widget ini saya buat menggunakan rsspump.com dengan mengambil data dari rss feed detik.com, kaskus.us dan okezone.com, walaupun sederhana tapi lumayanlah buat memanjakan pengunjung blog sobat.

Buat sobat blogger yang pengen ngutak-ngatik sendiri widget berita silakan kunjungi rsspump.com atau jika ingin menggunakan widget berita seperti punya saya silakan disimak tutorialnya...

Oke...langsung aja ke TKP

1. Seperti biasa...Login dahulu ke blog sobat.
2. Klik "Design" kemudian klik "Add Gadget".
3. Pilih "HTML/JavaScript".
4. Copy-Paste kode berikut ini di kotak postingan gadget.

<div style='color:#ffffff; width:614;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px; text-align:left; overflow:hidden; border-radius: 8px; -moz-border-radius: 8px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#619bb9; background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));'> <table width=100%><tr><td width=18px><img src="http://detik.net.id/detik/image/favicon.ico" width="16px" height="16px"/></td> <td width="10" style="vertical-align: top;" ><a id="TickerPrevBC5226488" href="javascript: ;" onclick="PrevTickerBC5226488();" class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;">&laquo;</a></td> <td id="TickerContentBC5226488" class="bc_tickercontent" style="vertical-align: top;"> <a id="TickerLinkBC5226488" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none; color:#FFFFFF;" target="_blank"><b><span id="TickerTitleBC5226488" class="bc_tickertitle" ></span></b></a> <span id="TickerSummaryBC5226488" class="bc_tickersummary" ></span> </td> <td width="10" style="vertical-align: top;" ><a id="TickerNextBC5226488" href="javascript: ;" onclick="NextTickerBC5226488();" class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;">&raquo;</a></td> <!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. --> <noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript> <script id="scr5226488" type="text/javascript"></script> <script type="text/javascript"> /* <![CDATA[ */ setTimeout('document.getElementById(\'scr5226488\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//detik.feedsportal.com/c/33613/f/589693/index.rss&changedelay=8&maxitems=-1&showsummary=0&objectid=5226488\'', 500); /* ]]> */ </script> </tr> <tr><td width=18px><img src="https://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png"/></td><td width="10" style="vertical-align: middle;" ><a id="TickerPrevBC17331976" href="javascript: ;" onclick="PrevTickerBC17331976();" class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;">&laquo;</a></td> <td id="TickerContentBC17331976" class="bc_tickercontent" style="vertical-align: middle;"> <a id="TickerLinkBC17331976" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none; color:#FFFFFF;" target="_blank"><b><span id="TickerTitleBC17331976" class="bc_tickertitle" ></span></b></a> <span id="TickerSummaryBC17331976" class="bc_tickersummary" ></span> </td> <td width="10" style="vertical-align: middle;" ><a id="TickerNextBC17331976" href="javascript: ;" onclick="NextTickerBC17331976();" class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;">&raquo;</a></td> <!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. --> <noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript> <script id="scr17331976" type="text/javascript"></script> <script type="text/javascript"> /* <![CDATA[ */ setTimeout('document.getElementById(\'scr17331976\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//www.kaskus.co.id/rss/forum/21&changedelay=8&maxitems=-1&showsummary=0&objectid=17331976\'', 500); /* ]]> */ </script> </tr> <tr><td width=18px><img src="http://sindikasi.okezone.com/image/template/zone.ico"/></td> <td width="10" style="vertical-align: top;" ><a id="TickerPrevBC29075508" href="javascript: ;" onclick="PrevTickerBC29075508();" class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;">&laquo;</a></td> <td id="TickerContentBC29075508" class="bc_tickercontent" style="vertical-align: top;"> <a id="TickerLinkBC29075508" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none; color:#FFFFFF;" target="_blank"><b><span id="TickerTitleBC29075508" class="bc_tickertitle" ></span></b></a> <span id="TickerSummaryBC29075508" class="bc_tickersummary" ></span> </td> <td width="10" style="vertical-align: top;" ><a id="TickerNextBC29075508" href="javascript: ;" onclick="NextTickerBC29075508();" class="bc_tickerarrow" style="text-decoration: none; color:#FFFFFF;">&raquo;</a></td> <!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. --> <noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript> <script id="scr29075508" type="text/javascript"></script> <script type="text/javascript"> /* <![CDATA[ */ setTimeout('document.getElementById(\'scr29075508\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//sindikasi.okezone.com/index.php/techno/RSS2.0&changedelay=8&maxitems=-1&showsummary=0&objectid=29075508\'', 500); /* ]]> */ </script> </tr> </table> <span style="font-size: 80%; float:right;"><a href="http://lovewebster.blogspot.com/p/biar-ga-ketinggalan-informasi-era.html" target="_blank">Get this widget</a></span> </div>

5. Klik "Save" dan lihat hasilnya..

6.  Silakan widget ini ditaruh di atas atau di bawah postingan artikel biar gampang dilihat pengunjung blog.

sumber


Cara Memasang Monyet lucu Pada Blog


Hai teman lovewebster...
Kali ini saya akan share tetang bagaimana menaruh monyet pada blog. bukan berarti monyet beneran masuk ke blog anda tapi hanya konten lucu yang berbentuk animasi monyet.
Konten ini akan bergerak sendirinya ataupun bergerak ketika anda menggerakan cursor kearah konten tersebut. Berminat memasangnya?

Langkah - langkahnya :

1. Pertama Login Blog anda.
2. Kemudian Pilih Tata Letak.
3. Pilih Edit HTML/Javascript

4. Kosongkan Judul. Copas Kode dibawah ini.

<style>
#monyet {
position:fixed;
bottom:10%;
left:10%;
}
</style>
<div id='monyet'>
    <embed width="65" height="175" wmode="transparent" type="application/x-shockwave-flash" style="" src="http://www.cute-factor.com/animation/yoyocici/yoyoduo.swf" quality="high" name="mymovie">
</div> 

5. Semoga Berhasil......


Cara pasang energy safe mode pada blog


Pada kesempatan kali ini, mari kita belajar tentang cara memasang “Energy Saving Mode” pada blogger. Kalo sobat masih asing dengan hal ini, bisa sobat coba pada blog saya ini. Jika blog ini sedang idle (tidak melakukan aktivitas apapun), maka kemudian akan muncul halaman baru (semacam screensaver) yang berwarna gelap dan bertuliskan “Energy saving mode”. Untuk lebih jelasnya penampakannya dibawah ini:

Energy Saving ini ya tentunya untuk membuat blog kita dalam keadaan safe mode. Selain itu blog kita juga bakal kelihatan keren lah, soalnya bakal ada tampilan seperti Screensaver. Nah intinya, begini caranya;

1. Login ke akun blogger sobat

2. Masuk ke Rancangan dan klik EDIT HTML
3. Centang EXPAND WIDGET TEMPLATE
4. Cari kode berikut

  <head> (bisa memanfaatkan ctrl+f)        

6. Letakkan script berikut diatas kode </head>

<!-- save your energy --> <script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script> <!-- save your energy end -->             

7. Simpan Template

Bagaimana? berhasil? Gampang bukan.. sekarang tinggalkan dulu blog kalian, dan lihat beberapa saat kemudian. Ada yang berubah dengan blog anda!!

Sekian dulu...
Nantikan Tutorial berikutnya!


Membuat Efek Bintang Jatuh di blog


Halo sobat lovewebster senang bisa berjumpa kembali . Kali ini saya akan membahas bagaimana membuat efek bintang jatuh pada blog dari pointer kursor,efek ini juga akan membuat tampilan blog sobat juga lebih indah.
berikut saya jelaskan untuk langkah-langkahnya:

1. login blogger.com
2. Buka Dashboard - Design - Add a Gadget - HTML/JavaScript.

    3. Copy script dibawah ini dan pastekan di kotak yang tersedia.

<script src='http://blogefek.googlecode.com/files/bintang.js' type='text/javascript'/>
</script>

   4. Simpan template dan lihat hasilnya.

Semoga bermanfaat bagi sobat lovewebster


Membuat Efek Pelangi Pada Link

Sebelumnya telah saya bahas tentang bagaimana cara membuat efek bintang jatuh di blog ,sekarang saya akan melanjutkan bagaimana cara membuat efek pelangi. Efek pelangi ini cukup menarik dimana jika pointer mouse berada diatas sebuah link, maka link tersebut akan berubah-ubah warnanya seperti warna pelangi.

berikut langkah-langkahnya:


1. seperti biasa Login terlebih dahulu di blog sobat di Blogger.com.

2. Buka Dashboard - Design - Add a Gadget - HTML/JavaScript.

3. Copy script dibawah ini dan pastekan di kotak yang tersedia.

<script src='http://blogefek.googlecode.com/files/pelangi.js' type='text/javascript'/>
</script>

4. Kemudian save dan lihat hasilnya.

Semoga bermanfaat bagi sobat lovewebster