Cara Membuat Screen Saver (Energy Saving Mode) Di 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:

Tertarik untuk mencobanya? Langsung saja langkah-langkahnya sebagai berikut:
1. Login ke akun blogger sobat.

2. Klik “Design”


3. Kemudian klik “Edit HTML”


4. Jangan lupa centang “Expand Widget Template”


5. Temukan kode </head> (bisa memanfaatkan ctrl+f)

6. Letakkan script berikut diatas kode </head>

<script language='javascript' src='http://yourjavascript.com/0111147763/bataraEnergySaving.js' type='text/javascript'></script>

7. Simpan template sobat.

8. Lihat perbedaannya sekarang.

Bagaimana? Mudah bukan? Selamat mencoba!

ddddffdfdfdfdfdfdffdfffffdfdfdffdf4. Jangan lupa centang “Expand Widget Template” clip_image002

Read more at: http://batara.us/2011/07/tutorial-cara-pasang-energy-saving-mode.html
Copyright Batara.us

4. Jangan lupa centang “Expand Widget Template” clip_image002

Read more at: http://batara.us/2011/07/tutorial-cara-pasang-energy-saving-mode.html
Copyright Batara.us

Anda di sini » Beranda » Tips dan Trik Blogspot » Tutorial Cara Pasang Energy Saving Mode pada Blogger Tutorial Cara Pasang Energy Saving Mode pada Blogger 20:09 Diposkan oleh Batara Label: Tips dan Trik Blogspot 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: image

Read more at: http://batara.us/2011/07/tutorial-cara-pasang-energy-saving-mode.html
Copyright Batara.us

[itttttfffffAnda di sini » Beranda » Tips dan Trik Blogspot » Tutorial Cara Pasang Energy Saving Mode pada Blogger Tutorial Cara Pasang Energy Saving Mode pada Blogger 20:09 Diposkan oleh Batara Label: Tips dan Trik Blogspot 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: image

Read more at: http://batara.us/2011/07/tutorial-cara-pasang-energy-saving-mode.html
Copyright Batara.usefefe

Tutorial Cara Pasang Energy Saving Mode pada Blogger 20:09 Diposkan oleh Batara Label: Tips dan Trik Blogspot 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: image Tertarik untuk mencobanya? Langsung saja langkah-langkahnya sebagai berikut: 1. Login ke akun blogger sobat. 2. Klik “Design” image 3. Kemudian klik “Edit HTML” image 4. Jangan lupa centang “Expand Widget Template” clip_image002 5. Temukan kode (bisa memanfaatkan ctrl+f) 6. Letakkan script berikut diatas kode 7. Simpan template sobat. 8. Lihat perbedaannya sekarang. Bagaimana? Mudah bukan? Selamat mencoba!

Read more at: http://batara.us/2011/07/tutorial-cara-pasang-energy-saving-mode.html
Copyright Batara.us

Anda di sini » Beranda » Tips dan Trik Blogspot » Tutorial Cara Pasang Energy Saving Mode pada Blogger Tutorial Cara Pasang Energy Saving Mode pada Blogger 20:09 Diposkan oleh Batara Label: Tips dan Trik Blogspot 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: image

Read more at: http://batara.us/2011/07/tutorial-cara-pasang-energy-saving-mode.html
Copyright Batara.usddffffef

Mengganti background sidebar dengan animasi

Agar bog anda terlihat dinamis, cobalah kita utak atik sendiri deh, diantaranya dengan mengganti background pada widget judul side bar kita, seperti yang ada pada blog saya ini. Kalau anda belum ngerti apa itu judul pada widget sidebar  :

Untuk menggantinya kita tidak menggunakan script tetapi dengan gambar biasa dengan format .gif, jadi tidak akan memberatkan blog. Oleh karena itu kita harus menyediakan gambar terlebih dahulu. Dari pada teman-teman bingung cari gambar yang tepat, Saya telah menyediakan gambar yang siap teman-teman gunakan :                            

 

Ini adalah link image hosting dari gambar diatas:
gambar 1 :http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif
gambar 2 :http://i560.photobucket.com/albums/ss44/erge32/EkaSidebar.gif

Login dulu ke bloger > Tata Letak > Edit HTML > Kemudian cari Kode seperti di bawah ini (pake ctrl + f supaya cepet nyari kemudian isikan .sidebar h2)

.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
}

Nah kalo udah ketemu sobat tinggal tambahin aja Background nya seperti dibawah ini:

background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;

atau :

background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge/EkaSidebar.gif?imgmax=800)repeat; 

terserah yang mana dipakai image nya ... jadi kodenya seperti di bawah ini :

.sidebar h2, .middlecol h2, .bottom h2{
color: $sidebarcolor;
text-transform: capitalize;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 2px 0px;
border-bottom:1px solid $bordercolor;
background:#f7f7f7 url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;
}

Simpan. Kalau sudah selesai, insyaAllah sidebar anda telah berganti dengan sidebar yang disertai lampu berjalan yang indah. Apabila teman-teman semua suka dengan tutorial ini, pasang banner blog ini di blog anda. Atau klik iklan di blog ini atuh...pssttt...pssttt, kalau ketahuan bisa kena dibanned nih. hehehe.

Cara Disable Klik Kanan Pada Blog.

Cara Mendisable Klik Kanan Pada Blogspot atau bisa juga dengan keyword Cara Menonaktifkan/Mematikan Klik Kanan Pada Blog yah itulah Tips Dan Trik Blogspot POINT BLUE kali ini, Terkadang kita ada kalanya kepingin halaman blog kita tidak bisa di klik kanan oleh orang lain, mungkin karena ada sesuatu hal yang membuat kita terpaksa membuatnya.

Mungkin saja karena kita ingin melindungi semua rahasia-rahasia yang ada di balik klik kanan tersebut. Terlepas dari hal itu, entah anda pingin atau tidak, saya coba membantu cara praktis membuat klik kanan di halaman blog anda agar didisable oleh system.

Untuk itu silahkan ikuti langkah-langkah berikut ini tentang Cara Disable Klik Kanan Pada Blog.

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Klik pilihan menu HTML/JavaScript
5. Pastekan script di bawah ini ke dalam kolom konten tersebut

<script>
var message="Maaf, Klik Kanan Saat Ini Saya Disable ";
///////////////////////////////////
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>

6. Silahkan ganti script yang berwarna merah dengan kalimat pilihan anda
7. Klik Simpan
8. Selesai

Cara Membuat Burung Twitter Terbang Di Blog

   Berikut cara dan script untuk membuat burung-burung twitter berterbangan di halaman blog kalian. Jika Burung Tweet itu di klik, maka akan membuka akun twitter yang kita miliki. Bahkan, jika kita men-scroll page, maka Burung Tweet pun akan terbang berubah posisi.

Keren Kan? Begini cara buatnya..

1. Login Ke Blogger >> Rancangan >> Tambah Widget >> HTML/Javascript
2. Masukkan Kode ini :

    <script type=”text/javascript” src=”http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js”></script>
<script type=”text/javascript”>
var birdSprite=”http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png”;
var targetElems=new Array(“img”,”hr”,”table”,”td”,”div”,”input”,”textarea”,”button”,”select”,”ul”,”ol”,”li”,”h1&#8243;,”h2&#8243;,”h3&#8243;,”h4&#8243;,”p”,”code”,”object”,”a”,”b”,”strong”,”span”);
var twitterAccount = “http://twitter.com/techgyo”;var tweetThisText = “Twitter – techGyo http://www.techgyo.com/”;tripleflapInit();
</script>
<a id=”theBird” href=”http://twitter.com/cheaterbaturaja” target=”_blank” style=”display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; “></a>
<a id=”theBirdLtweet” href=”http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/” target=”_blank” title=”tweet this” style=”position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; “></a>
<a id=”theBirdLfollow” href=”http://twitter.com/techgyo” target=”_blank” title=”follow me” style=”position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; “></a>

3. Ganti tulisan yang di cetak tebal berwarna biru (akuntwitterkamu) menjadi ID twitter punyamu kemudian save dan jadi deh, burung-burung tweet akan beterbangan di blogmu

Selamat Mencoba

Menampilkan Jumlah Postingan dan Komentar secara Otomatis

Pernahkah timbul pertanyaan bagi anda sudah berapa jumlah posting dan komentar yang masuk pada blog anda? Pada blogspot memang bisa dikeathui melalui halaman Edit Entri. Untuk jumlah posting biasanya sudah tertera di sebelah kanan atas. Sedangkan untuk komentar tersebar di setiap judul posting, tapi jumlah totalnya tidak ada. Untuk mengetahuinya kita harus menjumlahkannya secara manual. Contohnya terlihat seperti gambar di bawah ini:

Nah, ada satu tips yang sangat praktis untuk ini. Caranya adalah dengan memasang widget jumlah posting dan komentar pada sidebar. Setiap ada posting dan komentar baru yang masuk maka widget ini akan langsung menjumlahkannya secara otomatis. Di samping anda sebagai pemilik blog, pengunjung juga bisa melihatnya. Jika tertarik memasang widget ini, anda bisa lakukan langkah-langkah berikut:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.

2. Klik Tambah Gadget.

3. Cari dan Klik gadget HTML/Java Script.

4. Kemudian masukkan semua kode di bawah ini. Tulisan berwarna biru bisa diganti dengan kata-kata yang anda inginkan dan warna merah dengan alamat blog anda.

<center><b><script style="text/javascript">

function showpostcount(json) {document.write

('Total Posting : '+ parseInt(json.feed.openSearch$totalResults.$t,10) +          '<br>');}</script><script src="http://www.pointblue.co.cc//feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

<script style="text/javascript">function numberOfComments(json) {

document.write('Total Komentar : '+ json.feed.openSearch$totalResults.$t + '');}</script><script src="http://www.pointblue.co.cc//feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script> 

</b></center>

5. Untuk kotak Judul bisa anda isi atau dikosongkan saja. JIka sudah klik SIMPAN.

6. Tunggu hingga proses berlangsung. Jika sudah tersimpan lihatlah blog anda. Sebagai contoh hasilnya akan tampak seperti ini.

Memasang SMS GRATIS pada Web dan Blog

Layanan SMS gratis online kini banyak sekali terdapat di internet. Salah satunya adalah sms-online.web.id. SMS online yang berkarakter 150 huruf ini hanya bisa mengirim SMS saja secara gratis ke seluruh operator GSM ataupun CDMA. Namun tidak bisa membalas SMS tersebut.

Alangkah baiknya dalam mengirim SMS ini di cantumkan nama pengirim kamu. Nah bagi pemilik blog yang ingin memasang Form SMS Gratis ini, aku cantumkan Kode Script SMS Gratis Online. Biar visitor bisa berkirim SMS secara gratis. Ini Kode Script HTMLnya :

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

Bagaimana ? Menarik kan. Selamat mencoba.

Cara Membuat Link Hover Bintang Berpijar Di Blog

Jika pernah berkunjung ke suatu blog dan melihat link yang berpijar jika disorot dengan mouse, itulah yang akan saya share kali ini.

 

     Langkah - langkah:

• Masuk ke akun Blogger Anda.
• Klik Rancangan > Edit HTML.
• Beri tanda centang pada Expand Template Widget.
• Cari kode berikut, gunakan tombol Ctrl + F atau tekan F3 saja agar lebih cepat ditemukan.

      

a:hover {

Paste kode berikut setelah tanda {

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90Zrd8oGqBckW5QY4Hu6TpQyGCjLIx96oVpo9Nyvaawias4Rpf_S6Mu67bf2wdmxGf1hOB2zKmB0CeYWld3wHRhNHmQgP7CpvpzRtvPu8u-TisZJO8ERL6DH-3Yy0-38wwgkUcWLh1Ow/s1600/72bintang.gif); 

Sehingga keseluruhan kodenya akan menjadi seperti ini.

a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90Zrd8oGqBckW5QY4Hu6TpQyGCjLIx96oVpo9Nyvaawias4Rpf_S6Mu67bf2wdmxGf1hOB2zKmB0CeYWld3wHRhNHmQgP7CpvpzRtvPu8u-TisZJO8ERL6DH-3Yy0-38wwgkUcWLh1Ow/s1600/72bintang.gif); 

Kemudian klik save/simpan.

Jika ingin merubah kembali seperti semula, tinggal hapus aja kode yang sudah ditambahkan.

Cara Membuat Tulisan Berubah Warna (Pelangi)

Halo Sahabat Blogger Semua Apa Kabar nih..???Saya ingin berbagi tips dan trik nih untuk memperindah tulisan link menjadi pelangi seperti blog saya ini. Loh kok bisa? iya, saat kita taruh kursor di link tersebut maka tulisan akan berubah-rubah warna seperi pelangi yang warna-warni.

Dengan membuat link pelangi akan membuat blog kita menjadi penuh warna. Bagaimana cara membuat link pelangi? Ikuti saja langkah-langkah berikut ini

Cara Membuat Link Pelangi
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode </head>
 

<script src='http://galang.googlecode.com/files/rainbow.js'>
</script>

6. Simpan Template jika sudah selesai

Script Iklan Close 2x untuk Blogger

Iklan melayang dengan tombol Close 2x untuk menutup iklan, sering kita jumpai ketika kita berkunjung ke berbagai blog. Sebenarnya iklan dengan tombol Close 2x selain untuk memperindah tampilan blog juga berfungsi sebagai penghemat ruang pada halaman blog. Contoh iklan tersebut dapat dilihat pada gambar di bawah ini.

Oke dech... tanpa perlu panjang lebar langsung saja kita mencoba membuat iklan Close 2x dengan mengikuti langkah-langkah berikut.

• Login ke blogger
• Pilih tambah gadget dan lanjutkan dengan HTML/JavaScript, selanjutnya letakkan script dibawah ini.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

<script src="http://kumpulblogger.com/scahor.php?b=124672&onlytitle=1" type="text/javascript"></script>

</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

• Jika sudah selesai selanjutnya pilih simpan.
• Jalankan untuk melihat hasilnya.

Sekian dan selamat mencoba.

Cara Membuat Buku Tamu Melayang

Pernahkah kamu melihat chat box yang berada disamping atas suatu website yang bertuliskan Buku Tamu/Guest Book?? Jika di klik akan menampilkan form isian yang menanyakan Nama, Website dan Message. Buku tamu tersebut melayang dan tidak terpengaruh terhadap scroll mouse, meskipun mouse digulir ke bawah Buku tamu tersebut otomatis akan mengikuti. Ingin tau caranya??? Ikuti step by step berikut dan jangan lupa tinggalkan pesan.:)



1. Sign in ke Blogger Anda
2. Pilih Rancangan
3. Klik Elemen Laman
4. Klik Add Gadget/Tambah Gadget
5. Lalu pilih "HTML/Javascript"
6. Selanjutnya copy kode di bawah:

<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/AVvXsEh5kl5fGZfFIajD-0PQQOFEmq9FgNczhTaAHfBwN_uVZ0Nh1HaA2ft5rnhUlx22AmrvM0lKZF-5YK5rqVYeybMRSwa4komQiMA3qVSysEUKu8gc4I1fC_j-Rexqks67X9GeFaGXV_Uc1Ogz/') 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"> <i><b><span style="color: blue;">Letakkan disini</span> </b></i> <br/> Anda berminat buat Buku Tamu seperti ini?<br/> <a href="http://www.pointblue.co.cc/"> Klik disini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script><span style="color: #ff0055;"></span>

7. Ganti tulisan Letakkan disni dengan kode shoutmix Anda
8. Simpan
Selamat mencoba............ :)
catatan : Jika Anda menggunakan gadget melayang sebelumnya mungkin akan terjadi masalah, maka Anda bisa menghapus gadget sebelumnya..