Righteous Kill
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in ...
Quisque sed felis
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in ...
Etiam augue pede, molestie eget.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in ...
Archive for Maret 2012
Music Playlist at MixPod.com
<img style="visibility:hidden;width:0px;height:0px;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMzI3MzUxNTg4OTAmcHQ9MTMzMjczNTMxODc4MSZwPTE4MDMxJmQ9Jmc9MSZvPWYxNzgzZDY*NjMyNTQ4MGY4NWZh/Y2NiZWE*NmExODM5.gif" width="0" border="0" height="0" /><embed src="http://assets.mixpod.com/swf/mp3/mff-touch.swf?myid=88449406&path=2012/03/17" quality="high" wmode="transparent" flashvars="mycolor=1f8f15&mycolor2=251B15&mycolor3=8F5215&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" style="visibility:visible;width:235px;height:390px;" width="235" border="0" height="390"></embed>
<a href="http://www.mixpod.com/playlist/88449406" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music" /></a><a href="http://www.mixpod.com/" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist" /></a>
<a href="http://mixpod.com/">Music</a> <a href="http://mixpod.com/">Playlist</a> at <a href="http://mixpod.com/">MixPod.com</a>
copas semua kode ini
<style type="text/css"><br />#msuteja ul li a {position: relative;float: bottom;display: block;width: AUTO;height: 15px;padding: 5px 0 0 0;margin-right: 5px;text-align: center;font-size: 15px;text-decoration: none;color:transparant;font-weight: bold;outline: none;}#msuteja li .current{color: transparant;}#msuteja li a:hover, #msuteja li a:active {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9RzWrLoThvHYePPh2aNg8CwfayCoYsipp1A2Vovo38rNHrV8A11oiE_1KjUKpQL769zkLLHOR4pdcjncfiM7MCEt35-0XSyAC0geRnqmf5Rl7Oih2LNoYv7YfpV7fXugf3AFrcOI7F6j/s1600/background-judul-posting.gif);background: -webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000)); background: -moz-linear-gradient(top,#4B0082, #FF0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); display: inline-block;zoom: 1; *display: inline;border: dotted 1px #555555;padding: 3px 5px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 0px rgba(1,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);}color: #ffffff;margin: 0;font-size:18px;padding: 9px 15px 8px;text-decoration: none;}#msuteja {width: auto;float: left;margin: 0;padding: 0;}#msuteja {margin: 0;padding: 0;}#msuteja ul {float: left;list-style: none;margin: 0;padding: 0;}#msuteja li {list-style: none;margin: 0;padding: 0;}#msuteja li a, #msuteja li a:link, #msuteja li a:visited {color: #ffffff;display: block;text-transform: capitalize;margin: 0;padding: 9px 15px 8px;font: Bold 15px Georgia, Arial;}#msuteja li a:hover, #msuteja li a:active {background:transparant;color: #ffffff;margin: 0;font-size:20px;padding: 9px 15px 8px;text-decoration: none;}#msuteja li li a, #msuteja li li a:link, #msuteja li li a:visited {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9RzWrLoThvHYePPh2aNg8CwfayCoYsipp1A2Vovo38rNHrV8A11oiE_1KjUKpQL769zkLLHOR4pdcjncfiM7MCEt35-0XSyAC0geRnqmf5Rl7Oih2LNoYv7YfpV7fXugf3AFrcOI7F6j/s1600/background-judul-posting.gif);background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#000000)); background: -moz-linear-gradient(top,#00FFFF, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); width: 250px;color: #E6E6FA;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border-style: outset;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);float: none;margin: 0;padding: 7px 10px;border-bottom: transparant;border-left: transparant;border-right: transparant;font: bold 14px kristen itc, Arial;}#msuteja li li a:hover, #msuteja li li a:active {background: #FF0000;background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#00FF00)); background: -moz-linear-gradient(top,#FF0000, #00FF00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); color: #ffffff;font-size:20px;font-family:kristen itc;text-align: center;padding: 7px 10px;}#msuteja li {float: left;padding: 0;}#msuteja li ul {z-index: 9999;position: absolute;left: -999em;height: 20px;width: 170px;margin: 0;padding: 0;}#msuteja li ul a {width: 140px;}#msuteja li ul ul {margin: -32px 0 0 171px;}#msuteja li:hover ul ul, #msuteja li:hover ul ul ul, #msuteja li.sfhover ul ul, #msuteja li.sfhover ul ul ul {left: -999em;}#msuteja li:hover ul, #msuteja li li:hover ul, #msuteja li li li:hover ul, #msuteja li.sfhover ul, #msuteja li li.sfhover ul, #msuteja li li li.sfhover ul {left: auto;}#msuteja li:hover, #msuteja li.sfhover {position: static;}#footer-column-divide {clear:both;}#msuteja{font-family:Comic Sans Ms;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQidVQ9uHVvdubP2qzMRe9Jv28Fb5XJTNc_vGLfiQqCqi8VpFuRhR_ZIDWTuUQ8dmFPQ_ZL1PMyqSr_M5Ve8Az4VLEdSKazyBC_Em4Kbx_GCXHDjBQrz_vwqzkLw2HZodQulH1job_8mQf/)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;}<br /></style>
<div id="msuteja">
<ul id="msuteja">
<li><a href="http://indra-andarun.blogspot.com/">Home</a></li>
<li><a href="http://indra-andarun.blogspot.com/" target="_blank">Daftar Isi</a>
<ul class="children">
<li><a href="http://indra-andarun.blogspot.com/" target="_blank">Daftar Isi 1</a></li>
<li><a href="http://indra-andarun.blogspot.com/" target="_blank">Daftar Isi 2</a></li>
</ul>
</li>
<li><a href="http://indra-andarun.blogspot.com/" target="_blank">Follow Us</a>
<ul class="children">
<li><a href="http://www.facebook.com/pages/Mohammed-Indra-Andarun/182275618505900" target="_blank">Facebook</a></li>
<li><a href="https://twitter.com/IndraAndarun2" target="_blank">Twitter</a></li>
</ul>
</li>
<li><a href="http://indra-andarun.blogspot.com/">Contact Us</a></li>
<li><a href="http://indra-andarun.blogspot.com/" target="_blank"><blink>Tukar Link</blink></a></li>
<li><a href="http://indra-andarun.blogspot.com/" title="htc" target="_blank"><blink>Link Teman</blink></a></li>
<li><a href="http://indra-andarun.blogspot.com/" title="htc" target="_blank"><blink>About</blink></a></li>
</ul>
</div>
copas smua kode di bawah
<center><b>Google Translate</b></center><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }</style> <center><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;" class="google_translate" title="Arabic" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/arabic.gif" align="absBottom" border="0" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;" class="google_translate" title="Korean" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korean.gif" align="absBottom" border="0" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;" class="google_translate" title="Japanese" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korea.gif" align="absBottom" border="0" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;" class="google_translate" title="Chinese Simplified" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarchina.gif" align="absBottom" border="0" /></a></center> <center> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;" class="google_translate" title="Russian" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/russian.gif" align="absBottom" border="0" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;" class="google_translate" title="Portuguese" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/portuguese.gif" align="absBottom" border="0" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;" class="google_translate" title="English" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/english.gif" align="absBottom" border="0" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;" class="google_translate" title="French" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarfrance.gif" align="absBottom" border="0" /></a></center> <center> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;" class="google_translate" title="German" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/german.gif" align="absBottom" border="0" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;" class="google_translate" title="Spain" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/spain.gif" align="absBottom" border="0" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;" class="google_translate" title="Italian" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/italian.gif" align="absBottom" border="0" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;" class="google_translate" title="Dutch" href="http://www.blogger.com/rearrange?blogID=6977818674075637155&action=editWidget&sectionId=nav&widgetType=null&widgetId=HTML20#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/dutch.gif" align="absBottom" border="0" /></a> </center>
Cara Membuat Widget Popular Post Dengan Animasi 3D - Kali ini saya akan berbagi Tips Blog yaitu Cara Membuat Widget Popular Post Dengan Animasi 3D, setelah sekian lama saya tidak menerbitkan artikel mengenai dunia Blog, terutama mempercantik Blog, nah kali ini saya akan membahas tentang cara membuat widget Popular Post dengan animasi 3D, widget ini lain dari widget yang biasanya, widget ini diberi efek animasi 3D,dan memberi efek berputar, kaya gambar di samping ini. Baik bagi sobat yang tertarik silahkan ikuti langkah-langkah di bawah ini.
- Login ke Blog kamu.
- Pilih Rancangan > Pilih Add Gadget > Pilih HTML Java Script.
- Copy kode di bawah ini.
<style type="text/css">Kode yang berwarna merah adalah tinggi dan lebar gambarnya, bisa di sesuaikan dengan selera kamu.
.cube { width: 250px; height: 250px;}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://script-bamz-us.googlecode.com/files/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').abupopularcube();
});
</script>
<script type="text/javascript" src="http://script-bamz-us.googlecode.com/files/popularcube.js"></script>
- Selajutnya kamu pilih lagi Add Gadget pilih widget Popular Post / Entri Popular
- Setelh di pilih, letakan widget Entri Popular nya atau Popular Post di bawah kode yang kamu copy tadi.
Sehingga nanti penempatan Script nya kaya gini
Selsai dan lihat hasilnya.
Cuma segitu sob yang bisa saya jelaskan, jika ada hal yang kurang paham silahkan tinggalkan pesan di kotak Komentar.
Trik kali ini, akan membahas tentang cara membuat static recent post dengan image thumbnails atau postingan artikel terbaru yang disertai gambar. Sebagai contoh, bisa dilihat pada sidebar blog MozWidget atau pada contoh static recent post with image di bawah ini.
Kalender Hari Berdasarkan Zodiak (2 comments) Kalender harian berdasarkan zodiak, kalender khus... | |
Cara Membuat Kotak Komentar Blog & Facebook (3 comments) Salah satu bagian elemen terpenting dari suatu bl... | |
Menampilkan Buku Tamu Menggunakan LightBox (3 comments) Salah satu widget yang wajib dipasang di blog, ya... |
Bagaimana cara membuat static recent post with image ini ??? gampang, monggo disimak infonya...
- Login ke blog sobat.
- Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
- Copy - Paste kode di bawah ini kemudian letakan di konten gadget. <script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i40.tinypic.com/14wbofa.png";
imgr[1] = "http://i43.tinypic.com/15qb13c.jpg";
imgr[2] = "http://i42.tinypic.com/2ztcydd.png";
imgr[3] = "http://i44.tinypic.com/2ljol87.png";
imgr[4] = "http://i39.tinypic.com/2cdj3gx.jpg";
showRandomImg = true;
tablewidth = 300;
cellspacing = 3;
borderColor = "#f2f2f2";bgTD = "#f2f2f2";
imgwidth = 80;
imgheight = 80;
fntsize = 12;
acolor = "#666";
ccolor = "#5588aa";
cFontsize = 10;
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 3;
home_page = "http://indra-andarun.blogspot.com/";
</script>
<script src="monozcore-project.googlecode.com/files/recentpostwithimage.txt" type="text/javascript"></script>
<div align="center">
<span style="font-size:80%;"><a href="http://monozcore.blogspot.com/2011/11/static-recent post-with-image.html" target="blank">Get This Widget</a></span>
</div> - Sesuaikan kode diatas yang berwarna merah agar sesuai dengan tampilan blog sobat.
tablewidth = 300; // Lebar kotak widget
borderColor = "#f2f2f2"; // Warna pembatas
numposts = 3; // Jumlah postingan yang ditampilkan
home_page = "http://indra-andarun.blogspot.com/"; // Alamat URL blog (NB: gunakan "/" pada akhir alamat seperti contoh diatas) - Klik "Save" dan lihat hasilnya.
semoga sehat dan bahagia, info unik kali ini tentang cara membuat Widget Artikel Terbaru (Recent Post) yang unik dan keren, pastinya...hehehe... Widget ini akan menampilkan daftar postingan artikel blog terbaru dengan ringkasan artikel. Widget ini berfungsi untuk memudahkan pengunjung blog mengetahui info artikel terbaru yang ada di blog.
Pada contoh diatas, coba dekatkan mouse sobat ke daftar list recent post monozcore diatas. Pada saat mouse didekatkan maka akan muncul tool tip info yang berisi ringkasan postingan artikel blog. Gimana keren-kan ???. Pembuatan widget ini cukup mudah... oke buat yang tertarik kita langsung aja ke TKP...
Cara Pemasangan
Cara Pemasangan
- Login ke blog sobat.
- Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
- Copy-paste kode berikut ini pada kotak postingan gadget.
- Gunakan feed burner sebagai rss feed blog sobat kemudian ganti teks "monozcore" pada kode script di atas dengan nama blog sobat. Untuk nItems=5 merupakan banyaknya daftar recent post yang ingin ditampilkan, pada kode diatas recent post yang ditampilkan sebanyak 5 postingan artikel terbaru.
- Klik "Save" dan lihat hasilnya...
Gimana Moz's Blogger kerenkan infonya ??? jangan lupa supportnya ya...dan juga klik sponsor iklan yang ada di blog ini supaya kreasinya makin unik dan bermanfaat...Terima kasih.
.:Semoga Bermanfaat:.
Cara Membuat Silde Profil Keren di Blog - Kali ini saya akan berbagi Tips Blog yaitu Cara Membuat Slide Profil Keren di Blog Slide Profil in berfungsi untuk meringkas sekilas tentang kamu atau tentang Blog kamu, kamu bisa memasangnya di Bagian Sidebar atau dibawah Posting. Lihat Demonya di bawah ini.
Sorotkan Kursornya.
Perhatian Sebelum membuatnya Harap ganti kata-katanya dengan Info kamu dan URL Gambar nya Ok.
About The Author
<style>
.blazerslide a { display: block; height: 130px; margin:0px; background: rgba(215,215,215,0.6);border: 1px solid #ccc; height: 130px; overflow: hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;}.blazerslide img{float:left;} .blazerslide h5 { color: #333; text-align: center;height: 80px;margin-top:30px;font: italic 18px/65px Georgia, Serif;opacity: 1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;} .blazerslide a:hover h5 { margin-top: -130px; opacity: 0; } .blazerslide div { position: relative; color: white; font: 12px/15px Georgia, Serif;height: 130px; padding: 10px; opacity: 0; -webkit-transform: rotate(180deg); -webkit-transition: all 0.8s linear; -moz-transform: rotate(180deg); -moz-transition: all 0.8s linear; -o-transform: rotate(180deg); -o-transition: all 0.8s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px;}.blazerslide a:hover div {background:-moz-linear-gradient(top,#ddd,#444);background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#444));color:#000;opacity: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px}
</style>
<section class="blazerslide">
<a href="http://indra-andarun.blogspot.com/">
<h5>
About The Author</h5>
<div>
<img height="50" src="http://t0.gstatic.com/images?q=tbn:ANd9GcSys85lD1eHHtj2Up18uvuXhD1DxtZ2OdCCDnOZqscJ5To1pZG-jw" style="border: 0px;" width="50" />Nama saya Muammad Indra Andarun pemilik Blog ini ,saya melakukan kegiatan Bloging untuk menambah Ilmu dan memeberi Ilmu pada Anda...</div>
</a>
</section>
kerenkan?
copas scriptnya
Sorotkan Kursornya.
Perhatian Sebelum membuatnya Harap ganti kata-katanya dengan Info kamu dan URL Gambar nya Ok.
About The Author
<style>
.blazerslide a { display: block; height: 130px; margin:0px; background: rgba(215,215,215,0.6);border: 1px solid #ccc; height: 130px; overflow: hidden;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;}.blazerslide img{float:left;} .blazerslide h5 { color: #333; text-align: center;height: 80px;margin-top:30px;font: italic 18px/65px Georgia, Serif;opacity: 1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;} .blazerslide a:hover h5 { margin-top: -130px; opacity: 0; } .blazerslide div { position: relative; color: white; font: 12px/15px Georgia, Serif;height: 130px; padding: 10px; opacity: 0; -webkit-transform: rotate(180deg); -webkit-transition: all 0.8s linear; -moz-transform: rotate(180deg); -moz-transition: all 0.8s linear; -o-transform: rotate(180deg); -o-transition: all 0.8s linear;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px;}.blazerslide a:hover div {background:-moz-linear-gradient(top,#ddd,#444);background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#444));color:#000;opacity: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px}
</style>
<section class="blazerslide">
<a href="http://indra-andarun.blogspot.com/">
<h5>
About The Author</h5>
<div>
<img height="50" src="http://t0.gstatic.com/images?q=tbn:ANd9GcSys85lD1eHHtj2Up18uvuXhD1DxtZ2OdCCDnOZqscJ5To1pZG-jw" style="border: 0px;" width="50" />Nama saya Muammad Indra Andarun pemilik Blog ini ,saya melakukan kegiatan Bloging untuk menambah Ilmu dan memeberi Ilmu pada Anda...</div>
</a>
</section>
About The Author
Nama saya Muammad Indra Andarun pemilik Blog ini ,saya melakukan kegiatan Bloging untuk menambah Ilmu dan memeberi Ilmu pada Anda...
kerenkan?
copas scriptnya
Dah coba menghancurkan blog sendiri dengan efek-efek flash yang unik dan keren ???, lumayan buat ngilangin suntuk dan bosan sewaktu blogging... penasaran ??? coba perhatikan salah satu efek disaster yaitu nuke attack (serangan rudal nuklir) yang di pasang pada postingan artikel ini. Gimana kerenkan... oke sob jika tertarik ingin mencoba efek ini silakan disimak tutorialnya...
Pada contoh di postingan artikel ini nuke attack hanya terlihat di bagian atas karena script di taruh di dalam postingan artikel tapi jika di taruh pada template blog efek disaster ini akan terlihat di keseluruhan halaman blog.
Pada contoh di postingan artikel ini nuke attack hanya terlihat di bagian atas karena script di taruh di dalam postingan artikel tapi jika di taruh pada template blog efek disaster ini akan terlihat di keseluruhan halaman blog.
Cara Pemasangan...
- Login ke blog sobat.
- Kunjungi situs NetDisaster untuk memilih efek disaster blog, settingan efek dan mendapatkan kode scriptnya.
- Pemasangan efek disaster blog bisa dipasang pada template blog atau sebagai gadget blog.
- Pemasangan pada template blog : Pada blog dashboard klik "Design" kemudian klik "Edit HTML" setelah itu (gunakan Ctrl+F untuk mempercepat pencarian), setelah itu cari kode </Head> dan copy-paste script yang didapat dari situs netdisaster di atas kode </Head>.
- Pemasangan pada gadget blog : Copy-paste script yang didapat dari situs netdisaster di gadget blog sobat.
- Selesai... selamat menikmati efek disaster di blog sobat.
.: Semoga Bermanfaat :.
Hehehe... begitulah senyum teman kita satu ini yang hidup di laut, wah apa hubungannya dengan judul postingan kali ini ya ???, sori agak mendramatisir biar seru postingannya. Widget kali ini mengenai ikan hiu yang berkeliaran di halaman blog, seperti contoh yang ada di postingan artikel ini, gimana keren-kan ??? (kalo belum kelihatan ikan hiunya silakan di refresh halaman ini). Sebelum kita ke TKP ada baiknya kita simak info tentang ikan hiu dulu, biar makin lengkap wawasannya.
Info Singkat :
Hiu adalah sekelompok (superordo Selachimorpha) ikan dengan kerangka tulang rawan yang lengkap dan tubuh yang ramping. Mereka bernapas dengan menggunakan lima liang insang (kadang-kadang enam atau tujuh, tergantung pada spesiesnya) di samping, atau dimulai sedikit di belakang, kepalanya. Hiu mempunyai tubuh yang dilapisi kulit dermal denticles untuk melindungi kulit mereka dari kerusakan, dari parasit, dan untuk menambah dinamika air. Mereka mempunyai beberapa deret gigi yang dapat digantikan.
Hiu mencakup spesies yang berukuran sebesar telapak tangan hiu pigmi, Euprotomicrus bispinatus, sebuah spesies dari laut dalam yang panjangnya hanya 22 cm, hingga hiu paus, Rhincodon typus, ikan terbesar, yang bertumbuh hingga sekitar 12 meter dan yang, seperti ikan paus, hanya memakan plankton melalui alat penyaring di mulutnya. Hiu banteng, Carcharhinus leucas, adalah yang paling terkenal dari beberapa spesies yang berenang di air laut maupun air tawar (jenis ini ditemukan di Danau Nikaragua, di Amerika Tengah) dan di delta-delta.
Hiu mencakup spesies yang berukuran sebesar telapak tangan hiu pigmi, Euprotomicrus bispinatus, sebuah spesies dari laut dalam yang panjangnya hanya 22 cm, hingga hiu paus, Rhincodon typus, ikan terbesar, yang bertumbuh hingga sekitar 12 meter dan yang, seperti ikan paus, hanya memakan plankton melalui alat penyaring di mulutnya. Hiu banteng, Carcharhinus leucas, adalah yang paling terkenal dari beberapa spesies yang berenang di air laut maupun air tawar (jenis ini ditemukan di Danau Nikaragua, di Amerika Tengah) dan di delta-delta.
(Sumber : Wikipedia)
Cara Pemasangan :
Cara Pemasangan :
- Login ke blog sobat...
- Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.
- Cari kode </Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Body> tersebut.
- Klik "Save" dan lihat hasilnya...
Wuiiihhh.... makin tambah dech wawasannya, jangan lupa supportnya ya... biar kreasi berikutnya semakin unik, menarik, atraktif, dinamis dan yang pastinya keeerreeen... terima kasih, akhir kata...
.: Semoga Bermanfaat :.
<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://dicky-ajha.googlecode.com/files/IGmeteorjatuh.js.txt">
</script>