Cara Memasang Animasi Burung Twitter Melayang di Blog
Animasi Burung Twitter Melayang di Blog anda?
Apakah anda ingin memiliki blog dengan burung twitter melayang? Kalau jawabannya iya, jangan khawatir, burung twitter akan segera terpasang di blog anda. Silahkan ikuti bagaimana cara membuat animasi burung twitter melayang di blog. Supaya animasi burung twitter bisa bekerja, anda harus mempunyai akun di twitter.com, sehingga jika pengunjung blog mengklik burung twitter yang sudah terpasang di blog maka secara otomatis akan menuju pada akun twitter anda dan mereka akan follow.
Cara Memasang Animasi Burung Twitter Melayang di Blog
1. Masuk ke Blogger.com
2. Pilih Tata Letak => Tambah Gadget
3. Pilih HTML/JavaScript dan masukkan kode berikut kedalamnya
<script type="text/javascript" src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVXnFwr7C3_w0qBP0r8pvZ0ohSO694_05Pp12M6jPVljpWV8NjsoFYSC0UKAA6hR0v9zN2M6MA5-bABnHXvXrRmnQQ9dlbAEkwLIW-CufQOkWWUayldhyphenhyphenYR6bIjamXFkZQTkLzUlyhac/s1600/yellow+bird.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/nama akun twitter anda";
var tweetThisText = "Twitter - UserID";
tripleflapInit();
</script>
Keterangan :
Ganti kode warna merah dengan akun twitter anda
Dibawah ini ada beberapa Url gambar untuk burung twitter, silahkan anda ganti url gambar twitter yang berwarna biru dengan kode yang ada dibawah ini.
1. Burung Twitter Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFpYSCyovrEVRp6xc2vfBZOBlE7gyoNx-X6qUETZpJnNZ2yCT_4QXZL16HXhVMLFGjBL3WOPLXmBkEZ2X-veISkU5LZAawDuddTkGZbp_LZfpruvacHt3HUnc9gRhntZ4zN2S-a-3O1fo/s1600/white+bird.png
2. Burung Twitter Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQ3lp0S608rP0iLvVfB_POiQq2h2g9Fb6dsIIykxELgE4LJXRKvFFfNtdKRDgFPSu5TuoUC0aW1eEkArKtZieGKJG1tjddEB9x7XG6-EqxIr3Qk-50mIuMOUDPtHUhPyCC-wwGcVSMl0/s1600/red+bird.png
3. Burung Twitter Warna Unik 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7Ky0ugl6k2iYKEuyv9m66J_T19mTcHkOteFYd_xnZw2SfcXrw-ltLTOcWPBxFssYteNc6yepfJ5_KR8u5WdmxZHB7WAdnHA-sbgT8mhl0ZKbGk_oCl9gJi91XU0YG-mKhzQ4l9L3l_c/s1600/twitter+bird+unik.png
4. Burung Twitter Warna Unik 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSWSzOhwn7mfdvMlkp8Q6h5Mcj85BIiwUfXNZgG8OWqg5mO_EN3uryK91g3ejoTpCtCGlJUvRyyo06EDOmu5dKYsY9FVENLWfUqVOima_hHUQDOZ65QB-f4_8xB0znfYspPXe34YOhKFU/s1600/twitter-b22ird-unik.gif
Selamat mencoba , semoga ulasan yang saya share dapat bermanfaat untuk anda yang suka menghiasi blognya supaya tampil lebih menarik.
-----------------------------------------------------------------------------------------------------------------
ARTIKEL YANG LAIN SILAHKAN ANDA PILIH DALAM KOLOM DI BAWAH INI
-----------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------
ARTIKEL YANG LAIN SILAHKAN ANDA PILIH DALAM KOLOM DI BAWAH INI
----------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------
ARTIKEL YANG LAIN SILAHKAN ANDA PILIH DALAM KOLOM DI BAWAH INI
----------------------------------------------------------------------------------------------------------------
Apakah anda ingin memiliki blog dengan burung twitter melayang? Kalau jawabannya iya, jangan khawatir, burung twitter akan segera terpasang di blog anda. Silahkan ikuti bagaimana cara membuat animasi burung twitter melayang di blog. Supaya animasi burung twitter bisa bekerja, anda harus mempunyai akun di twitter.com, sehingga jika pengunjung blog mengklik burung twitter yang sudah terpasang di blog maka secara otomatis akan menuju pada akun twitter anda dan mereka akan follow.
Cara Memasang Animasi Burung Twitter Melayang di Blog
1. Masuk ke Blogger.com
2. Pilih Tata Letak => Tambah Gadget
3. Pilih HTML/JavaScript dan masukkan kode berikut kedalamnya
<script type="text/javascript" src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVXnFwr7C3_w0qBP0r8pvZ0ohSO694_05Pp12M6jPVljpWV8NjsoFYSC0UKAA6hR0v9zN2M6MA5-bABnHXvXrRmnQQ9dlbAEkwLIW-CufQOkWWUayldhyphenhyphenYR6bIjamXFkZQTkLzUlyhac/s1600/yellow+bird.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/nama akun twitter anda";
var tweetThisText = "Twitter - UserID";
tripleflapInit();
</script>
Keterangan :
Ganti kode warna merah dengan akun twitter anda
Dibawah ini ada beberapa Url gambar untuk burung twitter, silahkan anda ganti url gambar twitter yang berwarna biru dengan kode yang ada dibawah ini.
1. Burung Twitter Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFpYSCyovrEVRp6xc2vfBZOBlE7gyoNx-X6qUETZpJnNZ2yCT_4QXZL16HXhVMLFGjBL3WOPLXmBkEZ2X-veISkU5LZAawDuddTkGZbp_LZfpruvacHt3HUnc9gRhntZ4zN2S-a-3O1fo/s1600/white+bird.png
2. Burung Twitter Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkQ3lp0S608rP0iLvVfB_POiQq2h2g9Fb6dsIIykxELgE4LJXRKvFFfNtdKRDgFPSu5TuoUC0aW1eEkArKtZieGKJG1tjddEB9x7XG6-EqxIr3Qk-50mIuMOUDPtHUhPyCC-wwGcVSMl0/s1600/red+bird.png
3. Burung Twitter Warna Unik 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7Ky0ugl6k2iYKEuyv9m66J_T19mTcHkOteFYd_xnZw2SfcXrw-ltLTOcWPBxFssYteNc6yepfJ5_KR8u5WdmxZHB7WAdnHA-sbgT8mhl0ZKbGk_oCl9gJi91XU0YG-mKhzQ4l9L3l_c/s1600/twitter+bird+unik.png
4. Burung Twitter Warna Unik 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSWSzOhwn7mfdvMlkp8Q6h5Mcj85BIiwUfXNZgG8OWqg5mO_EN3uryK91g3ejoTpCtCGlJUvRyyo06EDOmu5dKYsY9FVENLWfUqVOima_hHUQDOZ65QB-f4_8xB0znfYspPXe34YOhKFU/s1600/twitter-b22ird-unik.gif
Selamat mencoba , semoga ulasan yang saya share dapat bermanfaat untuk anda yang suka menghiasi blognya supaya tampil lebih menarik.
-----------------------------------------------------------------------------------------------------------------
ARTIKEL YANG LAIN SILAHKAN ANDA PILIH DALAM KOLOM DI BAWAH INI
-----------------------------------------------------------------------------------------------------------------
ARTIKEL YANG LAIN SILAHKAN ANDA PILIH DALAM KOLOM DI BAWAH INI
----------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------
ARTIKEL YANG LAIN SILAHKAN ANDA PILIH DALAM KOLOM DI BAWAH INI
----------------------------------------------------------------------------------------------------------------
cara membuat link bergerak jika terkena kursor blog
Salam sejahtra buat kita semua postingan kali ini saya akan berbagi cara membuat link berjalan ketika terkena kursor, ya itung-itung membuat blog kita jadi rameeee gitu
ya tampa basah basih langsung aja kita mulai..................- Login ke akun blog anda
- Klik dasboard "Rancangan"
- Klik "Edit HTML" jangan lupa centang "Expand Widget Template"
- Kemudian cari kode </head>
- Lalu letakan kode script di bawah ini tepat di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>Kemudian simpan template anda,,
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
OK.... sekian dulu postingan kali ini lebih dan kurang nya saya ucap kan terimah kasih atas kunjungan nya
Membuat Widget Melayang
Membuat Floating Widget /Widget MelayangSebelumnya saya pernah menulis tentang cara membuat ini (membuat menu floating) tapi dengan tips hanya menggunkan modifikasi CSS saja, nah berikut ini sedikit modifikasi dengan menggunakan kode javascript dan tampilan pun akan lebih dinamis, di dalamnya sobat dapat tempatkan apapun juga mis : Iklan adsense, Gambar, ataupun chat box. untuk preview coba sobat klik widget bertuliskan sponsor sebelah kanan. Buka Layout Page Element dan Klik add gadget, kemudian pilih HTML/javaScript.<style type="text/css">Tulisan warna BIRU adalah gambar/image yang dapat diganti sesuai keinginan. |
Last 20 Listens:
Membuat menu bar
kode navigator menu bar
<div class="masmenu">
<ul class="sf-menu">
<li><a href="https://www.blogger.com/"><img alt="home" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJlRHxtGVoLHX2g7E0DbMrFjD1ludPb85hsu3DU_-OVos0Et55arOgC9UAgKs61Xer7VXk7srsbr7pDdp6NqIXV5nVsshdlDkdAexM_UXx4dPzOIMbo9B43KTy9ZhYQb-61yHCQ2i1DdQ/s1600/home.gif" style="padding: 0px;" /></a></li>
<li><a href="https://www.blogger.com/null">CONTACT</a>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">My Twitter</a></li>
<li><a href="https://www.facebook.com/burhan.arsulin">My Facebook</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/null">MATERI</a>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 1</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 2</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 3</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 4</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 5</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 6</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 7</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/null">ARTIKEL</a>
<ul>
<li><a href="http://irhanz.blogspot.com/search/label/kesehatan">Kesehatan</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/cerpen">Cerpen</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/null">DOWNLOAD</a>
<ul>
<li><a href="http://irhanz.blogspot.com/search/label/softwere">App video</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/App%20musik">App Musik</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/game">App Games</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/APP%20foto">App Foto</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/tutorial">Tutorial</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/template">Templete</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/CD%2FDVD">CD/DVD</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/meseg%26cat">Messeg_chat</a></li>
</ul>
</li>
</ul>
</div>
#navbar-iframe{height:0;visibility:hidden;display:none} body{background-color:#EFEFEF;color:#444;height:100%;font-family:Arial, Helvetica, Tahoma, sans-serif;font-size:14px;font-weight:400;line-height:22px;text-decoration:none;margin:0;padding:0} a,a:link,a:visited{color:#990099;text-decoration:none} a:hover,a:active{color:#222;text-decoration:none} h2.date-header{display:none} .header-wrapper{width:910px;color:#333;min-height:100px;overflow:hidden;position:relative;z-index:999;margin:0 auto} #header{max-width:400px;float:left;width:auto;overflow:hidden;z-index:999;min-width:240px;margin:0;padding:0} #header-inner{margin:10px 0 10px;padding:0} #header h1,#header p{font:24px Oswald;line-height:30px;color:#990099;text-shadow:1px 1px #fff, 1px 1px #ccc, 2px 2px #ddd, 3px 3px #eee;padding-bottom:10px;margin:0} #header h1 a,#header h1.title a:hover{color:#48b;text-decoration:none} #header .description{color:#0a2e56;font:Italic 14px Georgia;text-shadow:none} #header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto} #header2{float:right;width:468px;margin:15px 0 0 10px} .header2 .widget{margin:0 auto;padding:5px 0} .masmenu{background:#000;color:#fff;border-bottom: 4px solid #990099;text-shadow:-1px -1px #2560aa;width:100%;display:inline-block;} .masmenu ul{width:100%;padding:0;margin:0} .masmenu li:first-child a{padding:7px 10px 3px} .masmenu li{list-style:none;float:left} .masmenu li a{border-right:1px solid #990099;color:#fff;display:block;font:bold 12px Arial;position:relative;text-decoration:none;padding:10px 12px;overflow:hidden} .masmenu li a:hover{background:#990099;color:#fff} .masmenu li a .sf-sub-indicator{overflow:hidden;position:absolute;text-indent:-9999px} .masmenu li li a,.masmenu li li a:link,.masmenu li li a:visited{background:#990099;border-bottom:1px solid #2560aa;color:#fff;font-size:11px;position:relative;text-transform:none;width:138px;padding:9px 10px} .masmenu li li a:hover,.masmenu li li a:active{background:#2560aa} .masmenu li ul{height:auto;left:-9999px;position:absolute;width:160px;z-index:9999;margin:0} .masmenu li ul a{width:140px} .masmenu li ul ul{margin:-33px 0 0 157px} .masmenu li:hover>ul,.masmenu li.sfHover ul{left:auto} .page-menu{background:#222;border-bottom: 2px solid #990099;width:100%;z-index:299;margin:0 auto;padding:0} .page-menu ul{list-style:none;color:#ddd;z-index:999;width:910px;margin:0 auto;padding:0} .page-menu ul li{list-style:none;line-height:34px;display:inline-block} .page-menu li a{background:transparent;color:#ddd;display:block;font-size:13px;font-family:Arial,Helvetica,Tahoma,sans-serif;position:relative;text-decoration:none;text-transform:capitalize;padding:0 10px} .page-menu li a:hover,.page-menu .selected{background:#444;color:#fff} .outerpic-wrapper{background:#fff;width:100%;box-shadow:0 10px 10px #666;-moz-box-shadow:0 10px 10px #666;overflow:hidden;-webkit-box-shadow:0 10px 10px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',Direction=125,Strength=6);padding:10px} .content-wrapper{position:relative;max-width:910px;margin:0 auto} .outer-wrapper{position:relative;width:100%;padding:0} .main-wrapper{width:600px;margin-right:10px;float:left;word-wrap:break-word;overflow:hidden;} .clr{clear:both;float:none} h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em} h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0} .post{border:1px solid #E1E1E1;margin:0 0 15px;padding:5px 15px 15px} .post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#990099;margin:.0em 0 0;padding:4px 0} .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#990099;text-shadow:1px 1px #fff, 1px 1px #ccc, 2px 2px #ddd, 3px 3px #eee} .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#333} .post-body{border-top:2px solid #990099;;padding-top:10px;font:normal 14px 'Arial', serif;margin:1.0em 0 .75em;line-height:1.3em;} .post-body blockquote{line-height:1.3em} .post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:.75em 0} .comment-link{margin-left:.1em} .post blockquote{line-height:1.6em;color:#333;background:#eee;border-left:20px solid #ccc;margin:10px 10px 10px 20px;padding:10px 15px} .post blockquote p{margin:.75em 0} .post img,table.tr-caption-container{padding-top:4px;border:0px solid #cccccc}.tr-caption-container img{border:none;padding:0}.post blockquote{margin:1em 20px}.post blockquote p{margin:.75em 0} #related-posts{float:left;width:100%;border-bottom:1px solid #aaa;border-top:3px solid #bbb;margin:5px 0 10px;padding:15px 0 10px} #related-posts .widget h2,#related-posts h2{font:16px Oswald;color:#111;text-transform:none;margin:0 0 10px;padding:0} #related-posts a{color:#333;font:12px Tahoma} #related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirU_WHWxg2HVWxfjIA6tgtVwaJ4G21Ln_Hsdof_5XrX-ErdEyub8RAiURARTT9O060IjXt9Kgef_3fcMcBBeHro0RRDtD3HL9cjEaJhyQu66iZ3tBKqkpIJ713HjiUZ6KFkPu0ogkwHoY/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.2em;border-bottom:1px dashed #ddd;margin:0;padding:3px 0 3px 12px} #related-posts a:hover{color:#2482d6;text-decoration:none} #related-posts .widget{margin:0;padding:0} #related-posts ul{list-style:none;margin:0;padding:0} .showpageNum a{font:12px Arial;text-decoration:none;border:1px solid #2560aa;background:#fff;margin:0 4px;padding:5px 8px} .showpageOf{display:none} .showpageNum a:hover{border:1px solid #2560aa;background:#48d;text-decoration:underline;color:#fff} .showpagePoint{font:12px Arial;color:#fff;border:1px solid #2560aa;background:#48d;text-decoration:none;margin:2px;padding:5px 8px} .readmorecontent{float:right;margin:5px 5px 0 0;padding:2px 0} .readmorecontent a{color: #555;text-shadow: 0 1px 0 rgba(255,255,255,.5);border-width: 1px;border-style: solid;border-color: #fff #ccc #999 #eee; background: #c1c1c1;background: -moz-linear-gradient(#f5f5f5, #c1c1c1);background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);background: -o-linear-gradient(#f5f5f5, #c1c1c1);background: -ms-linear-gradient(#f5f5f5, #c1c1c1);background: linear-gradient(#f5f5f5, #c1c1c1); text-decoration:none;font-size:11px;padding:5px 7px} .readmorecontent a:hover{text-decoration:none;color:#48d} #blog-pager-newer-link a{background:#48d;float:left;display:inline;color:#fff;font-size:12px;font-family:Arial,Helvetica,Tahoma,sans-serif;font-weight:700;line-height:22px;border:1px solid #2560aa;padding:0 8px} #blog-pager-older-link a{float:right;display:inline;background:#48d;color:#fff;font-size:12px;font-family:Arial,Helvetica,Tahoma,sans-serif;font-weight:700;line-height:22px;border:1px solid #2560aa;padding:0 8px} #blog-pager-home-link a{display:inline;background:#48d;color:#fff;font-size:12px;font-family:Arial,Helvetica,Tahoma,sans-serif;font-weight:700;line-height:22px;border:1px solid #2560aa;margin:0 0 0 20px;padding:4px 8px} #blog-pager{text-align:center;font-family:Arial,Helvetica,Tahoma,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#2560aa;padding:10px 10px 10px 20px} .menusearch{width:200px;float:right;margin:0 auto;padding:4px 0 0} .searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #000;} .searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;} .searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;} .searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0} .sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden;} .sidebar h2{background:#000;border-bottom: 2px solid #990099;color:#fff;font:14px Oswald;margin:0;padding:5px 0 5px 10px;text-shadow:0 1px 1px #fff;text-transform:uppercase} .sidebar{background:#f6f6f6;color:#666;line-height:1.3em;border-top:none;font:11px Arial} .sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed #ddd} .sidebar .widget{;margin:2px 0 10px;padding:0} .sidebar .widget-content{margin:0 auto;padding:0 10px;} .sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none} .sidebar li a:hover{color:#015bb3} .sidebar ul{list-style:none;margin:0;padding:5px 0} .sidebar1 ul{list-style:none;padding:0;margin:0;} .sidebar1 .widget {margin:0px 0px 0px;padding:0} #footer{background-color:#111;background-image: -moz-linear-gradient(top,#333 0,#111 100%); background-image: -ms-linear-gradient(top,#333 0,#222 100%); background-image: -o-linear-gradient(top,#333 0,#111 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#111)); background-image: -webkit-linear-gradient(top,#333 0,#111 100%); background-image: linear-gradient(to bottom,#333 0,#111 100%);border-bottom:1px solid #000;border-top:4px solid #000;width:100%;padding:0;} .footer-wrapper{color:#aaa;font:12px Arial;height:100%;line-height:16px;overflow:hidden;padding:0} .footer{float:left;width:31%;margin:10px} .footer .widget{margin-bottom:30px} .footer h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQeT4-BRR81T47-U0McizEJoBeFiwlwgc4ntnq6qMBQkseplY8phS_BG0VVWs6PXXZQc-4dXycdteR5gLovMmPc5zq_zsNEAYfc6-7w_PzIlUPh7g5Z8SQ5856ndkkhljssHx0HhUD0o6k/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd} .footer .widget-content{line-height:20px} .footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0} .footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7yPEsqpWLUv4qBNjZFJ5Ph8kKTPYkMFPUcXieCfjWTj6dPIE9bnGN8YUwdMsbe9gyp_RIaW4W0nPPdSUPCqnfYOpXPxflvQbqkLQzUDuQH-7GXesBrzCarPiNhhMZzVCub2cEx02ttB7X/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px} .footer a:link,.footer li a:visited{color:#aaa;text-decoration:none} .footer li a:hover{color:#fff} #credit{background:#000;border-top:1px solid #fff;font:11px Tahoma;color:#999;width:100%;overflow:hidden;clear:both;padding:10px 0;line-height:18px} #credit .left{float:left;text-align:left;margin-left:10px} #credit .right{float:right;text-align:right;margin-right:10px} #credit a{color:#fff;text-decoration:none} #credit a:hover{color:#990099;text-decoration:underline} .comments {margin:5px 0;padding:10px 15px; line-height:1em; } .comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:normal; text-align:left; line-height:1.4em; } .comments .comment .comment-actions a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comment .comment-actions a:hover { text-decoration:none; background:#fff; border:1px solid #5AB1E2; } .comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-align:none; } .comments .comments-content .inline-thread { padding:0.5em 1em; } .comments .comments-content .comment-thread { margin:8px 0; } .comments .comments-content .comment-thread:empty { display:none; } .comments .comments-content .comment-replies { margin-top:1em; margin-left:40px; font-size:12px; background:#f6f6f6; } .comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; } .comments .comments-content .comment:first-child { padding-top:16px; } .comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; } .comments .comments-content .comment-body { position:relative; } .comments .comments-content .user { font-style:normal; font-weight:bold; } .comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight:bold; text-decoration:none; } .comments .comments-content .icon.blog-author { width:18px; height:18px; display:inline-block; margin:0 0 -4px 6px; } .comments .comments-content .datetime { color:#999999; float:right; font-size:11px; text-decoration:none; } .comments .comments-content,.comments .comments-content .comment-content { margin:0 0 8px; } .comment-header { background-color:#F4F4F4; border:thin solid #E6E6E6; margin-bottom:5px; padding:5px; } .comments .comments-content .comment-content { text-align:none; } .comments .comments-content .owner-actions { position:absolute; right:0; top:0; } .comments .comments-replybox { border:none; height:250px; width:100%; } .comments .comment-replybox-single { margin-top:5px; margin-left:48px; } .comments .comment-replybox-thread { margin-top:5px; } .comments .comments-content .loadmore a { display:block; padding:10px 16px; text-align:center; } .comments .thread-toggle { cursor:pointer; display:inline-block; } .comments .continue { cursor:pointer; } .comments .continue a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-top:3em; } .comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden; } .comments .thread-chrome.thread-collapsed { display:none; } .comments .thread-toggle { display:inline-block; } .comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width:7px; overflow:visible; margin:0.3em; padding-right:4px; } .comments .thread-expanded .thread-arrow { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-YIlhafB_WsxHukfMYU_u9Q5Bq4pxZ1LixzY86EFCWEaHP9v20LBMnA9zkag16yct6HpRwNHxISmyVnzW8iqtcbniVII29zo2IDtldCD9-hJiDH6-Bh3vgCg4IKJxlYZnoCq6_BIB5Lg/s1600/arrow-down.png) no-repeat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCSTciSNSe55_2t2ZE1jE8TEPqNqN5dn-BqHBcyAKnr4oABPKDoB4e_Ufpo9NgpH3SSyx_KBIL9mNb4xTtAT4pwN73gap0NhNN-rWTQ7_OPmjJh6Eb65PTfii6vprnodseahyphenhyphenBkFzZ7a8/s1600/arrow-right.png) no-repeat scroll 0 0 transparent; } .comments .avatar-image-container { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_ZfJxMulN4sUG-10Tb6_SK4Gh6JNtwCFGJ2Tgo4fRfytOwJRy5LD2nmklcvrO_-3GuFHrtrWtW1LSz7Tt_aAaKRE3qTP9rkRldrtnCSdsZEMOQKxAkQShBZ5wRR4CUqiL3gV7cPSO6w/s1600/avatar.jpg); background-position:center center; background-repeat:no-repeat; float:left; width:36px; max-height:36px; margin:0; outline:1px solid #FFFFFF; padding:3px; vertical-align:middle; overflow:hidden; border:1px solid #DDDDDD; } .comments .avatar-image-container img { width:36px; } .comments .comment-block { margin-left:48px; position:relative; } @media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }} .postmeta{font:11px Tahoma;text-transform:uppercase;font-weight:400;padding:5px 0;line-height:16px} .author{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7oLCVlZiIlZGQhf2s8y9XFBRxv9vQ6gZjgU_EIV8Pn9w6jnsudw1Zs-GhHVQN7G9etcTa54HPXeL9O-pHa7doR81PufDPF8YOY2I7BcnWfya31jaNN-Fd-9hZIvHWOfRGeNFpd3NnhnxZ/s1600/user.png) left center no-repeat;padding:2px 5px 2px 17px} .clock{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-jHi4CJjRvsys7XPZQfyXfLzEBh8uLos8xSKVUdePjbbYD4_mhoKDemPV-1KcDS9HYzRa1vd3PQwqUxkNksFv5zLbQojOjP03_xh4cYcU-hIghxryBW8mSpDX2h0Gs6DEb18TXMBxriaR/s1600/time.png) left center no-repeat;padding:2px 5px 2px 17px} .clock a{color:#666} .clock a:hover{color:#48d} @media screen and (max-width: 910px) { .header-wrapper{margin-right:0;min-height:0;width:100%} #header{text-align:center;width:100%;max-width:none;} #header-inner{margin:10px 0} #header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto} .menusearch{float:none;padding:5px 0 10px} .masmenu li:first-child a{padding:5px 10px 6px} .masmenu li{float:left;} .masmenu li a{border:none} .main-wrapper{margin-right:0;width:58%;} .sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto 10px;padding:10px;} .credit{padding:20px!important} #credit .left,#credit .right{float:none;text-align:center;margin:0} .outerpic-wrapper,.content-wrapper{padding:0} #header2,.page-menu ul{text-align:center;width:100%} } } @media screen and (max-width: 768px){ .header-wrapper{margin-right:0;min-height:0;width:100%} #header{text-align:center;width:100%;max-width:none} #header-inner{margin:10px 0} } @media screen and (max-width: 760px){ .masmenu{border-bottom:0} .page-menu{margin:0} .outer-wrapper{padding:0} #content{clear:both;border:none;padding:0} .main-wrapper{margin-right:0;width:100%;min-height:0} .sidebar-wrapper,.sidebar1-wrapper{position:relative;top:auto;right:auto;clear:both;left:auto;width:auto;background:none;padding:10px} #comment-editor{margin:10px} .footer{width:auto;margin:15px} } @media screen and (max-width: 480px){ #header img{width:100%} .post-comment-link{display:none} } @media screen and (max-width: 320px){ .sidebar1 img{width:100%;text-align:center} .comments .comments-content .datetime{display:block;float:none} .comments .comments-content .comment-header{height:70px} } @media screen and (max-width: 240px){ .comments .comments-content .comment-replies{margin-left:0} } /*Categories*/ #Label1 ul,#Label2 ul{list-style:none;margin:0 0 0;padding:0 0 8px} #Label1 li,#Label2 li{background:url(http://i1142.photobucket.com/albums/n616/amin123451/Folder_zpsbf1e0511.png) no-repeat;padding-top:0;padding-right:0;padding-bottom:3px;padding-left:20px;margin-bottom:3px;border-bottom:1px dotted #555;line-height:1.3em} .author-comments{background:#8B0000;border:1px solid #ff0;padding:4px} #Label1 .widget-content{ height:200px; width:auto; overflow:auto; } -->
<div class="masmenu">
<ul class="sf-menu">
<li><a href="https://www.blogger.com/"><img alt="home" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJlRHxtGVoLHX2g7E0DbMrFjD1ludPb85hsu3DU_-OVos0Et55arOgC9UAgKs61Xer7VXk7srsbr7pDdp6NqIXV5nVsshdlDkdAexM_UXx4dPzOIMbo9B43KTy9ZhYQb-61yHCQ2i1DdQ/s1600/home.gif" style="padding: 0px;" /></a></li>
<li><a href="https://www.blogger.com/null">CONTACT</a>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">My Twitter</a></li>
<li><a href="https://www.facebook.com/burhan.arsulin">My Facebook</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/null">MATERI</a>
<ul>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 1</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 2</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 3</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 4</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 5</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 6</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=5601891623908210931#">Semester 7</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/null">ARTIKEL</a>
<ul>
<li><a href="http://irhanz.blogspot.com/search/label/kesehatan">Kesehatan</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/cerpen">Cerpen</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/null">DOWNLOAD</a>
<ul>
<li><a href="http://irhanz.blogspot.com/search/label/softwere">App video</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/App%20musik">App Musik</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/game">App Games</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/APP%20foto">App Foto</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/tutorial">Tutorial</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/template">Templete</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/CD%2FDVD">CD/DVD</a></li>
<li><a href="http://irhanz.blogspot.com/search/label/meseg%26cat">Messeg_chat</a></li>
</ul>
</li>
</ul>
</div>
#navbar-iframe{height:0;visibility:hidden;display:none} body{background-color:#EFEFEF;color:#444;height:100%;font-family:Arial, Helvetica, Tahoma, sans-serif;font-size:14px;font-weight:400;line-height:22px;text-decoration:none;margin:0;padding:0} a,a:link,a:visited{color:#990099;text-decoration:none} a:hover,a:active{color:#222;text-decoration:none} h2.date-header{display:none} .header-wrapper{width:910px;color:#333;min-height:100px;overflow:hidden;position:relative;z-index:999;margin:0 auto} #header{max-width:400px;float:left;width:auto;overflow:hidden;z-index:999;min-width:240px;margin:0;padding:0} #header-inner{margin:10px 0 10px;padding:0} #header h1,#header p{font:24px Oswald;line-height:30px;color:#990099;text-shadow:1px 1px #fff, 1px 1px #ccc, 2px 2px #ddd, 3px 3px #eee;padding-bottom:10px;margin:0} #header h1 a,#header h1.title a:hover{color:#48b;text-decoration:none} #header .description{color:#0a2e56;font:Italic 14px Georgia;text-shadow:none} #header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto} #header2{float:right;width:468px;margin:15px 0 0 10px} .header2 .widget{margin:0 auto;padding:5px 0} .masmenu{background:#000;color:#fff;border-bottom: 4px solid #990099;text-shadow:-1px -1px #2560aa;width:100%;display:inline-block;} .masmenu ul{width:100%;padding:0;margin:0} .masmenu li:first-child a{padding:7px 10px 3px} .masmenu li{list-style:none;float:left} .masmenu li a{border-right:1px solid #990099;color:#fff;display:block;font:bold 12px Arial;position:relative;text-decoration:none;padding:10px 12px;overflow:hidden} .masmenu li a:hover{background:#990099;color:#fff} .masmenu li a .sf-sub-indicator{overflow:hidden;position:absolute;text-indent:-9999px} .masmenu li li a,.masmenu li li a:link,.masmenu li li a:visited{background:#990099;border-bottom:1px solid #2560aa;color:#fff;font-size:11px;position:relative;text-transform:none;width:138px;padding:9px 10px} .masmenu li li a:hover,.masmenu li li a:active{background:#2560aa} .masmenu li ul{height:auto;left:-9999px;position:absolute;width:160px;z-index:9999;margin:0} .masmenu li ul a{width:140px} .masmenu li ul ul{margin:-33px 0 0 157px} .masmenu li:hover>ul,.masmenu li.sfHover ul{left:auto} .page-menu{background:#222;border-bottom: 2px solid #990099;width:100%;z-index:299;margin:0 auto;padding:0} .page-menu ul{list-style:none;color:#ddd;z-index:999;width:910px;margin:0 auto;padding:0} .page-menu ul li{list-style:none;line-height:34px;display:inline-block} .page-menu li a{background:transparent;color:#ddd;display:block;font-size:13px;font-family:Arial,Helvetica,Tahoma,sans-serif;position:relative;text-decoration:none;text-transform:capitalize;padding:0 10px} .page-menu li a:hover,.page-menu .selected{background:#444;color:#fff} .outerpic-wrapper{background:#fff;width:100%;box-shadow:0 10px 10px #666;-moz-box-shadow:0 10px 10px #666;overflow:hidden;-webkit-box-shadow:0 10px 10px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',Direction=125,Strength=6);padding:10px} .content-wrapper{position:relative;max-width:910px;margin:0 auto} .outer-wrapper{position:relative;width:100%;padding:0} .main-wrapper{width:600px;margin-right:10px;float:left;word-wrap:break-word;overflow:hidden;} .clr{clear:both;float:none} h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em} h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0} .post{border:1px solid #E1E1E1;margin:0 0 15px;padding:5px 15px 15px} .post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#990099;margin:.0em 0 0;padding:4px 0} .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#990099;text-shadow:1px 1px #fff, 1px 1px #ccc, 2px 2px #ddd, 3px 3px #eee} .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#333} .post-body{border-top:2px solid #990099;;padding-top:10px;font:normal 14px 'Arial', serif;margin:1.0em 0 .75em;line-height:1.3em;} .post-body blockquote{line-height:1.3em} .post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:.75em 0} .comment-link{margin-left:.1em} .post blockquote{line-height:1.6em;color:#333;background:#eee;border-left:20px solid #ccc;margin:10px 10px 10px 20px;padding:10px 15px} .post blockquote p{margin:.75em 0} .post img,table.tr-caption-container{padding-top:4px;border:0px solid #cccccc}.tr-caption-container img{border:none;padding:0}.post blockquote{margin:1em 20px}.post blockquote p{margin:.75em 0} #related-posts{float:left;width:100%;border-bottom:1px solid #aaa;border-top:3px solid #bbb;margin:5px 0 10px;padding:15px 0 10px} #related-posts .widget h2,#related-posts h2{font:16px Oswald;color:#111;text-transform:none;margin:0 0 10px;padding:0} #related-posts a{color:#333;font:12px Tahoma} #related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirU_WHWxg2HVWxfjIA6tgtVwaJ4G21Ln_Hsdof_5XrX-ErdEyub8RAiURARTT9O060IjXt9Kgef_3fcMcBBeHro0RRDtD3HL9cjEaJhyQu66iZ3tBKqkpIJ713HjiUZ6KFkPu0ogkwHoY/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.2em;border-bottom:1px dashed #ddd;margin:0;padding:3px 0 3px 12px} #related-posts a:hover{color:#2482d6;text-decoration:none} #related-posts .widget{margin:0;padding:0} #related-posts ul{list-style:none;margin:0;padding:0} .showpageNum a{font:12px Arial;text-decoration:none;border:1px solid #2560aa;background:#fff;margin:0 4px;padding:5px 8px} .showpageOf{display:none} .showpageNum a:hover{border:1px solid #2560aa;background:#48d;text-decoration:underline;color:#fff} .showpagePoint{font:12px Arial;color:#fff;border:1px solid #2560aa;background:#48d;text-decoration:none;margin:2px;padding:5px 8px} .readmorecontent{float:right;margin:5px 5px 0 0;padding:2px 0} .readmorecontent a{color: #555;text-shadow: 0 1px 0 rgba(255,255,255,.5);border-width: 1px;border-style: solid;border-color: #fff #ccc #999 #eee; background: #c1c1c1;background: -moz-linear-gradient(#f5f5f5, #c1c1c1);background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);background: -o-linear-gradient(#f5f5f5, #c1c1c1);background: -ms-linear-gradient(#f5f5f5, #c1c1c1);background: linear-gradient(#f5f5f5, #c1c1c1); text-decoration:none;font-size:11px;padding:5px 7px} .readmorecontent a:hover{text-decoration:none;color:#48d} #blog-pager-newer-link a{background:#48d;float:left;display:inline;color:#fff;font-size:12px;font-family:Arial,Helvetica,Tahoma,sans-serif;font-weight:700;line-height:22px;border:1px solid #2560aa;padding:0 8px} #blog-pager-older-link a{float:right;display:inline;background:#48d;color:#fff;font-size:12px;font-family:Arial,Helvetica,Tahoma,sans-serif;font-weight:700;line-height:22px;border:1px solid #2560aa;padding:0 8px} #blog-pager-home-link a{display:inline;background:#48d;color:#fff;font-size:12px;font-family:Arial,Helvetica,Tahoma,sans-serif;font-weight:700;line-height:22px;border:1px solid #2560aa;margin:0 0 0 20px;padding:4px 8px} #blog-pager{text-align:center;font-family:Arial,Helvetica,Tahoma,sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#2560aa;padding:10px 10px 10px 20px} .menusearch{width:200px;float:right;margin:0 auto;padding:4px 0 0} .searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #000;} .searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;} .searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;} .searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0} .sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden;} .sidebar h2{background:#000;border-bottom: 2px solid #990099;color:#fff;font:14px Oswald;margin:0;padding:5px 0 5px 10px;text-shadow:0 1px 1px #fff;text-transform:uppercase} .sidebar{background:#f6f6f6;color:#666;line-height:1.3em;border-top:none;font:11px Arial} .sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed #ddd} .sidebar .widget{;margin:2px 0 10px;padding:0} .sidebar .widget-content{margin:0 auto;padding:0 10px;} .sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none} .sidebar li a:hover{color:#015bb3} .sidebar ul{list-style:none;margin:0;padding:5px 0} .sidebar1 ul{list-style:none;padding:0;margin:0;} .sidebar1 .widget {margin:0px 0px 0px;padding:0} #footer{background-color:#111;background-image: -moz-linear-gradient(top,#333 0,#111 100%); background-image: -ms-linear-gradient(top,#333 0,#222 100%); background-image: -o-linear-gradient(top,#333 0,#111 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#111)); background-image: -webkit-linear-gradient(top,#333 0,#111 100%); background-image: linear-gradient(to bottom,#333 0,#111 100%);border-bottom:1px solid #000;border-top:4px solid #000;width:100%;padding:0;} .footer-wrapper{color:#aaa;font:12px Arial;height:100%;line-height:16px;overflow:hidden;padding:0} .footer{float:left;width:31%;margin:10px} .footer .widget{margin-bottom:30px} .footer h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQeT4-BRR81T47-U0McizEJoBeFiwlwgc4ntnq6qMBQkseplY8phS_BG0VVWs6PXXZQc-4dXycdteR5gLovMmPc5zq_zsNEAYfc6-7w_PzIlUPh7g5Z8SQ5856ndkkhljssHx0HhUD0o6k/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd} .footer .widget-content{line-height:20px} .footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0} .footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7yPEsqpWLUv4qBNjZFJ5Ph8kKTPYkMFPUcXieCfjWTj6dPIE9bnGN8YUwdMsbe9gyp_RIaW4W0nPPdSUPCqnfYOpXPxflvQbqkLQzUDuQH-7GXesBrzCarPiNhhMZzVCub2cEx02ttB7X/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px} .footer a:link,.footer li a:visited{color:#aaa;text-decoration:none} .footer li a:hover{color:#fff} #credit{background:#000;border-top:1px solid #fff;font:11px Tahoma;color:#999;width:100%;overflow:hidden;clear:both;padding:10px 0;line-height:18px} #credit .left{float:left;text-align:left;margin-left:10px} #credit .right{float:right;text-align:right;margin-right:10px} #credit a{color:#fff;text-decoration:none} #credit a:hover{color:#990099;text-decoration:underline} .comments {margin:5px 0;padding:10px 15px; line-height:1em; } .comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:normal; text-align:left; line-height:1.4em; } .comments .comment .comment-actions a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comment .comment-actions a:hover { text-decoration:none; background:#fff; border:1px solid #5AB1E2; } .comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-align:none; } .comments .comments-content .inline-thread { padding:0.5em 1em; } .comments .comments-content .comment-thread { margin:8px 0; } .comments .comments-content .comment-thread:empty { display:none; } .comments .comments-content .comment-replies { margin-top:1em; margin-left:40px; font-size:12px; background:#f6f6f6; } .comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; } .comments .comments-content .comment:first-child { padding-top:16px; } .comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; } .comments .comments-content .comment-body { position:relative; } .comments .comments-content .user { font-style:normal; font-weight:bold; } .comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight:bold; text-decoration:none; } .comments .comments-content .icon.blog-author { width:18px; height:18px; display:inline-block; margin:0 0 -4px 6px; } .comments .comments-content .datetime { color:#999999; float:right; font-size:11px; text-decoration:none; } .comments .comments-content,.comments .comments-content .comment-content { margin:0 0 8px; } .comment-header { background-color:#F4F4F4; border:thin solid #E6E6E6; margin-bottom:5px; padding:5px; } .comments .comments-content .comment-content { text-align:none; } .comments .comments-content .owner-actions { position:absolute; right:0; top:0; } .comments .comments-replybox { border:none; height:250px; width:100%; } .comments .comment-replybox-single { margin-top:5px; margin-left:48px; } .comments .comment-replybox-thread { margin-top:5px; } .comments .comments-content .loadmore a { display:block; padding:10px 16px; text-align:center; } .comments .thread-toggle { cursor:pointer; display:inline-block; } .comments .continue { cursor:pointer; } .comments .continue a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-top:3em; } .comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden; } .comments .thread-chrome.thread-collapsed { display:none; } .comments .thread-toggle { display:inline-block; } .comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width:7px; overflow:visible; margin:0.3em; padding-right:4px; } .comments .thread-expanded .thread-arrow { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-YIlhafB_WsxHukfMYU_u9Q5Bq4pxZ1LixzY86EFCWEaHP9v20LBMnA9zkag16yct6HpRwNHxISmyVnzW8iqtcbniVII29zo2IDtldCD9-hJiDH6-Bh3vgCg4IKJxlYZnoCq6_BIB5Lg/s1600/arrow-down.png) no-repeat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCSTciSNSe55_2t2ZE1jE8TEPqNqN5dn-BqHBcyAKnr4oABPKDoB4e_Ufpo9NgpH3SSyx_KBIL9mNb4xTtAT4pwN73gap0NhNN-rWTQ7_OPmjJh6Eb65PTfii6vprnodseahyphenhyphenBkFzZ7a8/s1600/arrow-right.png) no-repeat scroll 0 0 transparent; } .comments .avatar-image-container { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_ZfJxMulN4sUG-10Tb6_SK4Gh6JNtwCFGJ2Tgo4fRfytOwJRy5LD2nmklcvrO_-3GuFHrtrWtW1LSz7Tt_aAaKRE3qTP9rkRldrtnCSdsZEMOQKxAkQShBZ5wRR4CUqiL3gV7cPSO6w/s1600/avatar.jpg); background-position:center center; background-repeat:no-repeat; float:left; width:36px; max-height:36px; margin:0; outline:1px solid #FFFFFF; padding:3px; vertical-align:middle; overflow:hidden; border:1px solid #DDDDDD; } .comments .avatar-image-container img { width:36px; } .comments .comment-block { margin-left:48px; position:relative; } @media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }} .postmeta{font:11px Tahoma;text-transform:uppercase;font-weight:400;padding:5px 0;line-height:16px} .author{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7oLCVlZiIlZGQhf2s8y9XFBRxv9vQ6gZjgU_EIV8Pn9w6jnsudw1Zs-GhHVQN7G9etcTa54HPXeL9O-pHa7doR81PufDPF8YOY2I7BcnWfya31jaNN-Fd-9hZIvHWOfRGeNFpd3NnhnxZ/s1600/user.png) left center no-repeat;padding:2px 5px 2px 17px} .clock{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-jHi4CJjRvsys7XPZQfyXfLzEBh8uLos8xSKVUdePjbbYD4_mhoKDemPV-1KcDS9HYzRa1vd3PQwqUxkNksFv5zLbQojOjP03_xh4cYcU-hIghxryBW8mSpDX2h0Gs6DEb18TXMBxriaR/s1600/time.png) left center no-repeat;padding:2px 5px 2px 17px} .clock a{color:#666} .clock a:hover{color:#48d} @media screen and (max-width: 910px) { .header-wrapper{margin-right:0;min-height:0;width:100%} #header{text-align:center;width:100%;max-width:none;} #header-inner{margin:10px 0} #header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto} .menusearch{float:none;padding:5px 0 10px} .masmenu li:first-child a{padding:5px 10px 6px} .masmenu li{float:left;} .masmenu li a{border:none} .main-wrapper{margin-right:0;width:58%;} .sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto 10px;padding:10px;} .credit{padding:20px!important} #credit .left,#credit .right{float:none;text-align:center;margin:0} .outerpic-wrapper,.content-wrapper{padding:0} #header2,.page-menu ul{text-align:center;width:100%} } } @media screen and (max-width: 768px){ .header-wrapper{margin-right:0;min-height:0;width:100%} #header{text-align:center;width:100%;max-width:none} #header-inner{margin:10px 0} } @media screen and (max-width: 760px){ .masmenu{border-bottom:0} .page-menu{margin:0} .outer-wrapper{padding:0} #content{clear:both;border:none;padding:0} .main-wrapper{margin-right:0;width:100%;min-height:0} .sidebar-wrapper,.sidebar1-wrapper{position:relative;top:auto;right:auto;clear:both;left:auto;width:auto;background:none;padding:10px} #comment-editor{margin:10px} .footer{width:auto;margin:15px} } @media screen and (max-width: 480px){ #header img{width:100%} .post-comment-link{display:none} } @media screen and (max-width: 320px){ .sidebar1 img{width:100%;text-align:center} .comments .comments-content .datetime{display:block;float:none} .comments .comments-content .comment-header{height:70px} } @media screen and (max-width: 240px){ .comments .comments-content .comment-replies{margin-left:0} } /*Categories*/ #Label1 ul,#Label2 ul{list-style:none;margin:0 0 0;padding:0 0 8px} #Label1 li,#Label2 li{background:url(http://i1142.photobucket.com/albums/n616/amin123451/Folder_zpsbf1e0511.png) no-repeat;padding-top:0;padding-right:0;padding-bottom:3px;padding-left:20px;margin-bottom:3px;border-bottom:1px dotted #555;line-height:1.3em} .author-comments{background:#8B0000;border:1px solid #ff0;padding:4px} #Label1 .widget-content{ height:200px; width:auto; overflow:auto; } -->
Langganan:
Postingan (Atom)