Cara membuat Energy Saving Mode diblog

Post terus.. hehehe
Kali ini saya mau bahas cara membuat Tampilan blog jadi Energy Save Mode saat tak digunakan..
Gambarnya kaya gini sob.. :D

*
1. Login dulu ya
2. Di dashboard >> Rancangan >> Edit HTML
3. Cari Kode </head> tekan Control + F / F3
4. Pasang code di bawah ini di atas kode </head>

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

5. Klik Save..

**
Jangan di Close dulu sob...jika sudah disimpan kembali ke dashboard
1. Pilih Layout/Rancangan >> Add a Gadget >> HTML/JavaScript
2. Masukan kode di bawah ini kedalam kotak HTML

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script> 

3. Tinggal Di save Sob

KETERANGAN
Yang warnanya biru yaitu ?time=120 bisa di ganti dengan waktu yang sesuai dengan keinginan Sobat, 120 berarti setelah 120 seconds atau 2 menit, tanpa aktivitas di blog sobat, Energy saving mode akan bekerja.
Menarik bukan? Bagaimana dengan blog Sobat? Sudah terpasang Energy Saving Mode? 

KEEP BLOGGING

Read More

Cara Menghilangkan Simbol Obeng dan Tang Diblog

Hai sob.. Dapat Artikel baru nih... Kali ini yang mau bahas adalah Cara Menghilangkan Simbol Obeng Dan Tang Diblog.. Yah walaupun bukan masalah dalam blog.. Sedikit informasi Simbolutama tersebut di gunakan untuk melakukan edit terhadap terhadap widget /gadget yang ada kotak HTML secara langsung tanpa membuka dashboard lagi jadi gak ribet.. TAPI, menurut saya simbol itu cukup menganggu karena Pengunjung tidak akan dapat melihat secara langsung isi antarmuka blog sobat.. jadi menurut saya lebih baik dihilangkan...

1. Login ke blog sobat.
2. Didashboard  pilih Template >> edit HTML
3. Carilah kode ]]></b:skin> ( Cara mencarinya menggunakan tombol Control + F atau tombol F3 )
4. Kalo sobat sudah ketemu kodenya.. Copy coding di bawah ini dan letakkan tepat di atas ]]></b:skin>

.quickedit{

display:none;

}

5. Klik Simpan Template.
Hasilnya dapat di lihat langsung diblog sobat.. kalo berhasil di share ya sob.. :D

KEEP BLOGGING & SEMOGA BERHASIL

Read More

Trick cara membuat Kotak script tanpa scrool

Pagi Sob.. kali ini saya mau ngsih tricks cara membuat kotak script tanpa scroll..
langsung aja ya.. :D

1. Login ke blog sobat.
2. Di dashboard create new post
3. kan ada 2 : Compose dan HTML pilih HTML

4. Masukan Scrip di bawah Diantara coding <div dir="ltr" style="text-align: left;" trbidi="on">
<br /> Masukan Script Tadi kesini</div>

<div style="border: 1px solid #000000; height: auto; overflow: auto; padding: 5px; width: auto;">
Kode/Script yg ingin di masukan
</div>

5. Kalo sudah menyelesaikan artikel yang di post tinggal save..!!
Ok sob gitu aja yang di posting kurang lebihnya mohon di maklumin,,,

KEEP BLOGGING

Read More

Tentang Cara Membuat Kotak Search Keren Diblog

Hai sob.. Maaf jarang post.. soalnya saya banyak kegiatan di tambah ujian jadi harus memanfaatkan waktu sebaik mungkin deh.. hehehehe
Kali ini Saya mau membahas Tentang Cara Membuat Kotak Search Keren Diblog sobat..
Sebagian orang ingin tentunya memiliki blog yang menarik.. Maka dari itu mereka berusaha membuat blog semenarik mungkin.. Ini salah satu cara membuat blog mu menarik sob.. heheh
LANGSUNG AJA YA..

1. Pastinya Sign in dulu ke blog sobat..
2. Didashboard  --> Layout/Rancangan --> pilih Add a Gadget
3. Pilih HTML/Javascript
4. Masukan script nya kedalam kotak tersebut..
Sobat bisa memilih ingin Kotak search yang bagaimana tinggal di pilih jenisnya..

1. Blue And White

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLjuAu4yE5IPmhyphenhyphenRLc9niXJJuWqG6bQnkybWa7xyqY7wnCM3ndCUZty3Yiahu1ymmgwttS50K4nXxFcUzsNfNEjiW-WtqxArTNJlnLiO3EpqwVZyukwHjGhfk1sOA4NyMWlOKop038Whzi/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

2. Black and White

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg0JZ1LtNY4NeNateSLVC11Sx28x5Mmq6ffUiZwKX9uVCb_hcVFDJ_mOWFaQAEK9fOF4tnct9cK-3VmKkQsDZcFWS_fBgZ6I9pFvZteBaxCCTiOqbIJM9b9R1ToTnnvsp_7J0LSVCYa7J_/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

3. Red and White

 

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw1owx0iBez8wbP0ZsCMvwjUGvIA_xHjUYAiaX2hWvKEOYRUegAQvDCXAbZAorXrwrQX3pbHUnTqU3Ufw9zTeGiRKAa9I3LI7knzq0pnMNF-KXyZVjTRSgUglqXh_3JK7kQ8Vak2i56WNY/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

4. White and Red

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX1JwlhboxG1y8A2cM_LNXqUfMt9H763E7_K1IoWuD_-lOQ0rYH1NOOnw_T0GqmafZs9nK5WiTPsf5_pYExHbCCDdYhnSdJQrdeImJVlnk2kkzMtt8NP3V54GFbWJ-CQ_5ZBuLmLP7TQub/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value=""/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

5. Gold And White

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEWiPIys51poo_w9ogX9zfQ9EaEpBV4xk9OYA7DuzcNCksbaFJClPt3wHtUZ-dp8pVcnWIFcxIQ3j9WodAv-ZT1oLtycIabtw63rgDCb6GoR9_YAL_eYWw0AeHj8Oe40uCq1e_8x3HKXXO/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

6. Tinggal Di Save broo..

Sekian dulu sob artikel tentang membuat Kotak Search Di blog..

Kalo berhasil jangan lupa di share ya sob.. 

Credit and thanks me for : http://wisnu-friskian.blogspot.com

Semoga berhasil SOB

KEEP BLOGGING

Read More

Cara Membuat Twitter Last Update Di blog

Hai sobat.. Kali ini saya ingin berbagi widget nih.. Kebanyakan orang sudah memiliki twitter.. Dan widget ini berfungsi sebagai penghubung antara twitter dan blog anda,, pastinya tweet anda yang terakhir akan muncul.. juga sebagai media promosi..
Kalo sobat pengen lihat gambarnya kaya gin.. hehehe

 yaudah langsung aja yah..
1. Tentunya Login dulu ke blog sobat :P
2. Di dashboard pilih tata letak pilih Add Gagdet
3. Pilih HTML/Java Script
4. Masukan Coding di bawah ini ke kotak HTML..

div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjJhDXhoRbaBUHeq0tKyYY1VyStRTU4XroGiqhteG3WQ031-9IcGZT_9Ns898ELi0K70sSq6Dwwouxm6-ltI6k2BXhLPgb4ipC_GG-BixrdHT452CL7BO-iahUHadlmjdVxWzYswa63c/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script><br />
<script>
(new TWTR.Widget({version:2,type:"profile",rpp:10,interval:3e3,width:285,height:118,theme:{shell:{background:"transparent",color:"#000000"},tweets:{background:"transparent",color:"#000000",links:"#B45F04"}},features:{scrollbar:true,loop:true,live:true,hashtags:true,timestamp:true,avatars:false,behavior:"default"}})).render().setUser("USERNAME").start()
</script><br />
</div>

5. Klik save..

*Catatan yang berwarna MERAH du ganti dengan username twitter sobat..

Hasilnya bisa di lihat langsung di blog..

KEEP BLOGGING

Read More

Cara Membuat Effect Bayangan Api Pada Link Blog

Hai sahabat Damanik's Blogger. Baru dapat artikel baru ni.. Artikel kali ini saya akan memberikan Tips, Cara Membuat Effect Bayangan Api Pada Link Blog. Effect Bayangan Api pada Link Blog, Tentu saja ini menarik.. dan dapat membuat pengunjung sedikit betah mungkin ya di blog sobat.. hehehe.. Script ini berfungsi ketika sobat mengarahkan Kursor Blog sobat pada sebuah Link, maka akan keluar Effect Bayangan Api. Bagaimana, sobat tertarik bukan? Kalo sobat tertarik, silahkan ikuti langkah-langkah berikut.

1. Pastinya Sign in dulu ke blog sobat

2. Di dashboard cari Rancangan --> Edit HTML.

3. Lalu cari Code a:hover kira-kira Codenya seperti di bawah..

a:hover {
text-decoration: underline;
color: #ff0000;
}

4. Kalo ketemu, ganti tulisan [underline] menjadi [none], dan hapus Code pada bagian bawahnya. kira-kira Codenya seperti ini color: #ffoooo:

5. Lalu Copy dan Paste-kan Code di bawah ini, tepat di bawah Code yang tadi di hapus, atau di belakang Code yang tadi di hapus.

text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

6. Kalo sobat bingung, coba sobat lihat Code di bawah ini.

a:hover {
text-decoration: none; text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
}

7. Kalo sudah selesai, tinggal di SAVE, dan lihat hasilnya. Link Blogsobat jadi ada Effect Bayangannya.

Semoga Berhasil...!!!

 SALAM BLOGGER INDONESIA

Read More

Cara membuat gambar berputar di setiap postingan

Hai sahabat Damanik's Blogger sorry jarang post.. hehehe Biasa anak yang repot saya ini.. Kali ini saya ingin berbagi informasi.. informasi sekaligus tips ini saya dapatkan di http://indonesianblog-jmk.blogspot.com.. Salah satu blog yang menarik.. hehehe
apa artikelnya.. oke.. yaitu Cara membuat gambar berputar di setiap postingan.. ^^
langsung aja ya.. ke TeKaPe..hehehehe (fansOVJ) :P

1. Pastinya login dulu di blog sobat...
2. Di dashboard pilih template
3. Kemudian Copy Pastekan Code di bawah tepat di ATAS Code ]]></b:skin>

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

5. Simpan kode tersebut..

Hasilnya bisa di lihat di blog sobat.. :D

Sekian artikel ini.. semoga bermanfaat bagi kita.. SALAM BLOGGER INDONESIA :D!!!!

Read More