cara membuat tanggal dan search melayang --> Skip to main content

follow us

DATA COVID-19 INDONESIA

😷 Positif:

😊 Sembuh:

😭 Meninggal:

(Data: kawalcorona.com)

cara membuat tanggal dan search melayang

cara membuat tanggal dan search melayang.
 ya seperti blog yang ane pasang .....
langsung ajja sahabat login  kan sudah tau contohnya tertera di blog ann atau g percaya silahkan coba  atau klik disini demonya


pertama sahabatb ke tample lalu ediet HTML temukan kode ]]></b:skin>
letakan kode berikut ini tepat di atasnya.
#search{background: #ffffff;-webkit-border-radius: 0px;-moz-border-radius: 2px;border-radius: 2px;margin: 0;padding: 0;
border: 1px solid #bbbbbb;width: 200px;float: right;overflow: hidden;margin-top: 0px;height: 25px !important;}
#search form{float:left}
#search input[type="text"]{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0cTBbGUP1GqwAV3EUCAXSrPb9TYgaqRqhtxwmAkp36RgU_fOuYLthQstsTO8xptLtZuLaRxIIycFsn4XNqRAALIdKKWgs5WjQgMM0hUo6NsCpE4AOhOlLSnSND48K_4njMVLEk7mjj0/s1600/search_button.png) no-repeat scroll 4px center;float:left;border:1px solid #f9f9f9;width:300px;margin-top:1px;padding:5px 5px;font-size:12px;text-align:right;-moz-box-shadow: inset 0 0 10px #CCC;
-webkit-box-shadow: inset 0 0 10px #CCC;box-shadow: inset 0 0 10px #CCC;}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}


masih di situ sahabat namun untuk meletakan kode di bawah ini tepat di atas kode #header-wrapper

#top {color:#666; font-size:11px; line-height:40px;position: fixed;align: center;top:0;left:0;width:100%;}
.toppic {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQAatd-Uk7K55lwqyipedEUfyLnQd5zr-7JxhtVEF79mJxTy0KTauYIU1TDGQw1CLigzC2bXNlzWz9D9ooLiPbvwCWVcqPFzdCkh0aCb1hkQxoQp5pOJt7Oohcx8ldlIO7EksgxjWPElwR/s1600/header.png) repeat-x bottom; width:100%;margin:0 auto;}
.topnav{width: 970px;height:40px;overflow: hidden;margin:0 auto;padding:0px 20px 0px 20px; }


setelah itu sahabat cari kode <body>
dan letakan kode di bawah ini tepat di bawahnya. bisa juga sahabat cari kode <div id='body-wrapper'> dan letakan di atasnya.

<div id='top'>
<div class='toppic'>
<div class='topnav'>
<div style='width:400px;font:normal 13px Trebuchet Ms;float:left;padding-top:7px;letter-spacing:.01em;color:#000;'>
<div style='float:left; margin-top:5px;;margin-left:3px;'><b><script type='text/javascript'>now=new Date();if(now.getTimezoneOffset()==0){(a=now.getTime()+(7*60*60*1000))}else{(a=now.getTime())}now.setTime(a);var tahun=now.getFullYear();var hari=now.getDay();var bulan=now.getMonth();var tanggal=now.getDate();var hariarray=new Array(&quot;Minggu&quot;,&quot;Senin&quot;,&quot;Selasa&quot;,&quot;Rabu&quot;,&quot;Kamis&quot;,&quot;Jum&#39;at&quot;,&quot;Sabtu&quot;);var bulanarray=new Array(&quot;Januari&quot;,&quot;Februari&quot;,&quot;Maret&quot;,&quot;April&quot;,&quot;Mei&quot;,&quot;Juni&quot;,&quot;Juli&quot;,&quot;Agustus&quot;,&quot;September&quot;,&quot;Oktober&quot;,&quot;November&quot;,&quot;Desember&quot;);document.write(hariarray[hari]+&quot;, &quot;+tanggal+&quot; &quot;+bulanarray[bulan]+&quot; &quot;+tahun);
  </script></b></div></div>
<div id='search'>
<form action='/search' class='search' id='searchform' method='get'>
<div>
<input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Info Desa Enter&quot;;}' onfocus='if (this.value == &quot;Info Desa Enter&quot;) {this.value =&quot;&quot;;}' size='30' type='text' value='Info Desa Enter'/>
</div></form>
</div></div></div></div>

selesai  dan silahkan sahabat pratinjau lalu save.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar