Cara Membuat Energy Saving Mode Di Blog Dengan CSS3

assalamualaikum sobat,
apa kabar kalian semua..mohon maaf kalo blog ini jarang di update.. :D
insya allah sekarang saya akan mengupdate nya terus, kali ini postingan saya membahas tentang blog lagi ni, yaitu Cara membuat energy saving Mode pada blog,
yang seperti tergambar pada blog saya,
energy saving mode ini di buat dengan CSS jadi tidak akan memberatkan blog sobat..

pingin blog sobat ada energy saving mode nya ??
ikutin aja langkah saya dibawah ini.. :D

• Login ke Blog sobat.
• Pilih menu design/Rancangan
• lalu klik Add gadget
• trus pilih HTML/javascript

Sekarang tinggal copy code dibawah ini

<style type="text/css">body .saving{position: fixed;width: 100%;top: 0;left:0;height: 100%;opacity: 0.80;filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";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:url(http://i1231.photobucket.com/albums/ee519/noochii/matrixt.gif);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", Chiller;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:url(http://i1231.photobucket.com/albums/ee519/noochii/matrixt.gif);border: 1px solid #333;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #0000FF;text-shadow: none;font-family: Chiller, Chiller, 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://i1231.photobucket.com/albums/ee519/noochii/matrixt.gif) 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_Tejahtc {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'>Noochii_NC<br/>
<br/><br/>
<span class='esm3'>Move your mouse to go back to the page!<br/>Gerakkan mouse anda dan silahkan nikmati kembali posting kami!</span></p>
<div class='noochii'>
</div></div>

Keterangan : Tulisan yang berwarna Hijau ganti dengan kata" sobat.. dan tulisan yang berwarna Merah adalah URL gambar nya. sobat ganti dengan gambar sobat sendiri.

• Lalu di save dan lihat hasil nya di blog sobat.. :D

Terima kasih.. :D

Readmore Cara Membuat Energy Saving Mode Di Blog Dengan CSS3

Cara Agar Background Blog Full Size

Selamat pagi sobat blogger..
selamat menjalankan ibadah puasa.. :)
pagi hari ini saya akan memposting tentang Cara Agar Background Blog Full Size, mungkin ada dari sebagian sobat blogger yang kesulitan dengan background blog nya yang tidak full size.. seperti saya ini, saya juga bingung mengatur ukuran background blog saya..akirnya saya menyerah dan tanya ke mbah Google . :P untung ada artikel dari sobat blogger,yang sangat bermanfaat buat saya,

sekarang saya akan memberikan solusi untuk sobat yang kesulitan dalam mengatur ukuran background blog nya.
okee.langsung saja mengikuti langkah" yang saya berikan dibawah ini..

yang harus sobat lakukan sekarang adalah

1. Login Ke Akun Blogger sobat
2. Klik Menu Design
3. Lalu Klik Edit HTML
4. dan jangan lupa di centang Expand Widget nya (untuk berjaga" kalau ada yang error)
5. tambah kan code berikut Setelah URL background nya.

no-repeat center center fixed;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

}

CONTOH : 

{ background:#000 url(http://i1231.photobucket.com/albums/ee519/noochii/hulk-movie-wallpaper.jpg) no-repeat center center fixed;

        -webkit-background-size: cover;

        -moz-background-size: cover;

        -o-background-size: cover;

        background-size: cover;

}

    6. Simpan Template sobat dan lihat lah hasilnya.. :)

Semoga artikel saya bermanfaat.. selamat mencoba.. :)

Readmore Cara Agar Background Blog Full Size

Akhirnya Di Approve juga

Alhamdulillah, suatu kebanggaan buat saya., akhirnya account GA saya hari ini diterima.. setelah menunggu kurang dari 48 jam, saya mengecek gmail saya,,saya melihat ada email dari GA,ada perasaan senang dan ragu..apakah saya diterima atau ditolak lagi ?? :D sebelum nya saya juga sudah mendaftar GA berkali" .tetapi ditolak semua..hiikss..tetapi..saya tidak putus asa.. berbagai cara telah aku lakukan untuk dirimu .. loohh..kok malah nyanyi ?? :D :D

yaphh..saya sudah mencoba dengan cara"yang kebanyakan orang juga sudah menggunakan cara itu dan berhasiiiilll..tetapi nasib saya beda.. saya sudah mencoba melalui Indyarocks 
dari sebagian orang sudah berhasil mencoba mendaftar melalui Indyarocks tetapi saya tidak berhasil..padahal saya sudah mengikuti aturan mainnya..:D yang katanya harus mengupload 10 foto, huh
ada saja alasan GA menolak permintaan saya.. T.T

oiaa..saya juga sudah mencoba nya melalui Flixya hmmm..tapi disini belum sempet daftarin ke GA.. karena pas saya masukan email nya tidak bisa..katanya.email saya sudah digunakan..saya sudah tanya" ke teman"saya dan tidak ada yang tau..padahal itu email baru saja saya buat .. apa boleh buat..akhirnya saya logout deh tuh Flixya nya..dan mencoba untuk daftar GA melalui Monetize dari blog saya..

sebelum mengisi formulir nya.,.saya teliti dulu melihat blog saya..apakah sudah rapih atau belum..

okee.. blog sudah rapih, saya hanya memasang widget guestbook dan hitstat .. ;D
hmm..ternyata mendaftar GA tidak diharuskan untuk blog yang traffic nya tinggi..

langsung saja saya mengisi formulirnya dengan benar..dan teliti..
setelah itu tinggal menunggu apakah GA saya di approve apa tidakkkkk

dan akhirnya,sekarang tepat tanggal 18 juli 2011..GA saya diterima.. :)

sedikit tips buat sobat yang GA nya belum diapprove..

1.buat akun gmail yang belum pernah didaftarkan ke GA

2.kalau sobat sudah punya blog yang berbahasa indonesia, dan artikel nya hasil tulisan sendiri,sobat translate aja ke bahasa inggris,trus copy deh ke blog yang akan di daftarkan ke GA
minimal 3 artikel berbahasa inggris yang diposting, kalau bisa berupa gambar.

3.setting blog nya menggunakan bahasa inggris-inggris

4.pasang widget guestbook dan jumlah pengunjung (Histat)
kedua widget tersebut bisa sobat dapatkan disini
Guestbook Histat

 okee..saya rasa cukup segini saja,,semoga tips ini bermanfaat buat sobat yang GA nya belum di Approve, jangan mudah menyerah.. cobalah terus sampai GA sobat diterima,
mereka saja bisa..kenapa kita tidak ??
oiaa..sempet lupa.. kunjungi ini Disini ya..dan cipok GA nya .. :P

Readmore Akhirnya Di Approve juga

Cara memasang Tombol Sharing is Sexy di Blog

Assalamualaikum ..
Selamat malam sobat, Maaf sebelumnya saya baru menulis postingan lagi, karena kemarin" lagi ngga mood nulis postingan.hihihiih
entah kenapa rasa nya malas sekali,, padahal dapet banyak ilmu baru .. wuiisshh, (bukan ilmu hitam loh.) :P
pada malam hari ini saya akan memposting cara memasang tombol share is Sexy.. (wah,dari namanya aja udah fulgar nih) tapi tunggu dulu,,jangan ngeres dulu,, :P
ini Tombol share biasa..ngga ada sexy"nya..saya juga bingung itu dapet darimana namanya ?? ahahha
tapi kelebihannya..tombol share nya banyak banget..itu buat apa aja ?? paling orang"juga share nya cuma ke facebook sama twitter...ckckkckckkc
tapi kalo masalah itu bisa sobat edit sendiri kok..

oiaa..saya juga memakainya di blog saya . nih saya kasih liat SS nya,.

gimana ?? banyak kan ??
anda tertarik menggunakannya ??
okedeh langsung saja ikutin langkah"saya dibawah ini..karena saya juga sudah mulai mengantuk .. -,-

-Pertama, sobat harus login dulu ke akun blogger sobat,

-Setelah itu.klik design, edit html

-Jangan lupa dicentang expand widgetnya..

-Cari Code </head>


-Setelah Ketemu. Copy code dibawah ini dan paste code tersebut dibawah code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript' /> <link href='http://bloggerblogwidgets.googlecode.com/svn/trunk/auto-hide-social-bookmarking-way2blogging.css' rel='stylesheet' type='text/css' /> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('.sexy-bookmarks a.external').attr("target", "_blank"); var sexyBaseHeight = jQuery('.sexy-bookmarks').height(); var sexyFullHeight = jQuery('.sexy-bookmarks ul.socials').height(); if (sexyFullHeight > sexyBaseHeight) { jQuery('.sexy-bookmarks-expand').hover( function() { jQuery(this).animate({ height: sexyFullHeight + 15 + 'px' }, { duration: 800, queue: false }); }, function() { jQuery(this).animate({ height: sexyBaseHeight + 'px' }, { duration: 800, queue: false }); }); } if (jQuery('.sexy-bookmarks-center')) { var sexyFullWidth = jQuery('.sexy-bookmarks').width(); var sexyBookmarkWidth = jQuery('.sexy-bookmarks:first ul.socials li').width(); var sexyBookmarkCount = jQuery('.sexy-bookmarks:first ul.socials li').length; var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth); var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth; var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2; jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin + 'px'); } }); </script><br />

-Kemudian. agar tombol share nya berada di bawah postingan cari code berikut <data:post.body/>
-Jika Sudah ketemu.. Copy paste code dibawah ini tepat di bawah code <data:post.body/>
(Kalau code nya ada 2.. pilih yang ada di bawah)

<b:if cond='data:blog.pageType == "item"'><br /> <div id='post-width-w2b' style='width:600px;'> <div class='sexy-bookmarks-bg-caring sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '> <ul class='socials'> <li class='sexy-yahoomail'><br /> <a class='external' expr:href='"http://compose.mail.yahoo.com/?Subject= " + data:post.title + "&body=Link:"+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/><br /> </li> <li class='sexy-gmail'><br /> <a class='external' expr:href='"https://mail.google.com/mail/?ui=2&view=cm&fs=1&tf=1&su=" + data:post.title + "&body=Link:" + data:post.url' rel='nofollow' title='Email this via Gmail'/><br /> </li> <li class='sexy-twitter'><br /> <a class='external' expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url ' rel='nofollow' title='Tweet This!'/><br /> </li> <li class='sexy-facebook'><br /> <a class='external' expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title ' onclick='window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false;' rel='nofollow' title='Share this on Facebook'/><br /> </li> <li class='sexy-linkedin'><br /> <a class='external' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' title='Share this on LinkedIn'/><br /> </li> <li class='sexy-googlebuzz'><br /> <a class='external' expr:href='"http://www.google.com/buzz/post?url=" + data:post.url + "&imageurl="' rel='nofollow' title='Post on Google Buzz'/><br /> </li> <li class='sexy-yahoobuzz'><br /> <a class='external' expr:href='"http://buzz.yahoo.com/submit/?submitUrl=" + data:post.url + "&submitHeadline=" + data:post.title + "&submitSummary=&submitCategory=science&submitAssetType=text"' rel='nofollow' title='Buzz up!'/><br /> </li> <li class='sexy-blogger'><br /> <a class='external' expr:href='"http://www.blogger.com/blog_this.pyra?t&u=" + data:post.url + "&n=" + data:post.title + "&pli=1"' rel='nofollow' title='Blog this on Blogger'/><br /> </li> <li class='sexy-googlebookmarks'><br /> <a class='external' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Add this to Google Bookmarks'/><br /> </li> <li class='sexy-googlereader'><br /> <a class='external' expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcUrl=" + data:post.url + "&srcTitle=" + data:post.title + "&snippet="' rel='nofollow' title='Add this to Google Reader'/><br /> </li> <li class='sexy-stumbleupon'><br /> <a class='external' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'/><br /> </li> <li class='sexy-delicious'><br /> <a class='external' expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on del.icio.us'/><br /> </li> <li class='sexy-digg'><br /> <a class='external' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Digg this!'/><br /> </li> <li class='sexy-comfeed'><br /> <a class='external' expr:href='data:blog.homepageUrl + "feeds/" + data:post.id + "/comments/default?alt=rss"' rel='nofollow' title='Subscribe to the comments for this post?'/><br /> </li> <li class='sexy-orkut'><br /> <a class='external' expr:href='"http://promote.orkut.com/preview?nt=orkut.com&tt=" + data:post.title + "&du=" + data:post.url + "&cn="' rel='nofollow' title='Promote this on Orkut'/><br /> </li> <li class='sexy-designbump'><br /> <a class='external' expr:href='"http://designbump.com/submit?url=" + data:post.url + "&title=" + data:post.title + "&body="' rel='nofollow' title='Bump this on DesignBump'/><br /> </li> <li class='sexy-reddit'><br /> <a class='external' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on Reddit'/><br /> </li> <li class='sexy-designfloat'><br /> <a class='external' expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit this to DesignFloat'/><br /> </li> <li class='sexy-friendfeed'><br /> <a class='external' expr:href='"http://www.friendfeed.com/share?title=" + data:post.title + "&link=" + data:post.url ' rel='nofollow' title='Share this on FriendFeed'/><br /> </li> <li class='sexy-zabox'><br /> <a class='external' expr:href='"http://www.zabox.net/submit.php?url=" + data:post.url ' rel='nofollow' title='Box this on Zabox'/><br /> </li> <li class='sexy-dzone'><br /> <a class='external' expr:href='"http://www.dzone.com/links/add.html?url=" + data:post.url + "&title=" + data:post.title + "&description="' rel='nofollow' title='Add this to DZone'/><br /> </li> <li class='sexy-webblend'><br /> <a class='external' expr:href='"http://thewebblend.com/submit?url=" + data:post.url + "&title=" + data:post.title + "&body="' rel='nofollow' title='Blend this!'/><br /> </li> <li class='sexy-propeller'><br /> <a class='external' expr:href='"http://www.propeller.com/submit/?url=" + data:post.url ' rel='nofollow' title='Submit this story to Propeller'/><br /> </li> <li class='sexy-tumblr'><br /> <a class='external' expr:href='"http://www.tumblr.com/share?v=3&u=" + data:post.url + "&t=" + data:post.title ' rel='nofollow' title='Share this on Tumblr'/><br /> </li> <li class='sexy-squidoo'><br /> <a class='external' expr:href='"http://www.squidoo.com/lensmaster/bookmark?" + data:post.url ' rel='nofollow' title='Add to a lense on Squidoo'/><br /> </li> <li class='sexy-posterous'><br /> <a class='external' expr:href='"http://posterous.com/share?linkto=" + data:post.url + "&title=" + data:post.title + "&selection="' rel='nofollow' title='Post this to Posterous'/><br /> </li> <li class='sexy-technorati'><br /> <a class='external' expr:href='"http://technorati.com/faves?add=" + data:post.url ' rel='nofollow' title='Share this on Technorati'/><br /> </li> <li class='sexy-hotmail'><br /> <a class='external' expr:href='"http://mail.live.com/?rru=compose?subject=" + data:post.title + "&body=Link: " + data:post.url ' rel='nofollow' title='Email this via Hotmail'/><br /> </li> <li class='sexy-bebo'><br /> <a class='external' expr:href='"http://www.bebo.com/c/share?Url=" + data:post.url + "&Title=" + data:post.title ' rel='nofollow' title='Share this on Bebo'/><br /> </li> <li class='sexy-bitacoras'><br /> <a class='external' expr:href='"http://bitacoras.com/anotaciones/" + data:post.url ' rel='nofollow' title='Submit this to Bitacoras'/><br /> </li> <li class='sexy-blinklist'><br /> <a class='external' expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=" + data:post.url + "&Title=" + data:post.title ' rel='nofollow' title='Share this on Blinklist'/><br /> </li> <li class='sexy-100zakladok'><br /> <a class='external' expr:href='"http://www.100zakladok.ru/save/?bmurl=" + data:post.url + "&bmtitle=" + data:post.title ' rel='nofollow' title='Add this to 100 bookmarks'/><br /> </li> <li class='sexy-blogengage'><br /> <a class='external' expr:href='"http://www.blogengage.com/submit.php?url=" + data:post.url ' rel='nofollow' title='Engage with this article!'/><br /> </li> <li class='sexy-blogmarks'><br /> <a class='external' expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Mark this on BlogMarks'/><br /> </li> <li class='sexy-bobrdobr'><br /> <a class='external' expr:href='"http://bobrdobr.ru/addext.html?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on BobrDobr'/><br /> </li> <li class='sexy-bonzobox'><br /> <a class='external' expr:href='"http://bonzobox.com/toolbar/add?pop=1&u=" + data:post.url + "&t=" + data:post.title + "&d="' rel='nofollow' title='Add this to BonzoBox'/><br /> </li> <li class='sexy-boxnet'><br /> <a class='external' expr:href='"https://www.box.net/api/1.0/import?url=" + data:post.url + "&name=" + data:post.title + "&description=&import_as=link"' rel='nofollow' title='Add this link to Box.net'/><br /> </li> <li class='sexy-current'><br /> <a class='external' expr:href='"http://current.com/clipper.htm?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Post this to Current'/><br /> </li> <li class='sexy-diigo'><br /> <a class='external' expr:href='"http://www.diigo.com/post?url=" + data:post.url + "&title=" + data:post.title + "&desc="' rel='nofollow' title='Post this on Diigo'/><br /> </li> <li class='sexy-ekudos'><br /> <a class='external' expr:href='"http://www.ekudos.nl/artikel/nieuw?url=" + data:post.url + "&title=" + data:post.title + "&desc="' rel='nofollow' title='Submit this to eKudos'/><br /> </li> <li class='sexy-evernote'><br /> <a class='external' expr:href='"http://www.evernote.com/clip.action?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Clip this to Evernote'/><br /> </li> <li class='sexy-faqpal'><br /> <a class='external' expr:href='"http://www.faqpal.com/submit?url=" + data:post.url ' rel='nofollow' title='Submit this to FAQpal'/><br /> </li> <li class='sexy-fwisp'><br /> <a class='external' expr:href='"http://fwisp.com/submit?url=" + data:post.url ' rel='nofollow' title='Share this on Fwisp'/><br /> </li> <li class='sexy-globalgrind'><br /> <a class='external' expr:href='"http://globalgrind.com/submission/submit.aspx?url=" + data:post.url + "&type=Article&title=" + data:post.title ' rel='nofollow' title='Grind this! on Global Grind'/><br /> </li> <li class='sexy-hackernews'><br /> <a class='external' expr:href='"http://news.ycombinator.com/submitlink?u=" + data:post.url + "&t=" + data:post.title ' rel='nofollow' title='Submit this to Hacker News'/><br /> </li> <li class='sexy-hatena'><br /> <a class='external' expr:href='"http://b.hatena.ne.jp/add?mode=confirm&url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Bookmarks this on Hatena Bookmarks'/><br /> </li> <li class='sexy-hyves'><br /> <a class='external' expr:href='"http://www.hyves.nl/profilemanage/add/tips/?name=" + data:post.title + "&text=Text about this site+-+" + data:post.url + "&rating=5"' rel='nofollow' title='Share this on Hyves'/><br /> </li> <li class='sexy-identica'><br /> <a class='external' expr:href='"http://identi.ca//index.php?action=newnotice&status_textarea=Reading:" + data:post.title + "+-+from+" + data:post.url ' rel='nofollow' title='Post this to Identica'/><br /> </li> <li class='sexy-izeby'><br /> <a class='external' expr:href='"http://izeby.com/submit.php?url=" + data:post.url ' rel='nofollow' title='Add this to Izeby'/><br /> </li> <li class='sexy-jumptags'><br /> <a class='external' expr:href='"http://www.jumptags.com/add/?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit this link to JumpTags'/><br /> </li> <li class='sexy-kaevur'><br /> <a class='external' expr:href='"http://kaevur.com/submit.php?url=" + data:post.url ' rel='nofollow' title='Share this on Kaevur'/><br /> </li> <li class='sexy-mail'><br /> <a class='external' expr:href='"mailto:?subject=%22" + data:post.title + "%22&body=Link: " + data:post.url + " (sent via Way2blogging) "' rel='nofollow' title='Email this to a friend?'/><br /> </li> <li class='sexy-memoryru'><br /> <a class='external' expr:href='"http://memori.ru/link/?sm=1&u_data[url]=" + data:post.url + "&u_data[name]=" + data:post.title ' rel='nofollow' title='Add this to Memory.ru'/><br /> </li> <li class='sexy-meneame'><br /> <a class='external' expr:href='"http://meneame.net/submit.php?url=" + data:post.url ' rel='nofollow' title='Submit this to Meneame'/><br /> </li> <li class='sexy-misterwong'><br /> <a class='external' expr:href='"http://www.mister-wong.com/addurl/?bm_url=" + data:post.url + "&bm_description=" + data:post.title + "&plugin=sexybookmarks"' rel='nofollow' title='Add this to Mister Wong'/><br /> </li> <li class='sexy-moemesto'><br /> <a class='external' expr:href='"http://moemesto.ru/post.php?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Add this to MyPlace'/><br /> </li> <li class='sexy-mylinkvault'><br /> <a class='external' expr:href='"http://www.mylinkvault.com/link-page.php?u=" + data:post.url + "&n=" + data:post.title ' rel='nofollow' title='Store this link on MyLinkVault'/><br /> </li> <li class='sexy-myspace'><br /> <a class='external' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u=" + data:post.url + "&t=" + data:post.title ' rel='nofollow' title='Post this to MySpace'/><br /> </li> <li class='sexy-n4g'><br /> <a class='external' expr:href='"http://www.n4g.com/tips.aspx?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit tip to N4G'/><br /> </li> <li class='sexy-netvibes'><br /> <a class='external' expr:href='"http://www.netvibes.com/share?title=" + data:post.title + "&url=" + data:post.url ' rel='nofollow' title='Submit this to Netvibes'/><br /> </li> <li class='sexy-netvouz'><br /> <a class='external' expr:href='"http://www.netvouz.com/action/submitBookmark?url=" + data:post.url + "&title=" + data:post.title + "&popup=no"' rel='nofollow' title='Submit this to Netvouz'/><br /> </li> <li class='sexy-newsvine'><br /> <a class='external' expr:href='"http://www.newsvine.com/_tools/seed&save?u=" + data:post.url + "&h=" + data:post.title ' rel='nofollow' title='Seed this on Newsvine'/><br /> </li> <li class='sexy-ning'><br /> <a class='external' expr:href='"http://bookmarks.ning.com/addItem.php?url=" + data:post.url + "&T=" + data:post.title ' rel='nofollow' title='Add this to Ning'/><br /> </li> <li class='sexy-nujij'><br /> <a class='external' expr:href='"http://nujij.nl/jij.lynkx?t=" + data:post.title + "&u=" + data:post.url + "&b="' rel='nofollow' title='Submit this to NUjij'/><br /> </li> <li class='sexy-oknotizie'><br /> <a class='external' expr:href='"http://oknotizie.virgilio.it/post?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on OkNotizie'/><br /> </li> <li class='sexy-pfbuzz'><br /> <a class='external' expr:href='"http://pfbuzz.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on PFBuzz'/><br /> </li> <li class='sexy-pingfm'><br /> <a class='external' expr:href='"http://ping.fm/ref/?link=" + data:post.url + "&title=" + data:post.title + "&body="' rel='nofollow' title='Ping this on Ping.fm'/><br /> </li> <li class='sexy-plaxo'><br /> <a class='external' expr:href='"http://www.plaxo.com/?share_link=" + data:post.url ' rel='nofollow' title='Share this on Plaxo'/><br /> </li> <li class='sexy-plurk'><br /> <a class='external' expr:href='"http://www.plurk.com/m?content=9+beautiful+web+forms+for+free+download+-+" + data:post.url + "&qualifier=shares"' rel='nofollow' title='Share this on Plurk'/><br /> </li> <li class='sexy-printfriendly'><br /> <a class='external' expr:href='"http://www.printfriendly.com/print?url=" + data:post.url ' rel='nofollow' title='Send this page to Print Friendly'/><br /> </li> <li class='sexy-pusha'><br /> <a class='external' expr:href='"http://www.pusha.se/posta?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Push this on Pusha'/><br /> </li> <li class='sexy-scriptstyle'><br /> <a class='external' expr:href='"http://scriptandstyle.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit this to Script & Style'/><br /> </li> <li class='sexy-slashdot'><br /> <a class='external' expr:href='"http://slashdot.org/bookmark.pl?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Submit this to SlashDot'/><br /> </li> <li class='sexy-sphinn'><br /> <a class='external' expr:href='"http://sphinn.com/index.php?c=post&m=submit&link=" + data:post.url ' rel='nofollow' title='Sphinn this on Sphinn'/><br /> </li> <li class='sexy-springpad'><br /> <a class='external' expr:href='"http://springpadit.com/clip.action?body=&url=" + data:post.url + "&format=microclip&title=" + data:post.title + "&isselected=true"' rel='nofollow' title='Spring this on SpringPad'/><br /> </li> <li class='sexy-strands'><br /> <a class='external' expr:href='"http://www.strands.com/tools/share/webpage?title=" + data:post.title + "&url=" + data:post.url ' rel='nofollow' title='Submit this to Strands'/><br /> </li> <li class='sexy-stumpedia'><br /> <a class='external' expr:href='"http://www.stumpedia.com/submit?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Add this to Stumpedia'/><br /> </li> <li class='sexy-techmeme'><br /> <a class='external' expr:href='"http://twitter.com/home/?status=Tip+@Techmeme+" + data:post.url + "--" + data:post.title + "&source=Way2blogging"' rel='nofollow' title='Tip this to TechMeme'/><br /> </li> <li class='sexy-tipd'><br /> <a class='external' expr:href='"http://tipd.com/submit.php?url=" + data:post.url ' rel='nofollow' title='Share this on Tipd'/><br /> </li> <li class='sexy-tomuse'><br /> <a class='external' expr:href='"mailto:tips@tomuse.com?subject=" + data:post.title + "&body=Link: " + data:post.url ' rel='nofollow' title='Suggest this article to ToMuse'/><br /> </li> <li class='sexy-twittley'><br /> <a class='external' expr:href='"http://twittley.com/submit/?title=" + data:post.title + "&url=" + data:post.url + "&desc=&pcat=Technology&tags="' rel='nofollow' title='Submit this to Twittley'/><br /> </li> <li class='sexy-viadeo'><br /> <a class='external' expr:href='"http://www.viadeo.com/shareit/share/?url=" + data:post.url + "&title=" + data:post.title + "&urlaffiliate=31138"' rel='nofollow' title='Share this on Viadeo'/><br /> </li> <li class='sexy-virb'><br /> <a class='external' expr:href='"http://virb.com/share?external&v=2&url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on Virb'/><br /> </li> <li class='sexy-wikio'><br /> <a class='external' expr:href='"http://www.wikio.com/sharethis?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Share this on Wikio'/><br /> </li> <li class='sexy-wykop'><br /> <a class='external' expr:href='"http://www.wykop.pl/dodaj?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Add this to Wykop!'/><br /> </li> <li class='sexy-xerpi'><br /> <a class='external' expr:href='"http://www.xerpi.com/block/add_link_from_extension?url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' title='Save this to Xerpi'/><br /> </li> <li class='sexy-yandex'><br /> <a class='external' expr:href='"http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&lurl=" + data:post.url + "&lname=" + data:post.title ' rel='nofollow' title='Add this to Yandex.Bookmarks'/><br /> </li> <li class='sexy-way2blogging'><br /> <a class='external' href='http://way2blogging.blogspot.com' rel='follow' title='Grab this Widget'></a><br /> </li> </ul> <div class='sexy-link'> </div> </div></div></b:if>

-Kalau Sudah semua..Klik Save Template.. dan.sobat lihat hasilnya ..:)

Untuk Merubah gambar yang berada di atas tombol..sobat cukup mengganti
tulisan yang berwarna hijau dengan code berikut.

sexy-bookmarks-bg-sexy

sexy-bookmarks-bg-enjoy

sexy-bookmarks-bg-caring-old

sexy-bookmarks-bg-love

sexy-bookmarks-bg-wealth

 

sexy-bookmarks-bg-caring

Lumayan panjang ya untuk postingan kali ini..huh

Selamat Mencoba nya sobat .. :)

Readmore Cara memasang Tombol Sharing is Sexy di Blog

Tampilan Blogger Berubah

seperti biasa, habis bangun tidur,mata masih sepet,, :D saya langsung menyalakan komputer untuk melihat keadaan blog saya..komputer sudah menyala dan siap di gunakan, langsung saya konekan modem saya dan membuka google chrome saya...saya langsung masuk ke blogger,dan melihat tampilan dashbord nya seperti ini,,

saya pikir koneksinya sedang lemot,saya coba melihat ke new post,,dan ternyata putih juga,

hmm,,seperti nya tampilan blog berubah,, (baru nyadar) :D
dengan tampilan blog seperti ini jadi terasa sangat mudah,dan simpel,,loading nya juga ga lemot,,tapi saya masih bingung,edit html template nya dimana yaa ???????? :D

Readmore Tampilan Blogger Berubah

Cara Membuat efek marquee pada link/banner sahabat

Selamat malam Sobat Blogger ... :)
Pada postingan kali ini saya akan membahas tentang cara Membuat efek marquee pada link/banner sahabat..
Seperti yang ada pada sidebar kanan bawah saya,,

sobat tahu apa itu marquee ?? itu loh, script untuk membuat text/gambar bergerak dari arah kiri ke kanan, kanan ke kiri, atas ke bawah, dan bawah ke atas,
Tips ini hampir sama seperti Cara Membuat Popular Posts Bergerak

Berikut contoh nya.
Dari bawah ke atas ---

Bagaimana ? berminat kah anda ??
jika sobat berminat.. ikuti cara saya dibawah ini,

1 .Masuk ke akun blogger sobat,
2. klik Menu design - pilih page element
3. Kemudian, pilih add a gadget, (sebaiknya taro di sidebar saja) Klik tanda + pada HTML/javascript
4. lalu copy dan paste kan code berikut

<marquee align='left' direction='down' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>paste kan code banner sahabat anda disini</marquee>

5. Simpan

Selamat Mencoba ..:D

Readmore Cara Membuat efek marquee pada link/banner sahabat

Cara Membuat tempat Pasang Banner di Blog

Selamat Pagi sobat blogger.. :)
Dipagi ini Saya akan memposting tentang cara membuat tempat pasang banner, Ini permintaan dari sobat blogger yang tempat pasang banner nya error, sebenernya dia cuma minta script nya aja.. tapi sekalian aja saya mempostingnya, supaya sobat blogger yang lain nya juga tahu. :).

oke langsung aja kita mulai .

langkah pertama,
1. Login ke blogger dengan akun sobat,
2. klik menu Design - masuk ke page halaman,
3. Lalu klik add a gadget, (terserah sobat sendiri mau di add dimana, kalau saya sendiri pasang nya di sidebar kanan)
4. Jika sudah, Klik tanda + pada gadget HTML/Javascript
5. Lalu copy dan pastekan code dibawah ini


<center><img src="http://i1231.photobucket.com/albums/ee519/noochii/noochii-1.gif" border="0" alt="Noochii Artikel " />


<textarea name="code" rows="6" cols="19">
<a href="http://noochiiartikel.blogspot.com/" target="_blank">
<center><img src="http://i1231.photobucket.com/albums/ee519/noochii/noochii-1.gif" border="0" alt="Noochii artikel " /></center></a>
</textarea></center>


6. Lalu di Simpan, Selesai deh,,

Catatan : text yang berwarna biru adalah alamat gambarnya,Sobat bisa ganti dengan gambar buatan sobat sendiri,.
 dan yang berwarna merah adalah alamat Blog yang akan dituju saat gambar di klik, ganti dengan alamat blog sobat , 


Jangan lupa ,, Setelah membaca artikel ini.. pasang banner saya ya...hhihihi
Semoga Bermanfaat ..:)

Readmore Cara Membuat tempat Pasang Banner di Blog

domain co.cc di kick google

hmm..dari informasi yang saya dapat, dari artikel yang saya baca, saya menemukan berita ini.. awalnya saya cuek, tapi semakin saya survei,, semakin banyak sobat blogger yang menulis artikel tentang ini ..wuw,,
saya pernah baca di salah satu blog , (lupa nama blog nya) katanya., kalo pake domain co.cc tidak akan bertahan lama,
hmm,,untung saja saya setelah membaca artikel tersebut langsung mengganti domain blog saya,, sebelum nya saya  belum mengurus blog ini,,

ternyata yang diposting oleh sobat blogger menjadi kenyataan,dan sekarang lah kenyataan itu terjadi,,(sebernya sih dari kemarin) :D  ,,saya mencoba mancari" di google dan tidak ada satupun domain co.cc.. google bener" menghapus semua domain yang berhubungan dengan co.cc ..
ckckckckc.. apa yang terjadi ?? apa karena sudah putus kontrak nya ?? ahhahahah entahlah,,

buat sobat blogger yang blog nya tidak terindex oleh google,, jangan berkecil hati,, terus lah berkarya membangun blog yang proffesional,, domain saya saran kan pakai dot blogspot saja,,karena blogspot sudah menjadi hak milik nya google...lebih bagus lagi pakai yang berbayar (dot com , atau semacam nya)

Readmore domain co.cc di kick google

Membuat Link Membesar saat Terkena Cursor

Pada malam Hari ini,..saya Meluangkan waktu untuk memposting cara Membuat Link Membesar saat Terkena Cursor,,seperti yang sobat lihat di blog saya..
Saya mendapatkan Tips ini saat sedang blogwalking di blog tituitbom.blogspot.com
berikut contoh gambarnya,

okeh.pasti sobat juga sudah mengerti dari tips yang saya berikan ini..seperti yang sobat tahu,,tips ini juga sudah lama..
langsung aja kita mulai cara memasang nya..

pertama : ya pastinya sobat harus login ke akun blogger sobat.. masa akun facebook ?? :D
2.  Klik Design/Layout - Pilih Edit Html
3.  jangan Lupa expand Widgetnya dicentang ..
4.  Lalu cari code Berikut ]]></b:skin> Saran saya gunakan CTRL+F Karena untuk mempercepat pencarian
5.  jika sudah ketemu, copy code dibawah ini dan pastekan di atas  code ]]></b:skin> 


        a:hover {
        font-size: 50px;
        font-weight: bold;
        text-decoration: none;
        }


6.  Simpan Templatenya


catatan : code yang berwarna biru adalah ukuran font nya.. bisa sobat ganti sesuai dengan selera sobat..:D

Readmore Membuat Link Membesar saat Terkena Cursor

Trik Gambar Halaman Website Berputar-Putar

Disaat Lagi ngga ada kerjaan, Lagi bingung mau ngapain,,(tumben nih di depan pc bingung mau ngapain) ini aja ngeposting Trik Gambar Halaman Website Berputar-Putar bingung.. apa mungkin karena habis mencoba trik ini jadi bingung ?? hahahha
soalnya dibawa muter"sama gambar" yang ada di halaman blog saya..:D

trik ini saya dapatkan dari teman di facebook saya Ini akun nya, Saat saya sedang melihat foto" teman saya..tiba" dia chat saya,, dan memberikan script Gambar Halaman Website Berputar-Putar ,, saya ragu untuk mencobanya, karena teman saya itu suka ngerjain orang.. :P

Tapi apa salahnya dicoba dulu..:D
langsung saja saya copy dan paste kan script yang dikasih oleh teman saya di tab baru di google chrome saya (di address bar nya) dan saya lihat,, tidak terjadi apa" ..hanya ada seperti cursor muter-muter di halaman tab baru nya,,

tapi tunggu dulu..begitu saya coba paste code nya di address bar halaman blog saya ....
saya kaget sambil bengong.... looohhhh ??? :D
saya melihat blog saya acak"an,,gambar beterbangan dimana"...:D
nih saya kasih contoh gambarnya ...

gimana ?? acak"an kan ..:D tapi sobat jangan panik dulu..karena ini sifatnya hanya sementara,, ngga permanen kok..cuma buat iseng"saja..:D
saya juga sudah coba di halaman facebook.. dan hasil nya sama..tapi lebih rame..
tapi maaf nih saya ngga bisa ngasih SS nya..
sobat coba aja sendiri...nanti juga tahu kok...:D
nih saya kasih script nya buat sobat yang ingin mencobanya :D

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=380; y4=290; x5=380; y5=290; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

Jangan lupa..pastenya di address bar...

Selamat mencoba ..:D

Readmore Trik Gambar Halaman Website Berputar-Putar

Cara memasang profile Facebook Melayang diBlog

Sedikit Tips dari saya untuk sobat blogger, waktu sedang mencari" di search engine terbesar didunia yaitu Google, sebenernya saya ingin mencari cara membuat profile facebook bisa di buka tutup kaya GuestBook . namun,karena pas dipasang bentrok sama GuestBook saya, akhirnya saya cari lagi yang lain .sebenernya code yang akan saya share ini untuk memasang gambar melayang, tapi karena saya butuh nya profile Facebook
maka saya akalin saja sendiri,,:D

sobat bisa melihat contoh nya di sudut kiri atas..ada kan profile facebook saya ??
ya ada dong.. okee,,langsung saja kita mulai,

pertama yang harus sobat lakukan adalaah,
buat dulu profile facebooknya.. kalau belum punya klik dulu disini kalau sudah punya langsung aja lanjut ke langkah dibawh
login ke akun blogger sobat,

lalu klik design - pilih edit html,
jangan lupa di centang expand widgetnya,,

cari code ]]></b:skin> Saya sarankan untuk menggunakan ctrl+f biar lebih cepat
setelah code nya ketemu copy code dibawah ini

#noochii_trik {<br /> position:fixed;_position:absolute;top:0px; left:3px;<br /> clip:inherit;<br /> _top:expression(document.documentElement.scrollTop+<br /> document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Paste code tersebut diatas code ]]></b:skin> 

Jika sudah, langkah selanjutnya sobat cari code </body>
dan copy code dibawah ini

<div id='noochii_trik'><!--paste script profile facebook kamu disini--></div>

paste code Tersebut Diatas code </body>

Selamat Mencoba ..:D

Readmore Cara memasang profile Facebook Melayang diBlog

Cara Memasang Profile Facebook Di Blog

Mario Julianto
Facebook seperti yang sudah sobat kenal merupakan social networking terbesar yang dapat membantu sobat berhubungan dengan banyak orang diseluruh dunia selain friendster yang kita kenal sebelumnya,widget profile Facebook seperti diatas bisa sobat pasang diblog sobat untuk mengajak pengunjung sobat mengenal lebih jauh tentang diri sobat. widget dari facebook ini baru saja terpasang di blog noochii..hihihi
langsung saja saya share untuk sobat" yang ingin memasang nya juga ..

sobat bisa Klik dibawah ini pastikan sobat sudah login ke pesbuk nya ya..
Create Your Badge

Readmore Cara Memasang Profile Facebook Di Blog

Cara Membuat Guest Book Melayang

Kalau sebelumnya saya memposting tentang cara Membuat guest book/buku tamu di Blog Kali ini saya akan Membuat Guestbook nya melayang, (bukan sihir loh ..:D)

bagi sobat yang sudah punya shoutmix /Guestbook . tinggal mengikuti saja langkah yang saya berikan dibawah,
tapi jika sobat belum punya guestbook masuk saja kesini Klik Disini
Disana dijelaskan cara mendapatkan guestbook

okeh,, langsung aja kita mulai,

Langkah Pertama,
1.pastinya harus masuk dulu ke Blog sobat,

2.Klik design - Page Element - Add a Gadget - Pilih Html/javascript

3.copy code dibawah ini..

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1231.photobucket.com/albums/ee519/noochii/animasi.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFFFFF;
background:#00000;
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">
<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="noochii" src="http://www.shoutmix.com/?noochii" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?noochii">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Catatan : Tulisan yang berwarna Hijau ganti dengan code shotmix sobat


Selamat Mencoba .:D

Readmore Cara Membuat Guest Book Melayang

Buat Link Otomatis saat Artikel di Copy Paste

Plagiator bukan hal yang Asing bagi sobat pecinta Blog, Copy paste sudah tidak bisa dihindari lagi dan ini salah satu tradisi oknum blogger pemalas. Seandainya Copas Artikel memberikan Sumber pertama tentunya tidak membuat jengkel, namun apa dikata karena manusia tidak ada yang sempurna.
Jadi untuk membuat Plagiator kecapaian sebaiknya kita memberikan Link Rahasia lagsung pada Artikel kita, sebagai Contoh Silahkan sobat COPAS artikel Blog ini yang mana saja maka secara otomatis Sumber artikel langsung ikut serta.

Langsung saja Ikuti Langkah yang saya berikan dibawah ini..

Langkah Pertama : Sobat harus Menuju ke situs www.tynt.com
Jika sudah berada disitus http://www.tynt.com/ silahkan daftar gratis dengan mengklik

isi kotak pendaftaran

Lalu klik next .. jangan lupa centang i agree to the usage and privacy agreements


Langkah Kedua
setelah mendaftar..Sobat tinggal klik Next saja

Setelah Mengklik Next..sobat akan dihadapkan Pada halaman seperti ini

Nah ,,Ini dia script nya, copy semua script yang di tampilkan , Kemudian sobat masuk Ke blogger sobat..
ke design > edit html > jangan lupa expand widget nya dicentang lalu pastekan code tersebut di bawah code <head>


Kelebihan lain memasang Script tersebut kita akan tahu siapa saja yang meng-copas Artikel kita, dan ini kita akan tahu dari laporan yang ada pada www.tynt.com


Bagaimana? berhasil ga? jika belum silahkan Tanya pada kotak komentar.
Semoga Bermanfaat

Readmore Buat Link Otomatis saat Artikel di Copy Paste

Cara buat Icon Twitter Terbang Melayang

Cara buat Icon Twitter Terbang Melayang Diblog sobat Seperti Contoh Pada Blog ini :
Search Engine Secret

Karena Desakan beberapa Teman Blogger di FB yang Minggu ini menayakan terus cara Buat Twitter Terbang Melayang di Blog ,disebabkan Beliau-beliau Melihat Pada Blog saya yang jadi Contoh diatas dan Tertarik Juga Pasang Di Blog Masing-masing.

Memang Membuat Icon Twitter Berterbangan di Blog akan Membuat Blog kita semakin indah dan Aduhai, Tapi disarankan... Jika sudah Terlalu Banyak Widget di Blog sebaiknya Jangan Pasang, Karena akan membuat Blog jadi Berat. Tapi Jika Pernak-Pernik di Blog sobat Tidak Banyak, Tidak apa-apa Dipasang.

Gooo... Mari Kita Mulai.. Caranya Gampang Banget.. dan Pasti Berhasil
Pertama
Login ke Account Blogger Masing2... " Jangan sampai Pinjem Account Tetangga "

Kedua
Klik  +  +  Pilih 

Ketiga
Copy Script Berikut :

<script type="text/javascript" src="http://melayang.googlecode.com/files/Twitterkumpulancara.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI2QFYjCSJTusJI2zmCbLPzvj-3g8TFWtGysCWlzE_I5XgucF6FGjXBbtjru67crsxPkWL9g5fUR3ZSzNscC2-WJv1_sud7zRxUpxTI2pWVutHKZaHBLv-NuSjAA-wCCT-WGTukHuqsds/s800/twitterblack.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/mariojuliianto";var tweetThisText = "Twitter - noochiihttp://noochiiartikel.blogspot.com/";tripleflapInit();</script>

Lalu Pastekan Pada Kolom Html yang dibuka Tadi 

Keterangan:
Warna Hijau = Warna Twitter
Ganti http://twitter.com/mariojuliianto dengan Twitter Sobat
Ganti  Twitter - noochi dengan Nama Twiter Sobat
Ganti http://noochiiartikel.blogspot.com/ Dengan BLog Sobat

Keempat 
Silahkan Simpan 

Kelima
Jika Ingin Ganti Warna Burung Sobat Tinggal Ganti Alamat Gambar Warna Biru Diatas Dengan Warna-Warna Pilihan Berikut ini :

twitter black
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI2QFYjCSJTusJI2zmCbLPzvj-3g8TFWtGysCWlzE_I5XgucF6FGjXBbtjru67crsxPkWL9g5fUR3ZSzNscC2-WJv1_sud7zRxUpxTI2pWVutHKZaHBLv-NuSjAA-wCCT-WGTukHuqsds/s800/twitterblack.png

twitter Yellow
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqOKcjTrQKVqjhlVT2HSkGKRe_QdbjgC-BjPZkaIKNYINLqxofVEcmana8IMwvNr5n2jGUL9o8aLLoHnTxtDtSAg9FJC6vxpp9SZ1ibE49w4oz1Zd9TdIcvTo6Aknrg2ZiJc_9i2Cvv_A/s800/Twitteryellow.png

twitter white
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6O9cIBejpa2_1ZXA14eVLhBx35RRcamOVw129b9UBOpCmBuF_Ejw1v2eE_ipjMePU8B0mtEaNoAP0aM1vXQ8sM-hYp7oX-ytLjYgYuFzoxDwC6bDTMhJOMeZW9x53iOzLl1k6pC-b0YI/s800/twitterwhite.png

twitter red
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN7qRkMUBguwcSyB5940PmW-oofJ7aCnxY20TO2ChNQIVNUff4sF1iKaMuSOF9qAQlj7unpFrt44a57R8Di2ALaV29W2XC9hjr8f0z9nauhNFZ2_aUu2Cega-I3fPJ1JpZ_iP7_Ko8aLQ/s800/twitterred.png

twitter Purple
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghEeJ3gjCk0OyIvI8IpsCKj1SRc0RgTuZhwqo6j33ZLYGYHW60DNoDAGoik6SrbJt8PxNzlviykpwmQ_vQnYLyAM1A1xZH8dprY-BAuZDGi4e1VQQz44Ikrf3yTY8wpRz1Oy1gwJKZ1JA/s800/Twitterpurple.png

twitter Green
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIXuir1_QFfCN6o7CxrXxIFrcSgqigBKSir0tei9M-PT608_0Kfhmd6pnI62Qyh90dWIuxWgA6N2fupqAe3ef3HXkySh5uDvuNBvQqUKtFEf4K2WQ0TamTuXds_ohs3bgF7kCQXhAUtnc/s800/twitterGreen.png

twitter Brown

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeBYsCusO-0_gNXwMlDVYLOyPo4mhCzPAlzgZpOf3tmyjeM8AvNRl4agkxLnHwH5GAVHGtLlNs1YYsq-8-R-1AYuJ57ZWHnC8NzyV9XZtUdEqup3fVlMan8zScrQcU4i_4KWg51-9epAw/s800/twitterbrown.png

twitter Blue
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfcyueTb0XQj-1atEVpwSlguh0T8iEErN04lIrGJgPz6d82KueA-IUKPqpCR8gUQLuFM0AfSQm7xxZCYnZA93l5h93ncVgRzRlI7uzhU489VaVVhyXREzY4FX0Rk1M5vYi3zExmykzybc/s800/TwitterBlue.png


Sumber :  www.kumpulancara.com/2011/04/cara-buat-icon-twitter-terbang-melayang.html

Readmore Cara buat Icon Twitter Terbang Melayang