Download Film
Nonton Film Online
Mudah untuk anda sesuaikan dengan mengikuti langkah berikut ini.
Klik template - Edit HTML
Pertama kita menambah css dulu ini terletak diatas </head> dengan tampilan <b:skin>...</b:skin> silahkan diklik <b:skin>...</b:skin> maka akan muncul css dari template yang digunakan.
css dapat dibedakan dengan warnanya yang khas silahkan lihat sampai kebawah sehingga akan menemukan warna yang lain, dengan ini kita mudah menemukan ]]></b:skin>
Letakkan css dibawah ini tepat diatas ]]></b:skin>
Pertama kita menambah css dulu ini terletak diatas </head> dengan tampilan <b:skin>...</b:skin> silahkan diklik <b:skin>...</b:skin> maka akan muncul css dari template yang digunakan.
css dapat dibedakan dengan warnanya yang khas silahkan lihat sampai kebawah sehingga akan menemukan warna yang lain, dengan ini kita mudah menemukan ]]></b:skin>
Letakkan css dibawah ini tepat diatas ]]></b:skin>
/*menu*/
.menu-ul{height:22px;padding: 0;margin: 10px 0;list-style: none;float:right}
.menu-li{float: left;position: relative;padding:0 5px;margin: 0;height:22px;}
.menu-li:last-child,{float: left;position: relative;margin: 0;}
.menu-li-a, .menu-dalam-li-a:visited{display: block;text-decoration: none;text-align: center;overflow: hidden;color: rgb(207, 204, 204);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.menu-li-a:hover{color:#fff;text-shadow:0pt 0pt 2px rgb(255, 255, 255);}
/*SearchBox*/
form#search{margin-top:-8px;padding:0px;line-height:22px;border:1px solid rgba(68, 63, 63, 0.5);background:rgba(145, 145, 145, 0.5);}
#saja #search input[type=text]{background:transparent;border:none;color:rgb(220,220,220);width:330px;-webkit-transition:all .2s ease 0;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;padding:0px 10px;margin:0px;line-height:20px;}
#saja #search input[type=text]:focus{width:330px;margin:0px;border:none;color:#d7d7d7;}
.search-submit{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqDSDFAtN9HRq3aoXnAOTiQzmiGP-PLVzJVE_B6t63Y-8kOyDQ0iCs6UytZnljDE2nDy6JXFzDXxsC522zdv7NEZ02o5oRskmBVv5xFg4aegm9CTt_tsYV_Vb2Xt05UltiLjFwpQpOBA/s1600/search-white.png) no-repeat scroll 50% 50% transparent;width:15px;color:transparent;border:none;margin:0px 3px;cursor:pointer}
Kode Kotak Pencarian
Ini bisa diletakkan pada menu yang telah dibuat oleh pembuat template blog anda atau <div id='header-wrapper'> atau <div id='menu-wrapper'>
Biasanya jika <div id='header-wrapper'> diikuti <div id='header'> begitu juga dengan <div id='menu-wrapper'> biasa diikuti <div id='menu'> maka letakkan kode dibawah ini setelah <div id='menu">
<ul class='menu-ul' style='list-style: none;float:left;'> <li class='menu-li' id='saja'> <form action='/search/' id='search' method='get' onsubmit='/search/?=q' target='_blank'> <input name='q' placeholder='Cari film' size='40' type='text'/> <input class='search-submit' type='submit' value='Cari'/> </form> </li> </ul>
Jika masih tidak ada <div id=header-wrapper'> atau <div id='menu wrapper'> coba cari
<b:section class='header' id='header'
letakkan kode setelah </b:section>
Klik simpan dan lihat hasilnya.
Perhatian untuk </b:section> tidak hanya satu yang kamu cari adalah </b:section> dibawah <b:section class='header' id='header
<b:section class=header' terletak dibawah <body>
Jika masih bingung atau penjelasan diatas membingungkan bisa bertanya.
Tentang
0 comments
Post a Comment