Arsip Blog

16 Augustus 2013

Cara Membuat Kotak (Box) Keren Di Blog

0 komentar



Nah Sobat Sekalian Saya Mau Berbagi Sedikit Trik Cara Membuat Kotak Keren Di Bawah Header
Artikel Ini Saya Tulis Sendiri, Berdasarkan Pengalaman Saya, Ok Langsung Saja Yuk !!
1. Masuk Blogger
2. Klik Template
3. Klik Edit HTML
4. Cari Kode <div id='content-wrapper'> Untuk Lebih Mudah Mencari Gunakan CTRL + F
Letakan Kode Berikut Di Atas Kode <div id='content-wrapper'>
Jika Tidak Ada Kode <div id='content-wrapper'> Cari Saja Kode yang Ada Kata Content Nya

<div id='Ramnitsangatbesar'/>
<div id='RamnitBanner468'>
<div class='Ramnitimage'>
<span class='banner-title'>
              Tukar Banner&#8482;
            </span>
<a href='URL Blog' title='Tukar Banner'>
<img src='URL Gambar 468x60'/>
</a>
</div>
<div class='Ramnitimage'>
<span class='banner-title'>
              Tukar Banner&#8482;
            </span>
<a href='URL Blog' title='Tukar Banner'>
<img src='URL Gambar 468x60'/>
</a>
</div>
</div>

<div id='Ramnitkotakbanner125'>
<a href='URL Blog' target='_blank' title='Tulisan Mu'>
<img border='0' src='URL Gambar 125x125'/>
</a>
<div id='Ramnitkotakbanner125'>
<a href='URL Blog' target='_blank' title='Tulisan Mu'>
<img border='0' src='URL Gambar 125x125'/>
</a>
<div id='Ramnitkotakbanner125'>
<a href='URL Blog' target='_blank' title='Tulisan Mu'>
<img border='0' src='URL Gambar 125x125'/>
</a>
<div id='Ramnitkotakbanner125'>
<a href='URL Blog' target='_blank' title='Tulisan Mu'>
<img border='0' src='URL Gambar 125x125'/>
</a>
</div>
<div id='Ramnitbr125'/>
<div id='Ramnitbr12'/>
<div id='Ramnitbr1'/>
<div id='Ramnitkotakbesar'>
<div id='Ramnitimusic'>
<embed align='center' autostart='TRUE' height='26' loop='TRUE' src='https://sites.google.com/site/monstershared/jeje%20guitaraddict%20-%20heavy%20rotation%20scream%20%28jkt48%20cover%29.swf' width='300'/>
</div>
<div id='Ramnitbanner88'>
<a href='URL Blog' title='Tulisan Mu'>
<img src='URL Gambar 88x31'/>
</a>
<div id='Ramnitbanner88'>
<a href='URL Blog' title='Tulisan Mu'>
<img src='URL Gambar88x31 '/>
</a>
<div id='Ramnitbanner88'>
<a href='URL Blog' title='Tulisan Mu'>
<img src='URL Gambar 88x31'/>
</a>
<div id='Ramnitbanner88'>
<a href='URL Blog' title='Tulisan Mu'>
<img src='URL Gambar 88x31'/>
</a>
<div id='Ramnitbanner88'>
<a href='URL Blog' title='Tulisan Mu'>
<img src='URL Gambar 88x31'/>
</a>
<div id='Ramnitbanner88'>
<a href='URL Blog' title='Tulisan Mu'>
<img src='URL Gambar 88x31'/>
</a>
</div>
<div id='kxvalid'>
<a class='kxvalid' href='http://validator.w3.org/check?uri=http://uzumakiramadan.blogspot.com' target='_blank' title='Ramnit'>
<img alt='Ramnit' src='http://cdn1.iconfinder.com/data/icons/HTML5/64/HTML_Badge.png'/>
</a>
</div>
<div id='Ramnitlike'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FDRobani%2F373142686068296%3Fref%3Dhl&amp;send=false&amp;layout=standard&amp;width=250&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;height=80&amp;appId=327865523972998' style='border:none; overflow:hidden; width:250px; height:80px;'/>
</div>
<div id='Ramnitfb'>
<a href='URL Facebook Kalian' title='Tulisan Mu'>
<img src='http://i.imgur.com/2uBzZqZ.png'/>
</a>
</div>
<div id='Ramnitalexa'>
<a href='http://www.alexa.com/siteinfo/http://indraahmadrobani.blogspot.com/'>
<script src='http://xslt.alexa.com/site_stats/js/s/c?url=http://indraahmadrobani.blogspot.com/' type='text/javascript'/>
</a>
</div>
<div id='Ramnitjoin'>
<a href='http://www.Blogger.com/follow-blog.g?blogID=8065478710401903461' 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='Follow This Site'>
<img alt='Join this site' src='http://i.imgur.com/8P3jO1J.png' style='vertical-align:center;border:0px;cursor:pointer;'/>
</a>
</div></div>

5. Kemudian Cari Kode ]]><b:skin>
Lalu Letakan Kode Berikut Di Atas Kode ]]><b:skin>
#Ramnitkotak125{ margin-top:20;margin-left: 20px ;margin-bottom:50px ;border:1px solid #0421FD;width:260px;height:250px; background: rgba(0,0,0,0.50); position:relative;padding:10px;padding-right:5px;font-size: 0px;
box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.24);border-radius:20px;}
#Ramnitbr125{background:rgba(0,0,0,0.50);border-bottom:1px solid #0421FD;border-top:1px solid #0421FD;opacity: 1;margin-left: 296px;z-index:999;margin-top:-270px;background-size:100px;position: absolute;width: 50px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;height: 40px;text-align: center;font-size: 20px;
}
#Ramnitbr12{background:rgba(0,0,0,0.50);border-bottom:1px solid #0421FD;border-top:1px solid #0421FD;opacity: 1;margin-left: 296px;z-index:999;margin-top:-150px;background-size:120px;position: absolute;width: 50px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;height: 40px;text-align: center;font-size: 20px;
}
#Ramnitbr1{background:rgba(0,0,0,0.50);border-bottom:1px solid #0421FD;border-top:1px solid #0421FD;opacity: 1;margin-left: 941px;z-index:999;margin-top:-208px;background-size:100px;position: absolute;width: 54px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;height: 40px;text-align: center;font-size: 20px;
}
#Ramnitmusic{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:1px solid #0421FD;float:left;background:rgba(0,0,0,0.50);border-bottom:none ;width:300px;height:27px;margin-left: 225px;margin-top:234px;border-top:1px solid #0421FD; position: absolute;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}
#Ramnitbanner88{ margin-top:-5px;margin-left: 638px ;margin-bottom:50px ;border:1px solid #0421FD;width:90px;height:243px; background: rgba(0,0,0,0.50); position:relative;padding:10px;padding-right:5px;
box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.24);border-radius:20px;}
#Ramnitkotakbesar{ margin-top:-320px;margin-left: 345px ;margin-bottom:50px ;border:1px solid #0421FD;width:580px;height:250px; background: rgba(0,0,0,0.50); position:relative;padding:10px;padding-right:5px;
box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.24);border-radius:20px;}
#Ramnit{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:1px solid #0421FD;float:left;background:rgba(0,0,0,0.50);width:250px;height:65px;margin-left: 30px;margin-top:-200px;border-top:1px solid #0421FD; position: absolute;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}
#Ramnitfb{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:1px solid #0421FD;float:left;background:rgba(0,0,0,0.50);width:250px;height:120px;margin-left: 305px;margin-top:-215px;border-top:1px solid #0421FD; position: absolute;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}
#Ramnitalexa{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:1px solid #0421FD;float:left;background:rgba(0,0,0,0.50);border-left:none;width:468px;height:61px;margin-left: 85px;margin-top:-295px;border-top:1px solid #0421FD; position: absolute;}
#Html5valid{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:1px solid #0421FD;float:left;background:rgba(0,0,0,0.50); position: absolute;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;margin-top:-305px;margin-left:20px;border-radius:10px 0px 0px 10px}
.kxvalid img{padding:0px;margin-left:0px;margin-top:15px;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease -o-transform: scale(1.0) rotate(-1440deg); -moz-transform: scale(1.0) rotate(-1440deg); -webkit-transform: scale(1.0) rotate(-1440deg);}
#Ramnitbanner88x31{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:1px solid #0421FD;float:left;background:rgba(0,0,0,0.50);width:442px;height:95px;margin-left: 70px;margin-top:-250px;border-top:1px solid #0421FD; position: absolute;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}
#Ramnitjoin{-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out ;border:1px solid #0421FD;float:left;background:rgba(0,0,0,0.50);border-bottom:none;width:140px;height:60px;margin-left: 30px;margin-top:-110px;border-top:1px solid #0421FD; position: absolute;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease}

6. Lalu Simpan Deh
NB : Untuk Kode Yang Berwarna :
Merah : Kode Musik Anda Yang Berformat SWF
Kuning : Kode Like Box Fans Page Anda
Hijau : URL Blog, Tulisan Mu, Gambar
Biru : Kode Alexa Rank Mu
Orange : Kode Blog ID Kamu
Semoga Berhasil Ya Agan2 Jika Agan2 Ada Kesulitan Silahkan Tanyakan Di Komentar Saja,,,

Jika Ingin COPAS Silahkan Asalkan Cantumkan Link Sumbernya,,
Jika Melanggar Saya Laporkan Ke DMCA, Karena Saya Bisa Melihat Siapa Yang Telah Mengcopy Artikel Saya, Lalu Saya Cek Ke Blog Orang Yang COPAS Nya & Jika Saya Melihat Tidak Dicantumkan Link Sumbernya Maka Saya Akan Langsung Melaporkan Ini Ke DMCA, Jadi Intinya Jika COPAS Cantumkan Link Sumbernya,,

Leave a Reply

Komentar dengan kata kata yang sopan !!!!

Ramadan Uzumaki. Aangedryf deur Blogger.