SlideShow

1

4 CARA MEMBENTUK OTOT DADA DI TEMPAT FITNES!



Bagi beberapa Pria mempunyai dada yang kencang dan postur tubuh yang bagus adalah sebuah impian akan tetapi bagi setiap pria yang menginginkan postur tubuh ideal dan bagus tidak semudah membalikkan telapak tangan,oleh karena itu banyak pria yang malas untuk berolahraga dengan alasan gengsi ataupun tidak megetahui cara menggunakan alat ditempat fitnes. Disini saya akan memberikan anda solusi dan beberapa variasi latihan otot dada yang benar agar anda tidak mempunyai alasan lagi untuk malas ke tempat fitnes. Selamat Berolahraga !






BENCH PRESS
Bench Press adalah salah satu latihan otot dada yang optimal dan terpenting dalam membentuk otot dada maksimal anda,perlu anda ketahui bahwa latihan bench press seperti contoh gambar di atas adalah variasi latihan pertama ketika anda melatih otot dada anda karena dari beberapa variasi dengan beban berat yang tumpuan hanya pada tangan dan pada lengan anda ini adalah variasi pertama yang menurut saya perlu anda ketahui ketika anda mulai melatih otot dada,cara mempraktekkan nya anda berbaring rileks dan sejajarkan stick atau batangan besi tepat di puting dada anda atau sejajar tepat di dada bagian tengah anda saat anda mulai turun dan anda mendorong ke atas,lakukan dengan mengatur nafas dengan saat mendorong anda menhembuskan nafas dan saat turun anda mengambil nafas. lakukan dalam 3-4 set dan set awal di mulai dari 10x dan berikutnya semakin beban di tambah semakin berkurang hitungan dalam 1 set.

CHEST EXERCISE
Chest Exercise variasi kedua hampir sama dengan yang variasi pertama akan tetapi variasi kedua cara melatihnya adalah dengan kursi yang agak naik dengan kemiringan 30 derajat kbawah,cara mendorong dan turunnya masih sama dengan bench press akan tetapi stick nya di sejajarkan tepat di daerah dada atas atau di daerah puting bagian atas. lakukan 3-4 set dan set awal di mulai dari 10x dan berikutnya semakin beban di tambah semakin berkurang hitungan dalam 1 set.
DECLINE CLOSE GRIP BENCH PRESS
Decline Close Grip Bench Press latihan otot dada yang lebih mengoptimalkan dada bagian bawah,latihan seperti di atas cukup berguna dan penting bagi anda untuk melatih otot dada bagian bawag agar kencang dan berotot,cara nya masih sama dengan melakukan exercise bench press seperti variasi bench press dan chest exercise akan tetapi ketika anda anda mulai menurunkan stick atau batangan besi tersebut turunkan di daerah bawah garis dada. lakukan 3 set dan 1 set nya 8-10x.


Decline Dumbell Bench Press adalah latihan dada yang berikutnya yaitu dengan dumbell ,cara mempraktekkan ini cukup praktis seperti contoh gambar di atas,luruskan tangan anda ketika anda mendorong ke atas dan turun kan dumbell sejajar dengan badan dan dada anda,usahakan beri jarak sedikit antara kepala anda denga dumbell agar saat turun tidak melukai kepala anda. lakukan dalam 3 set dan 1 set nya 12x.
0

Cara PDKT yang Jitu Lewat BBM

pdkt lewat bbm oleh asmara segiempatBBM atau Blackberry Messenger saat ini adalah salah satu media sosial yang paling digemari dan hampir dimiliki oleh semua orang. Aktivitas chatting hingga voice chat dan berbagi gambar serta link sangat mudah dilakukan, dan nyaris tanpa biaya streaming sama sekali. Sayang sekali jika BBM ini tidak Anda manfaatkan untuk menambah teman atau bahkan PDKT dengan wanita-wanita baru.
Mendekati wanita melalui BBM atau Blackberry Messenger sebenarnya gampang-gampang sulit, terutama untuk wanita-wanita yang jutek dengan pria-pria yang tidak dikenalnya. Wanita biasanya menggunakan BBM hanya untuk dapat memudahkan komunikasi mereka dengan kerabat dan keluarga, sehingga tidak banyak merespon ketika ada pria asing berusaha melakukan pendekatan lewat BBM. Tapi ini semua dapat berubah hanya jika Anda tahu cara yang tepat untuk mendekati wanita lewat BBM.
Bagaimana cara yang jitu untuk PDKT lewat BBM? Berikut ini beberapa tipsnya.

1. Berkenalanlah dengan Cara yang Tidak Biasa

Setelah sukses menerima permintaan pertemanan dari Anda, saatnya untuk memperkenalkan diri kepada target. Berkenalan dengan wanita lewat BBM adalah langkah yang paling sulit untuk dilakukan, karena salah sedikit saja, kesan pertama yang negatif akan membuat si target enggan melanjutkan percakapan dengan Anda.
Jangan memulai perkenalan Anda dengan cara yang standar yang dilakukan hampir 99,9% pria diluar sana. Cara standar yang saya maksud seperti “Hai cewek, boleh kenalan nggak?”,atau “Hai, ini dengan siapa ya?”. Apalagi jangan sampai memulai perkenalan dengan gaya alay seperti “Hai xixixix, boleh kenalan ma kamyu nggak cih?”, atau “Ini ngan ciapa yach?”.
Setelah dia konfirmasi permintaan pertemanan di BBM, selanjutnya tunggu beberapa saat, dan mulailah mengirimkan pesan perkenalan. Tapi inget, yang ini juga ga boleh make kata-kata yang standar. Misalnya “hi siapa ni ?” , “hi cew boleh kenalan ?” , “hi xxxx boleh kenalan ga ?”.. itulah beberapa kata-kata yang sering dilakukan oleh kebanyakan orang untuk memulai kenalan.
Untuk memperkenalkan diri, Anda setidaknya harus tahu dulu beberapa hal tentang si target. Paling tidak dimana si target bersekolah atau kuliah. Jika Anda mau bersabar, tunggu momen yang tepat seperti saat ia mengupdate status lalu mulailah perkenalan dengan mengomentari statusnya. Misalnya
“Kamu lagi OTW bandara ya? Macet nggak sih? Saya juga OTW kesana nih,”
Perkenalan yang diawali dengan percakapan ringan yang bukan basa basi akan terlihat lebih natural, dan si target juga tidak akan menemukan alasan untuk tidak menjawab pertanyaan dari Anda. Percakapan diatas bisa dilanjutkan dengan perkenalan dengan dibumbui sedikit informasi yang Anda tahu tentang dia.
“Oh ya, saya Arif. Kamu (sebutkan namanya), anak ITB bukan?”
Dalam contoh ini, tentunya pastikan dulu bahwa target Anda tidak sedang mengemudi.
Beda target, beda teknik. Beberapa wanita juga lebih merespon jika Anda memulai perkenalan dengan candaan. Pada intinya, kenali terlebih dulu target Anda sebelum meluncurkan jurus perkenalan.

2. Hindari “PING!”

Sebagian besar orang tidak senang ketika di-PING! oleh teman kontak BBMnya. Dan inilah hal pertama yang harus Anda hindari jika ingin mendapatkan kesan yang baik dari si target. Jangan pernah memaksa si target untuk segera membalas BBM kamu. Si target akan merasa tidak nyaman dan kemungkinan terburuk Anda akan di remove dari kontak BBMnya.

3. Tunjukkan Perhatian yang Tidak dengan Cara Basi

Ketika perkenalan dan komunikasi pertama sudah berjalan dengan lancar, mulailah untuk menunjukkan kepada si target ‘udang di balik batu’ yang selama ini Anda sembunyikan. Perlihatkan kepadanya bahwa Anda memperhatikan dia, namun tidak dengan cara yang berlebihan. Jangan pernah menunjukkan perhatian ala anak SMA yang sudah basi seperti “Kamu udah makan?”, dsb. Ini hanya akan membuat target menjadi ilfil kepada Anda.
Cobalah untuk menunjukkan perhatian Anda dengan bahasa yang lebih ringan dan lebih mengarah kepada saran untuk si target. Misalnya “Jangan sampai lupa makan ya. Kamu kalau kurus jelek loh hehe :)”. Atau semacamnya.

4. Beri Ia Dukungan

Buatlah si target berpikir bahwa Anda selalu punya waktu untuk memperhatikan statusnya. Komentari segala bentuk aktivitas yang ia umumkan melalui status BBMnya, dan bumbuhi dengan sedikit pesan berbau perhatian. Jika bisa, berikan ia dukungan untuk setiap aktivitas tersebut, misalnya “Mudah-mudahan ujiannya lancar. Yang semangat ya :)”. Atau semacamnya.

5. Jangan Agresif

Rasa suka kepada si target kadang membuat pria kurang bisa mengontrol diri. Padahal wanita bisa kehilangan kenyamanannya dengan Anda ketika Anda terlalu agresif melalui BBM. Beri ia sedikit ruang untuk bernafas dan bersantai tanpa harus meladeni pesan BBM Anda. Buatlah si target ‘kangen’ untuk mengobrol lagi dengan Anda.
Teknik “tarik ulur” juga ampuh dalam hal PDKT lewat BBM. Komentari statusnya dan kirimkan si target pesan yang menunjukkan perhatian Anda. Cobalah untuk bersabar dan tidak terus-terusan menghubunginya selama 2-3 hari. Kalau bisa, buatlah status-status lucu atau kontroversial yang menarik si target untuk mengirimkan pesan lebih dulu. Jika ini sudah terjadi, Anda tinggal menunggu saat yang tepat untuk mengajak si target bertemu.
0

CARA MEMBUAT BLOG ANTI COPY PASTE


Cara Membuat Blog Anti Copy Paste
Salam Blogger, waduh kalo bicara soal kejahatan copy paste pasti kagak bakal ada habisnya karena orang di indonesia memang sudah mengembangkan budaya copy paste, contohnya saling contek menyontek saat ulangan itu juga merupakan kejahatan copas di kalangan para pelajar, tapi kalo didunia internet atau di kalangan para blogger pasti beda lagi yaitu saling copy paste artikel. Dengan trik bloggeryang satu ini kita dapat sedikit menghindari kejahatan copy paste yang akan menyerang blog sobat.


Cara kerja dari script ini yaitu membuat fungsi blok (blok teks atau gambar) menjadi tidak berfungsi sehingga hal itu bisa mengurangi aksi pencurian konten dan postingan oleh para blogger yang suka copas abiees.

Berikut langkah-langkah untuk menerapkan hal diatas :
  1. Login ke account blogger sobat
  2. klik menu template lalu pilih Edit html
  3. klik lanjutkan dan jangan lupa centang box 'expand template widget'
  4. Lalu sobat cari kode </head> dengan cara tekan tombol ctrl+f lalu sobat ketikan kode tersebut.
  5. Sobat copy kode di bawah ini dan letakan dibawah kode </head>
    <SCRIPT type="text/javascript">
    if (typeof document.onselectstart!="undefined") {
    document.onselectstart=new Function ("return false");
    }
    else{
    document.onmousedown=new Function ("return false");
    document.onmouseup=new Function ("return true");
    }
    </SCRIPT>
  6. lalu simpan template
Selamat mencoba dan semoga infonya bermanfaat
0

Cara Memasang Iklan Melayang dibawah Blog

Cara Memasang Iklan Melayang dibawah Blog - Memasang iklan melayang dibawah blog dengan tombol close atau dengan efek floating ini memang sangat cocok untuk blog yang ingin menyediakan slot iklan yang banyak. Memasang iklan melayang dibawah blog memang sering kita jumpai di blog-blog yang sudah populer atau blog yang banyak menyediakan slot atau space iklan, tujuannya apa lagi kalau bukan untuk mencari keuntungan dari hasil ngeblognya.

Perlu Anda perhatikan bahwa memasang iklan melayang dibawah blog usahakan disertai dengan tombol close, karena jika tidak ini akan sangat mengganggu pembaca atau visitor blog yang berkunjung ke blog Anda. Selain itu google juga tidak akan menyukai blog seperti ini karena sebagian konten terhalang oleh iklan dengan efek floating dibawah blog. Dengan adanya tombol close pada iklan blog maka ini akan sangat membantu pengunjung blog untuk membaca dan melihat secara full atau penuh tampilan blog kita.
Cara Memasang Iklan Melayang dibawah Blog
Pada kesempatan kali ini blog D'News akan membagikan sebuah tutorial mengenai cara memasang iklan melayang dibawah blog dengan tombol close. Untuk demonya silahkan lihat saja gambar diatas, dan bagi yang ingin memasang iklan dibawah blog silahkan lihat saja tutorialnya dibawah ini :

1. Masuk ke Blogger.com
2. Klik Tata Letak => Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5xblqavKoM4llHGRveRWlCIWAGjxOvcYvS3_OM6h-uYEIHhZjIqpilSiOA-9gukbCPM3zHIPZ8YdMQmBKCGAVG-iU9V8US9cKazF2HSV-8xMQwz0Tej7z74hXyhyphenhyphenpWOc8GQqbrh1ZqNIN/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p>
<div style="text-align:center;">

PASTE SCRIPT/KODE IKLAN DISINI

</div>
</p>
</p>
</div>
Catatan :
- 100% adalah lebar iklan, sebaiknya kode ini jangan diganti.
0.9 adalah opacity atau transparan, semakin kecil nilainya semakin transparan jika nilainya 1 tidak transparan.
center adalah posisi ditengah, jadi posisi iklan akan berada ditengah, silahkan ganti menjadiright atau left sesuai dengan keinginan Anda.

5. Klik Simpan
6. Klik Simpan Setelan

Sekian artikel mengenai Cara Memasang Iklan Melayang dibawah Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
0

Cara Membuat Persentase Pada Scrollbar Blog

Cara Membuat Persentase Pada Scrollbar Blog - Ficri Pebriyana
Cara Membuat Persentase Pada Scrollbar Blog - Memasang atau menambahkan persentase pada scroll blog memang membuat blog lebih menarik, oleh karena itu Anda bisa menggunakan cara ini untuk mempercantik tampilan blog Anda. Scrollbar yang saya buat pada blog ini banyak sekali variasinya, pada setiap Template Blog memang tidak semuanya menggunakan tampilan persen ini pada scroll blog tersebut karena ini tidak terlalu penting dalam sebuah SEO dan tidak akan mempengaruhi kualitas blog Anda, hanya akan mempercantik tampilannya saja, tadi apa boleh buat tidak ada salahnya untuk mencoba tutorial membuat persentase paba scroll blog ini. Banyak sekali yang share mengenai cara membuat persentase pada scrollbar blog, namun semuanya hampir sama dan itu tidak valid html5 dan juga css level 3. Dengan begitu saya merubah beberapa kode agar menjadi Valid HTML5 danValid CSS3, dengan begitu Anda tidak usah ragu menambahkan kode script yang saya bagikan untuk Anda karena script ini sudah saya coba dan tidak menampilkan error html5 dan css3. Oke langsung saja ke tutorial Cara Membuat Persentase Pada Scrollbar Blog, silahkan lihat dibawah ini :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode script dibawah ini, lalu Paste diatas kode ]]></b:skin>
/* Scroll Persentase */
#scroll{display:none;position:fixed;top:0;right:5px;z-index:500;padding:3px 8px;background-color:#4B4B4B;color:#FFF;border-radius:3px}
#scroll:after{position:absolute;top:50%;right:-8px;height:0;width:0;margin-top:-4px;border:4px solid transparent;border-left-color:#4B4B4B}
Catatan :
- Kode 5px : Jarak dari scrollbar, semakin besar angka yang diberikan maka akan semakin jauh letaknya.
- Kode 3px 8px : Merupakan tinggi dan  lebarnya kotak persen
- Kode yang berwarna #4B4B4B : Warna background kotak persen
- Koda yang berwarna #FFF : Warna huruf pada kotak persen
- Kode yang berwarna 3px : Memberikan efek melengkung pada kotak persen

Untuk mengganti warna silahkan kunjungi ini Kode Warna HTML

5. Cari kode <body>
6. Copy kode dibawah ini, lalu Paste dibawah kode <body>

<div id='scroll'/>
7. Cari kode </body>
8. Copy kode dibawah ini, lalu Paste diatas kode </body>
<script type='text/javascript'>
/*<![CDATA[*/
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
/*]]>*/
</script>
9. Cari kode </head>
10. Copy javascript berikut, lalu Paste diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'/>
Catatan :
Jika blog Anda sudah memiliki JavaScript seperti diatas, Anda tidak perlu memasangnya lagi. Tetapi untuk jaga-jaga lebih baik memasangnya saja.

Sekian artikel mengenai Cara Membuat Persentase Pada Scrollbar Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
0

Cara Mengganti Tampilan Scrollbar Pada Blog

Cara Mengganti Tampilan Scrollbar Pada Blog - Ficri Pebriyana
Cara Mengganti Tampilan Scrollbar Pada Blog - Mengganti tampilan scrollbar pada blog memang akan membuat blog semakin atau lebih menarik dari biasanya. Scrollbar pada desain Template Blogbiasanya tidak di edit atau hanya default saja, jadi tampilannya hanya biasa saja dengan menggunakan css ini maka scroll pada blog Anda akan sedikit lebih berwarna dari sebelumnya. Apalagi jika scrollbar pada blog Anda menggunakan efek persen akan lebih bagus lagi walaupun dalam hal ini tidak berpegaruh terhadap kualitas SEO blog Anda. Untuk membuat efek persentase pada scrollbar blog silahkan baca artikel mengenai Cara Membuat Persentase Pada Scrollbar Blog. Mengganti tampilan scrollbar pada blog ini sangat mudah karena Anda hanya perlu memasangnya pada bagian css saja dan setelah itu scrollbar pada blog Anda akan berubah warna dan lebih menarik.

Perlu Anda ketahui dengan menggunakan css scrollbar ini akan menambahkan peringatan pada css level 3 tetapi ini hanya peringatan saja tidak sampai terjadi error pada css3 jadi Anda masih bisa menggunakannya untuk lebih menarik perhatian pengunjung pada scrollbar blog Anda. Oke langsung saja bagaimana cara mennganti tampilan scrollbar pada blog ? Silahkan Anda simak tutorial cara mengganti scrollbar pada blog dibawah ini :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Setelah ketemu, Copy kode css dibawah ini lalu Paste diatas kode ]]></b:skin>
/* Scrollbar */
::-webkit-scrollbar{width:8px;background:#FFF}
::-webkit-scrollbar-thumb{background-color:#575757;border-radius:3px}
5. Klik Simpan Template

Untuk mengganti warna silahkan cek kodenya disini Kode Warna HTML

Dengan merubah tampilan scrollbar pada blog akan membuat blog lebih menarik dan indah jadi silakan Anda coba untuk mengganti scrollbar pada blog Anda dengan kode css diatas. Perlu Anda ketahui dengan css diatas tidak semuanya support di berbagai macam browser, di mozilla ini tidak support.

Sekian artikel mengenai Cara Mengganti Tampilan Scrollbar Pada Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
0

Cara Membuat Energy Saving Mode Dengan CSS di Blog

Cara Membuat Energy Saving Mode Dengan CSS di Blog - Energy saving mode di blog sama saja seperti layar screen komputer ketika tidak bekerja atau sedang didiamkan dan akan muncul sebuah animasi atau gambar, sama halnya pada blog energy saving mode pada blog ini sama seperti pada komputer yang jika didiamkan akan muncul sebuah gambar, namun energy saving mode di blog ini akan muncul sebuah nama blog atau tulisan lainnya yang bisa Anda sesuaikan sendiri. Memasang energy saving mode memang tidak terlalu penting untuk blog, tetapi jikamemasang energy saving mode di blog akan lebih bagus lagi, khususnya bagi Anda yang ingin mempercantik tampilan blog Anda dengan menambahkan energy saving mode pada blog Anda.

Energy saving mode kali ini hanya menggunakan sebuah CSS tanpa menggunakan javascript, jadi bagi Anda yang khawatir dengan loading blog yang lama jika menambahkan energy saving mode pada blog Anda, dengan menggunakan css tidak akan ada pengaruh terhadap loading blog Anda, berbeda jika menggunakan energy saving mode yang dibuat dengan javascript yang dapat menyebabkan loading blog Anda lama.

Energy saving mode menggunakan css ini sudah sedikit saya modifikasi namun fungsinya masih sama dengan sebelumnya, disini saya telah mengompress css tersebut sehingga menjadi lebih ringan namun saya akan menerapkan semuanya baik yang sudah maupun yang belum di kompress, tetapi keduanya masih sama fungsinya. Langsung saja bagi Anda yang ingin membuat energy saving mode tanpa javascript silahkan baca tutorialnya dibawah ini :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy salah satu kode css dibawah ini, lalu Paste diatas kode ]]></b:skin>
CSS Compress :
body::before,body::after{position:absolute;position:fixed;content:"";background:#000;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;z-index:99999}body::before{border:10px solid #ccc;border-left:none;top:0;left:50%;right:0;bottom:0}body::after{top:0;left:0;border:10px solid #ccc;border-right:none;right:50%;bottom:0}body:hover::before{left:100%}body span.energyatas{position:absolute;position:fixed;right:0;left:0;top:46.5%;border:5px solid #ccc;margin:0 0 0 -1px;z-index:999999;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-moz-transition:all 3s ease-in;-o-transition:all 3s ease-in;-webkit-transition:all 3s ease-in;transition:all 3s ease-in;-moz-box-shadow:0 0 20px 3px #6405C2;-webkit-box-shadow:0 0 20px 3px #6405C2;box-shadow:0 0 20px 3px #6405C2}body span.energybawah{position:absolute;position:fixed;right:0;left:0;top:46.5%;border:5px solid #ccc;margin:0 0 0 0;z-index:999999;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-moz-transition:all 3s ease-in;-o-transition:all 3s ease-in;-webkit-transition:all 3s ease-in;transition:all 3s ease-in;-moz-box-shadow:0 0 20px 3px #6405C2;-webkit-box-shadow:0 0 20px 3px #6405C2;box-shadow:0 0 20px 3px #6405C2}body:hover::after{right:100%}body:hover::before,body:hover::after{visibility:hidden}body:hover span.energyatas{visibility:hidden;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;top:0}body:hover span.energybawah{visibility:hidden;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;top:100%}body span.energy{width:35%;border-bottom:5px solid #ccc;border-top:5px solid #ccc;padding:10px;background:#000;border-radius:20px;font-size:20px;color:#fff;text-align:center;position:absolute;position:fixed;left:32%;right:45%;top:40%;bottom:45%;margin:0 0 0 0;z-index:123455543123445556888;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-moz-transition:all 3s ease-in;-o-transition:all 3s ease-in;-webkit-transition:all 3s ease-in;transition:all 3s ease-in;-moz-box-shadow:0 0 20px 3px #6405C2;-webkit-box-shadow:0 0 20px 3px #6405C2;box-shadow:0 0 20px 3px #6405C2}body:hover span.energy{visibility:hidden;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;-webkit-transition:all .7s ease-out;transition:all .7s ease-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;right:0;z-index:99999999}

CSS Beautify :
body::before,
body::after {
  position:absolute;
  position:fixed;
  content:"";
  background:#000;
  -moz-transition:all 1s ease-in-out;
  -o-transition:all 1s ease-in-out;
  -webkit-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  z-index:99999;
}
body::before {
  border:10px solid #ccc;
  border-left:none;
  top:0;
  left:50%;
  right:0;
  bottom:0;
}
body::after {
  top:0;
  left:0;
  border:10px solid #ccc;
  border-right:none;
  right:50%;
  bottom:0;
}
body:hover::before {
  left:100%;
}
body span.energyatas {
  position:absolute;
  position:fixed;
  right:0;
  left:0;
  top:46.5%;
  border:5px solid #ccc;
  margin:0 0 0 -1px;
  z-index:999999;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
  -moz-transition:all 3s ease-in;
  -o-transition:all 3s ease-in;
  -webkit-transition:all 3s ease-in;
  transition:all 3s ease-in;
  -moz-box-shadow:0 0 20px 3px #6405C2;
  -webkit-box-shadow:0 0 20px 3px #6405C2;
  box-shadow:0 0 20px 3px #6405C2;
}
body span.energybawah {
  position:absolute;
  position:fixed;
  right:0;
  left:0;
  top:46.5%;
  border:5px solid #ccc;
  margin:0 0 0 0;
  z-index:999999;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
  -moz-transition:all 3s ease-in;
  -o-transition:all 3s ease-in;
  -webkit-transition:all 3s ease-in;
  transition:all 3s ease-in;
  -moz-box-shadow:0 0 20px 3px #6405C2;
  -webkit-box-shadow:0 0 20px 3px #6405C2;
  box-shadow:0 0 20px 3px #6405C2;
}
body:hover::after {
  right:100%;
}
body:hover::before,
body:hover::after {
  visibility:hidden;
}
body:hover span.energyatas {
  visibility:hidden;
  -moz-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  top:0;
}
body:hover span.energybawah {
  visibility:hidden;
  -moz-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  top:100%;
}
body span.energy {
  width:35%;
  border-bottom:5px solid #ccc;
  border-top:5px solid #ccc;
  padding:10px;
  background:#000;
  border-radius:20px;
  font-size:20px;
  color:#fff;
  text-align:center;
  position:absolute;
  position:fixed;
  left:32%;
  right:45%;
  top:40%;
  bottom:45%;
  margin:0 0 0 0;
  z-index:123455543123445556888;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
  -moz-transition:all 3s ease-in;
  -o-transition:all 3s ease-in;
  -webkit-transition:all 3s ease-in;
  transition:all 3s ease-in;
  -moz-box-shadow:0 0 20px 3px #6405C2;
  -webkit-box-shadow:0 0 20px 3px #6405C2;
  box-shadow:0 0 20px 3px #6405C2;
}
body:hover span.energy {
  visibility:hidden;
  -moz-transition:all .7s ease-out;
  -o-transition:all .7s ease-out;
  -webkit-transition:all .7s ease-out;
  transition:all .7s ease-out;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  right:0;
  z-index:99999999;
}
Catatan :
- Kode CSS diatas sama saja fungsinya, hanya saja yang compress lebih padat, sedangkan yang beautify lebih cantik sehingga mudah untuk di edit.


5. Cari kode <body>
6. Copy kode html dibawah ini, lalu Paste dibawah kode <body>
<span class='energyatas'></span>
<span class='energy'><data:blog.title/><br/><span style='font-size:11px;color:#fff'>Gunakan Scroll Mouse/Keyboard Untuk Mengscroll Halaman</span></span>
<span class='energybawah'></span>
Catatan :
<data:blog.title/> merupakan nama blog Anda, jika ingin menggantinya silahkan dengan text biasa.

7. Klik Simpan Template

Sekian artikel mengenai Cara Membuat Energy Saving Mode Dengan CSS di Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
 
Animated Social Gadget - Blogger And Wordpress Tips