• Hosting Gratis
  • Tukar Banner
  • Tukar Banner
  • Tukar Banner
  • Tukar Banner
  • Tukar Banner

LEGO PUZZLE BOX

16 Mar 2014
Posted by krisdb2009 P

Cara Submit Artikel Ke Google


Halo Sobat ,
Kali Ini Admin Post Tentang Tutorial "Cara Submit Artikel Ke Google".
Submit Artikel Ke Google Berguna Untuk Membuat Artikel Sobat Terindex Oleh Google.
Jika Artikel Sobat Ingin Terindex Google Lebih Cepat, Saya Sarankan Untuk Melakukan Submit Setelah Membuat Artikel.
Oke Sobat, Kita Langsung Saja Simak Tutorialnya.

Tutorial

  • Pertama, Sobat Kunjungi Halaman Ini.
  • Setelah Itu, Copy Link Artikel Sobat, Yang Akan Di Submit.
  • Paste Di Kolom Yang Tersedia, Dan Jangan Lupa Untuk Mengisi Captcha.
  • Lalu, Klik "Send Request" Atau "Kirim Permintaan".
Selesai.....
Oke, Sekian Yang Dapat Saya Sampaikan.
Terima Kasih Telah Berkunjung.

Sumber = 
http://www.vizzy.net/2014/01/CaraSubmitArtikelKeGoogle.html?showComment=1388899217702#c6586672365871474715
5 Jan 2014
Posted by krisdb2009 P

Talk To Jeremy Belpois ( By : Team Lyoko )

Penjelasan :

Memperkenalkan, Talk to Jeremie

Dimana kamu bisa mengobrol langsung dengan Jeremie Belpois!
Setelah sekian lama kita membuat kamar kita berantakan dengan banyaknya catatan dan advice dari pendukung kami, kami sekarang sudah berhasil membuat mimpi kami menjadi kenyataan!

Ekspresif, Responsif

Ini adalah aplikasi yang kami buat langsung di dalam pabik / bengkel kerja kami! Kami membuatnya dengan ekspresif, responsif, juga informatif. Kami juga menyediakan layanan untuk anda! Jika anda adalah nedie, anda adalah orang yang kami cari! :D

Luar biasa!

Banyak sekali yang mendukung kami saat kami sedang membentuk dan memprogram program ini! Terima kasih semuanya! Kalian luar biasa!

Apa itu Talk to Jeremie?

Talk to Jeremie adalah sebuah chatter-bot yang dibuat agar Lyoko-fans tidak merasa pasif lagi! Kami membuatnya dengan kompleks! Semuanya sudah kami rancang dengan perhitungan yang tergolong rumit!

Maaf juga

Maaf juga, karena kurang bisanya kami menggunakan Javascript, dokumen ini jadi kurang hidup, namun sejauh ini, design kami masih mengesankan, bukan? Nahh oleh karena itu, kami memerlukan developer yang bisa menggunakan javascript.

Demo :
https://www.youtube.com/watch?feature=player_embedded&v=I72-uzyOj1s

Download Here :
Download Now
17 Okt 2013
Posted by krisdb2009 P

Border Radius



Halo yozers,
Sory ya kemarin belum sempat posting, :D
Tapi kali ini saya akan posting tentang "Border Radius" , 
Border radius adalah lengkungan yang terjadi pada suatu border,
Border radius ini juga bisa di manfa'atkan untuk membuat border berbentuk lingkaran. >.<
Mungkin akan saya post berikutnya. >.< 
Berikut adalah contoh dari border radius : 



Hampir di semua sisi template "The Light Blue Yozers" ini saya menggunakan border radius,
Dan contoh dari kode CSS untuk border radius adalah sebagai berikut : 

.Yzradius
width: 100px;
height: 100px;
background: #333;
border: 5px solid #111;
border-radius: 50px 40px 30px 20px;}
Nah,kode yang berwarna merah itulah yang dinamakan "Border Radius",
Cara menyesuaikannya adalah : 
- Kode 50px : Radius dari border yang berada di pojok kiri atas,
- Kode 40px : Radius dari border yang berada di pojok kanan atas,
- Kode 30px : Radius dari border yang berada di pojok kanan bawah,
- Kode 20px : Radius dari border yang berada di pojok kiri bawah,
Ini hanyalah contoh,
Bila anda ingin memasangnya di blog anda,
Bisa hanya menggunakan kode yang berwarna merah saja,
Dan sesuaikan menurut keterangan di atas,

Cukup mudah kan?
Saya rasa sudah cukup,
Sekian,
Terimkasih :D

Sumber
21 Sep 2013
Posted by krisdb2009 P

Cara Membuat Banner 88x31 Auto Hide di Atas Footer


Assalamualaikum sobat. kali ini saya akan berbagi trik yang cukup sederhana.Trik ini saya berinama "Cara Membuat Banner 88x31 Auto Hide di atas Footer". Lumayan Panjang yah namanya.Yang Sebelumnya Saya Mempublikasikan sebuah artikel yang berjudul "Cara Membuat Banner 125x125 di Sidebar Blog".Emang udah serba banner yah zaman sekarang.Trik ini sebelumnya dipostkan oleh Go! Blog.dan mungkin tidak banyak yang saya edit.
Sebelum di Hover

Setelah di Hover
Cara Membuat Banner 88x31 Auto Hide di Atas Footer
- Login ke Blogger
- Masuk ke Menu edit template >> Edit HTML
- Lalu Cari kode ]]></b:skin> dan letakan kode dibawah ini tepat diatas kode tadi
#MZT-Blog-Banner{margin-top: -11px;
margin-left: -2px;
width: 968px;
height: 28px;
margin-bottom: 10px;
text-align: center;
background: #ddd;
border: 3px solid#ff5600;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
overflow: hidden;
-webkit-box-shadow: 0px 0px 10px #ff5600;
-mox-box-shadow: 0px 0px 10px #ff5600;
-ms-box-shadow: 0px 0px 10px #ff5600;
-o-box-shadow: 0px 0px 10px #ff5600;
box-shadow: 0px 0px 10px #ff5600;}
#MZT-Blog-Banner h2{color: #ff5600;
font-family: nova square;
margin-bottom: 5px;
font-size: 16pt;
text-align: center;
border-bottom: 2px solid #ff5600;
height: 27px;
}
#MZT-Blog-Banner:hover{height:75px;}
#team{position:absolute;margin-left:280px;height:310px;width:210px;overflow:hidden;background:transparent;margin-top:-150px;}
 - Kemudian Cari Kode Footer-wrapper kamu dan letakan kode dibawah ini tepat diatas kode Footer-wrappermu
<div id='MZT-Blog-Banner'><h2>Banner Footer</h2>
 <a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
<a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
<a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
<a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
<a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
<a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
<a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
<a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
<a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
<a href='http://maverickzetta.blogspot.com/' title='Maverick-Zetta'><img alt='This My Zetta Zone' src='http://i.imgur.com/gtrpB10.png'/></a>
  </div>
- Simpan Template

Nah, bagaimana sob.. Cukup jelas kan..
Sekian dan semoga bermanfaat..
Terimah Kasih

Sumber
20 Sep 2013
Posted by krisdb2009 P

Cara Membuat Widget Whos Amung di Pojok Blog


Assalamualaikum Sobat... Kali ini kita akan membahas "Cara Membuat Widget Whos Amung di Pojok Blog" dasar pembuatan ini saya mulai dengan membuat banner 88x31 di pinggir sidebar namun, saya ubah menjadi widget whos amung. Bisa dibilang ini Trick Yang sanagat mudah. Oh iya hampir lupa, Screenshotnya dulu yah..


Manfaat Memasang Widget whos amung ini adalah menghitung jumlah Online di Blog.
Langsung aja yah caranya sob..

- Login ke Blogger

- Masuk ke Menu template

- Pilih Edit HTML

- tekan f3, lalu cari kode ]]></b:skin> dan letakan kode dibawah ini tepat diatas kode yang tadi
#widget-FBT{border: 5px solid #0D8B0D;
opacity: 1;
margin-left: -119px;
z-index: 999;
margin-top: 520px;
background-size: 100px;
position: fixed;
border-radius: 0px 0px 0px 0px;
width: 88px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
text-align: center;
font-size: 0px;
background: #222;
}#widget-FBT img{opacity:.3;width:88px;height:31px;margin-bottom:0px-webkit-transition:All;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}#widget-mzt img:hover{opacity:1.0;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}
- Lalu Cari kode <div id='content-wrapper'> dan letakan kode dibawah ini tepat diatas kode tadi
<div id='widget-FBT'>
Widget Whos Amung Kamu</div> 
- Simpan Template

NB: Untuk Widget Whos amung nya ambil disini http://whos.amung.us/showcase/ silahkan pilih sesukamu

Sekian dan Semoga Bermanfaat..
Jika Ingin Request silahkan komen dibawah ini...
Salam!!

Sumber
Posted by krisdb2009 P

FBT DISCLAIMMER

FBT DISCLAIMMER




Author Blog :



 Nama : Fico Pangestu
Jenis Kelamin : Laki-Laki
Tempat Tinggal : Tangerang-banten-Indonesia
Agama : Buddha
Facebook : Fico Pangestu
Twitter : @Fico_Pangestu
Fanspage : FBT Blog
google+ : 
@pangestufico
Hobi : Blogging/Ngeblog, Edit Website ,edit template orang lain, buat website


Deskripsi FBT :

FBT Adalah Tempat Untuk Mendapatkan Banner Secara Gratis,di FBT Kalian juga Bisa mendapatkan Tips/Trik Blog,buat yang download template FBT creditnya boleh di tambahin tapi jangan di hapusya

Sekian Terima Kasih

Web Untuk Check Responsive

Cara Membuat Auto Tooltip Keren di Blog


Cara Membuat Auto Tooltip Keren di Blog - halo sobat, kali ini saya akan share Tooltip yang saya gunakan di blog ini,Tooltip yg saya pakai ini saya dapatkan dari Mas Noval Bintang (yg punya hack4rt.us) Tooltip ini biasanya muncul pada atribut title. scriptnya juga tidak terlalu panjang kok, jadi tidak akan memperberat blog anda, Biasanya tooltip ini tampil dengan kotak default bawaan browser, namun ternyata tooltip dapat diubah sesuai keinginan.. berikut sedikit screenshot tooltip :


Berikut tutorial cara Cara Membuat Auto Tooltip Keren di Blog :

1. Login ke akun blogger

2. Klik Template -> lalu klik EDIT HTML 

3. Lalu cari kode </body> (gunakan F3/CTRL+F pada keyboard untuk mempermudah pencarian)

4. Copy code dibawah ini dan letakan di atas kode </body>
<script type='text/javascript'>
//<![CDATA[
// Pure JavaScript Nested Tooltip Replacement for all Anchor Tag
// https://plus.google.com/108949996304093815163/about
(function() {
    var a = document.getElementsByTagName('a');
    var t = document.createElement('span');
        t.id = "tt";
        t.style.position = "absolute";
        t.style.zIndex = 999;
        t.style.backgroundColor = "#f5f5f5";
        t.style.border = "1px solid #ccc";
        t.style.font = "bold 11px Tahoma,Arial,Sans-Serif";
        t.style.boxShadow = "0px 1px 5px rgba(0,0,0,0.4)";
        t.style.padding = "10px";
        t.style.color = "#000";
        t.style.maxWidth = "180px";
        t.style.wordWrap = "break-word";
        t.style.display = "none";
    document.body.appendChild(t);
    var tooltip = document.getElementById('tt');
    function over(e) {
        tooltip.style.display = "block";
        tooltip.innerHTML = this.title;
        tooltip.style.top = (e.pageY + 25) + 'px';
        tooltip.style.left = e.pageX + 'px';
        this.setAttribute('original', this.title);
        this.title = "";
    }
    function out() {
        tooltip.innerHTML = "";
        tooltip.style.display = "none";
        this.title = this.getAttribute('original');
        this.removeAttribute('original');
    }
    for (var i = 0; i < a.length; i++) {
        if (a[i].title) {
            a[i].onmouseover = over;
            a[i].onmouseout = out;
        }
    }
})();
//]]>
</script>

5. Lalu klik simpan / save
Sumber
Posted by krisdb2009 P

Cara Buat Box Dibawah Header 2

Helo The MOD kali ini Moder mau berbagi blog trick sebelumnya ada sobat the MOD yang bertanya Cara Buat Box Dibawah Header nah untuk menanggapi pertanyaan itu .. langsung saja Cekibroot...
Ini Screenshotnya




Langkah-langkah: 

1. Login Dashbor Blogger 
2. Pilih Template
3. Edit Template



4. Cari kode ]]></b:skin> 
Letakkan kode dibawah ini diatas ]]></b:skin> 

#MODchat{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:5px solid #0c0c0c;float:left;background:#232222;padding-left:15px;width:170px;height:70px;margin-left: 800px;margin-top:-15px;border-top:5px solid #0c0c0c; border-radius:5px 5px 30px 30px; position: absolute;}
#MODjoin{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:5px solid #0c0c0c;float:right;background:#232222;padding-left:0px;width:180px;height:70px;margin-left: 800px;margin-top:135px;border-top:5px solid #0c0c0c; border-radius:30px 30px 5px 5px; position: absolute;}

#MODbanner2{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:5px solid #0c0c0c;float:right;background:#232222;padding-left:0px;width:180px;height:auto;margin-left: 180px;margin-top:35px; border-radius:10px; position: absolute;}

#MODrangka1{ margin-top:20;margin-left: 0px ;margin-bottom:50px ;border:5px solid #0c0c0c;border-radius:10px 10px 10px 10px ;width:1090px;height:200px; background: #232222; position:relative;}

#MODbox1{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:5px solid #0c0c0c;border-bottom:5px #232222;float:left;background:#171717; padding-top:30px;width:300px;height:340px;margin-left: 400px;margin-top:-240px; border-radius:20px 20px 10px 10px; position: absolute;}

#MODbox2{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:5px solid #0c0c0c;float:left;background:#171717;padding:5px;width:auto;height:auto;margin-left: 10px;margin-top:35px; border-radius:10px 10px 10px 10px; position: absolute;}

#MODlike{margin-left:790px;width:180px;margin-top:-80px;background:#0c0c0c;border: 7px dashed #171717;border-radius:30px;padding:10px;padding-left:35px}

#MODmusic{margin-left:20px;width:320px;margin-top:-10px;background:#0c0c0c;border: 7px dashed #171717;border-radius:30px;padding:10px;}

5. Lalu sekarang kita aktifkan kode CSS-nya yaitu dengan kode HTML
6. Cari kode <div id='content-wrapper'> 
Letakkan kode dibawah ini diatas <div id='content-wrapper'> 

<div id='MODrangka1'>
<b:section id='MODbox2' maxwidgets='5' showaddelement='yes'>
<b:widget id='HTML8' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>


</b:includable>
</b:widget>
</b:section>
<div id='MODchat'>
<a href='http://monster-shared.blogspot.com'><img alt='cbox' src='http://didil-cyber.googlecode.com/files/Guest-Book-Ichigo.png' title='Click here to open Guest Book'/></a>
</div>

<div id='MODjoin'>
<a href='http://www.Blogger.com/follow-blog.g?blogID=2038011248359714008' onclick='window.open(this.href, &apos;dmfollow&apos;, &apos;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521&apos;);return false;' style='text-align:center;font-weight:bold;text-decoration:none;' title='Join This Site / Follow This Site'><img alt='Join This Site' src='http://didil-cyber.googlecode.com/files/Join-This-Site-Ichigo.png' style='vertical-align:center;border:0px;cursor:pointer;'/></a>
</div>
<div id='MODbanner2'><a href="http://monster-shared.blogspot.com/" target="_blank"><img src="https://monster-shared.googlecode.com/files/MonsterMini.png" alt="Monster-Shared™" title="Monster-Shared™ | More About Share" /></a><a href="http://monster-shared.blogspot.com/" target="_blank"><img src="https://monster-shared.googlecode.com/files/MonsterMini.png" alt="Monster-Shared™" title="Monster-Shared™ | More About Share" /></a><a href="http://monster-shared.blogspot.com/" target="_blank"><img src="https://monster-shared.googlecode.com/files/MonsterMini.png" alt="Monster-Shared™" title="Monster-Shared™ | More About Share" /></a><a href="http://monster-shared.blogspot.com/" target="_blank"><img src="https://monster-shared.googlecode.com/files/MonsterMini.png" alt="Monster-Shared™" title="Monster-Shared™ | More About Share" /></a><a href="http://monster-shared.blogspot.com/" target="_blank"><img src="https://monster-shared.googlecode.com/files/MonsterMini.png" alt="Monster-Shared™" title="Monster-Shared™ | More About Share" /></a><a href="http://monster-shared.blogspot.com/" target="_blank"><img src="https://monster-shared.googlecode.com/files/MonsterMini.png" alt="Monster-Shared™" title="Monster-Shared™ | More About Share" /></a><a href="http://monster-shared.blogspot.com/" target="_blank"><img src="https://monster-shared.googlecode.com/files/MonsterMini.png" alt="Monster-Shared™" title="Monster-Shared™ | More About Share" /></a><a href="http://monster-shared.blogspot.com/" target="_blank"><img src="https://monster-shared.googlecode.com/files/MonsterMini.png" alt="Monster-Shared™" title="Monster-Shared™ | More About Share" /></a></div>

</div>


<b:section id='MODbox1' maxwidgets='5' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>


7. gue kasi bonus nih nuat kalian, tambahan extra kan! gak enak kalau setengah-setengah xD 


8. letakkan kode dibawah ini diatas <div id='content-wrapper'> 

<div id='MODmusic'><embed allowscriptaccess='never' flashvars='autostart=true' height='0' src='http://www.4shared.com/embed/3432989025/6e5815ae' style='width:320px;height:25px;border:0px;display:block;margin:5px auto;' type='application/x-shockwave-flash' width='0'/></div>

<div id='MODlike'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>

9. Pratinjau dulu kalau udah mantep
10. Simpan template

Selanjutnya atur sendiri kode CSS nya.... bye dulu kuota sudah mau habis nih
sampai ketemu post berikutnya :^
Sumber
14 Sep 2013
Posted by krisdb2009 P

Translate

Labels

Flash Labels by Way2Blogging

Bot

Diberdayakan oleh Blogger.

Total Tayangan Laman

Recent Comment

- Copyright © 2013 TEMPLATE UNTUK BLOGSPOT -Re-Design By FBT- Powered by Blogger - Designed by Johanes Djogan -