Info

SELAMAT DATANG

Selamat datang di Coretan Evanzip - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini semoga dari sekian banyak postingan ada beberapa artikel yang bermanfaat buat anda

Sekilas Tentang Evanzip


Nama saya Evan Saputra, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...

Posts Subscribe to This BlogComments

Follow Us


Kamis, 17 November 2011

Screen Saver Blog dengan Css3


Screen Saver Blog dengan Css3

hallo sobat evanzip mgn kabar nya???? wah dah lama juga ne nga update postingan maklum sob sibuk...:D
baik sobat evanzip sebelumnya evanzip sudah menjelaskan cara update status FB via BlackBerry dan untuk Tutorial kali ini evanzip akan membuat postingan cara membuat Screen saver css3.Screen saver Css3 akan muncul /tampil pada blog pada saat Mouse kita diamkan dan pada saat mouse kita gerakkan maka kita akan kembali  lagi pada halaman yang tadi.
penasaran kan sobat, silahkan lihat  dulu demonya :






 

 
nah gimana sobat evanzip tertarik mau buat screnn saver css3 di blog sobat silahkan ikuti langkah berikut ini:
  1. Login Ke Akun Blog Sobat
  2. Pada Dasbor Klik Rancangan=>> Kemudian Tambah Gadget Dan Pilih HTML Java/Script
  3. Pastekan Kode di bawah ini Tepat Didalamnya


<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.98;filter: alpha(opacity=98);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";background: #000;border-bottom: 3px solid transparent;z-index: 999999;-o-transition: all 3s ease-in-out 10s;-moz-transition: all 3s ease-in-out 10s;-webkit-transition: all 3s ease-in-out 10s;}body:hover .saving {opacity: 0.0;height:0.001%;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background: #0a7f01;border-bottom: 5px solid #333;-o-transition: opacity 2s ease-in-out 2.5s, background-color 3s linear 0.5s, height 1s ease-in 1.8s;-moz-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;-webkit-transition: opacity 2s ease-in-out 2.5s, background 3s linear 0.5s, height 1s ease-in 1.8s;}body .saving p.esm1{margin: 0;padding: 0;width: 92%;background: transparent;font-size: 100px;font-family: "Serif", Times New Roman;color: #FF0000;text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40,   2px -10px 10px #f10;position: relative;margin-top: 200px;line-height: 20px;font-weight: bold;text-align: center;border: 30px solid transparent;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-transition: -o-transform 5s ease-out 8s, background-color 4s ease-out 12s;-moz-transition: -moz-transform 5s ease-out 8s, background 4s ease-out 12s;-webkit-transition: -webkit-transform 5s ease-out 8s, background 4s ease-out 12s;}body:hover .saving p.esm1{font-size: 10px;color: red;width: 25%;margin: 340px 0 0 300px;padding: 25px;background: #aaa;border: 20px solid #888;border-radius: 170px;-moz-border-radius: 170px;-webkit-border-radius: 170px;-o-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-moz-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-webkit-transform:translate(600px,-500px) rotate(360deg) scale(0.2);-o-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -o-transform 1.2s linear 1.5s, background-color 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-moz-transition: font 1.1s 0.1s, width 1.3s 0.4s, margin-left 0.8s 1.2s, -moz-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1.2s ease-in 0.5s, border 3s ease-in;-webkit-transition: font 1.1s 0.1s, width 1.7s 0s, margin-left 0.8s 1.2s, -webkit-transform 1.2s linear 1.5s, background 0.6s ease-in 0.6s, margin-top 1s ease-in 0.5s, border 3s ease-in, -webkit-border-radius 3s ease-in;}.saving p span.esm2{font-size: 18px;opacity: 0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";display: block;text-align: center;width: 300px;margin: -10px auto; font-weight: normal;padding: 2px 8px;background: #000;border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Arial, Helvetica, sans-serif;-o-transition: 1s ease-out;-moz-transition: 1s ease-out;-webkit-transition: 1s ease-out;}.saving:hover p span.esm2{font-size: 10px;width: 200px;padding: 0;}.saving p span.esm3{color: #ccc;font-family: "Tahoma", Arial, Helvetica;display: block;margin:10px auto;background: url http://i964.photobucket.com/albums/ae124...) left center repeat-x;background: -moz-linear-gradient(top,#666,#111);background: -webkit-gradient(linear,0% top,0% bottom,from(#111),to(#666));opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";width: 250px;text-shadow: 1px 1px 1px #000;border: 1px solid #333;border-radius: 4px;padding:2px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size: 12px;font-weight: normal;line-height: 16px;}.saving .by_evanzip{margin-left: 30px;text-align: center;color: #015828;font-size: 12px;font-weight: normal;position: absolute;bottom: 30px;width: 100%;height: 20px;left: 0;}.saving .by_Tejahtc span.esm4 {color: #aaa;font-style:italic;font-size:14px;font-weight:bold;text-transform:uppercase;}#recpost {width:210px;overflow: hidden;height: 327px;float: right;margin-top: 10px;padding: 4px 2px;background: transparent;border: 1px solid transparent;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;}</style>
<div class='saving'>
<p class='esm1'>Evano Saputra<br/>
<br/><div class='by_evanzip'>Original design by: <span class='esm4'> Evanzip.blogspot.com - Evanzip.blogspot.com</span> -  2011</div>
</p>
<center><span class='esm3'>Move your mouse to go back to the page!<br/><blink>Hey...jangan pergi dulu gerakin aja lagi mousenya,nah gitu dong!</blink></span>
</center></div>

4.Ubah nama warna kuning dengan nama sobat
5.Simpan
SELAMAT MENCOBA SEMOGA BERHASIL






Kritik Dan Saran Sangat Membantu evanzip Dalam Menulis Artikel Pada Tutorial Berikutnya

Related Post



28 komentar:

  • wahhh..keren ini kayaknya sob.
    nice tipsnya mas evan..:)

  • Anonim

    walah jujur sebetulnya itu yang saya harapkan om evan tapi apa mungkin semua member mw lakukan hal itu ?
    itulah yang jadi pertanyaan saya om ?

  • @Muhammad Joko Lukito ( Ojel HTC )saya optimis om member HTC pasti mau..tinggal om ojel kasih DEMO nya dan cara pasangnya saya akan dukung terus om untuk anak2 HTC lampung...sukses selalu om OjelHTC

  • THANKS INFONYA SOBAT KINI SY BISA MASANG SCREEEN SEVER CANTIK BUATAN MAS EVAN

  • Wow.... nice kk.... nii juga adem neh Blog, full color, Gadgets, and Preview... wahhh nyari artikel ini susah kk, ehhh dapet dsini.... makasii iaa,...
    ijin nyimak artikel kk...


    dp™_oNLine Inc.

  • @Dinda_Phobiamakasih kunjungan nya silahkan baca2 ya ,,,:)

  • Anonim

    ini dia mantaps screen savernya om sip sip ganteng ^_^ ane kiss juga om ^_^
    belajar belajar dan terus belajar tetap semangat...

  • @Muhammad Joko Lukito ( Ojel HTC )trimakasih om OjelHTC...wah suatu kehormatan ne di kunjungi dan dikomen sama master,,sy harus lebih banyak belajar lg sama om ojelHTC ne...maklum om blogger newbie mohon bimbingan nya selalu...:)

  • wah, emang bener mantep ni tutor2 nya, thanks gan :D

  • @Vandroid T1 Komputer Tablet yang Murahmakasih gan kunjungan dan komen nya...sukses selalu buat agan

  • makasia om evan karna sudah masang logo kesayangan saya ^_^
    logo itu akan terus berkibar om tetap semangat ^_^

  • oh iya om ikutan kontes seo aja om biar nambah semangat
    dan kalah menang urusan belakang he,he,,
    yang penting semangatnya om ^_^

  • @Sekolah Manajemen Perhotelan IHSpengen se om tp kemempuan ku masih se ujung kuku ne... saya dukung om OJEL aja yang maju + anak2 HTC yang udah jago2 saya selalu support om untuk anak2 HTC

  • http://whatuget.blogspot.com/2011/12/nightly-sabotase-saya-jadi-spammer.html

  • wah keren ya ada screen savernya pake css3 lagi, sipp deh..

  • eh maaf komen saya kok malah itu, aduh ehehehe
    tolong hapus aja komen sebelumnya :D
    maaf sekali yah, bukan maksud saya gitu kok :((

  • @mangg4mudaboleh sob...silahkan di coba .moga bermanfaat

  • @botjez_sruwungboleh asal link sumber nya di ikut sertakan ya...:D

  • wah bagus ni gan..
    izin copy y gan..
    please.. :D

  • Keren gila :D ... coba ada theme yang lain :)

    Thanks thanks thanls broo :D

  • Posting Komentar

    Silahkan Berkomentar Di bawah ini Buat yang Belum Punya Akun Google/Blogger Bisa Di Ganti Dgn Anonymous

    ~ Berkomentarlah Dengan Sopan ~



    Silahkan Share Bila Anda Menyukainya Artikel ini



      ~ Evan Saputra ~

      Welcome

      Halo..sahabat evanzip...mau bergabung dengan ku di facebook @evanosaputra-Twitter @Evan_say atau di Yahoo Messenger ku @evansaputra33 ehhh...yang udah kunjung jangan lupa isi Buku Tamu nya Ya,,,

      My Profil

      Follow Me

     

    FIND US ON FACEBOOK


    SAHABAT KU

    Mengenalmu sangat menyenangkan

    BACK LINK

    EVAN < Free Auto Backlinks From 1Malaysia backlinks referer Backlink Exchange Free Automatic Backlink Florists Links Free Auto Backlinks SEO Links Exchanges, Blog Link Building Service Text Backlink Exchanges Text Backlink Exchanges Free Counter Text Backlink Exchanges Free Auto Backlinks Text Backlink Exchanges Auto Backlink Gratis Indonesia : Top Link Indo Free Automatic Backlink Backlink Exchange Statistik Blog
    Website Hit Counters
    page counter