Opera Seo Adalah Kumpulan Artikel Wisata, Bola, Kesehatan, Teknologi, Belajar Ngeblog,Tips dan Trik

Tuesday, April 2, 2013

Cara bikin Widget Social Sarana + Search Melayang diatas Header

Opera Seo – Tempat Berbagi Ilmu, dibawah adalah teknik Kesehatan yang saya bagikan


Cara bikin Widget Social Sarana + Search Melayang diatas Header


Poetra Pakumis | sesudah selesai mengobrak abrik template saya akan berbagi tentang Cara bikin widget social Sarana + search melayang cara ini saya dapatkan template Cargam. yg terlebih dahulu saya juga sudah berbagi Cara bikin Widget Social Sarana Melayang di situs atau blog. sesungguhnya saya juga baru menjadikannya di situs atau blog saya KU berbagi tapi karna kawan sekelas saya yang seorang situs atau blogger juga terus memohon saya berbagi cara tentang cara menjadikannya nah mumpung saya lagi ke habisan ide menulis artikel saya berbagi aja dah mungkin sahabat seluruh juga ada yang pengen menjadikannya selanjutnya screentshotnya :


Kerenkan sob, tetap tertarik ngak menjadikannya kalo iyah mari kita praktekan cekidot !!!.



  • Login account situs atau blogger sahabat layaknya biasa.

  • Pilih Template, Klik Edit HTML(Jangan lupa centang Expand Widget Templates).

  • Cari Kode ]]><b:skin> jika kode tersebut sudah di temukan masukan kode di bawah ini tepat diatas kode tersebut.



#fixed {position:fixed;top:0;left:0;width:100%;height:35px;z-index:999;}#fixedinner{text-align:center;background:transparent;height:35px;position:relative;z-index:999;}* html, * html body{overflow-y:hidden;height:100%;}* html #fixedinner{margin-right:-143px;voice-family: “\”}\”"; voice-family:inherit; }* html #fixedinner{margin-right:17px;}* html #fixed {position:absolute;}* html #outer-wrapper {height:100%;overflow:auto}.toppica{background:url(http://3.bp.situs atau blogspot.com/-RrpT0AaU2QQ/TgIehyj7RoI/AAAAAAAAAYI/cPYs2xTA4f4/s320/navbar.gif);width:100%;margin:0 auto;border-bottom:4px solid #666}.topnav{width: 970px;height:35px;overflow: hidden;margin:0 auto;padding:0px 10px 0px 10px; }h1{font-size:24px;}#searcha{float:right;width:180px;height:20px;margin-top:5px;padding-right:5px}#searcha form{float:left}#searcha input[type="text"]{background:#fff url(http://1.bp.situs atau blogspot.com/-sv3VBy8Tch0/T6UzB3zDYMI/AAAAAAAAA-Y/dVtCsOgvB_o/s1600/search_button.png) no-repeat scroll 4px center;float:left;border:1px solid #ccc;width:146px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}#searcha input[type="text"]:focus{background:#FFF}#searcha input[type="submit"]{display:none}h1,h2,h3,h4{font-weight:700;font-family:’Open Sans’, cursive;}ul.isocial{list-style:none;margin:0;padding:5px 20px 0 0}ul.isocial li{float:right;margin:0 5px;padding:0}ul.isocial li a{float:right;background-image:url(http://1.bp.situs atau blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;position:relative}ul.isocial li a.rss{background-position:0 0}ul.isocial li a.rss:hover{background-position:0 -25px}ul.isocial li a.facebook{background-position:-25px 0}ul.isocial li a.facebook:hover{background-position:-25px -25px}ul.isocial li a.twitter{background-position:-50px 0}ul.isocial li a.twitter:hover{background-position:-50px -25px}ul.isocial li a.google{background-position:-75px 0}ul.isocial li a.google:hover{background-position:-75px -25px}ul.isocial li a.youtube{background-position:-100px 0}ul.isocial li a.youtube:hover{background-position:-100px -25px}/*Search*/.menusearch{width:240px;float:right;margin:0 auto;padding:0 auto}.searchform {margin-top:0px;display: inline-block;zoom: 1;*display: inline;border:1px solid #333;padding:0;background:#fff;width:240px;height:24px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.searchform input {font-size:12px!important;font-weight:normal;font-family:Arial, Helvetica, sans-serif;color:#111;line-height:24px;height:24px;padding:0;margin:0;}.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 195px;height:24px;border:0px;outline: none;line-height:24px;}.searchform .searchbutton {border:none;margin:0;padding:0;font-size:12px;height:22px;width:24px;}




  • Nah Jika cara diatas sudah dikerjakan jangan kemana-mana dulu sob tetap ada 1 lagi nich. Silahkan cari kode <div id=’header-wrapper’> jika sudah ketemu masukan kode di bawah ini taruh tepat diatas kode <div id=’header-wrapper’>.



<div id=’fixed’><div id=’fixedinner’><div class=’toppica’><div class=’topnav’><div style=’font:bold 16px Verdana;float:left;padding-top:8px;color:#aaa;’>Klik Donk ===&gt;</div><div id=’searcha’><form action=’/search’ class=’search’ id=’searchform’ method=’get’><div><input name=’q’ onblur=’if (this.value == &quot;&quot;) {this.value = &quot;Type and Enter&quot;;}’ onfocus=’if (this.value == &quot;Type and Enter&quot;) {this.value =&quot;&quot;;}’ size=’30′ type=’text’ value=’Type and Enter’/></div></form></div><div style=’float:right;padding:0px 0px 5px 0px;’><ul class=’isocial’><li><a class=’rss’ href=’http://feedburner.google.com/fb/a/mailverify?uri=ID FEED BURNER sahabat’ target=’_blank’ title=’subscribe via e-mail’/></li><li><a class=’facebook’ href=’http://www.facebook.com/ID FACEBOOK sahabat’ target=’_blank’ title=’NAMA FACEBOOK sahabat’/></li><li><a class=’twitter’ href=’https://twitter.com/ID TWITTER sahabat’ target=’_blank’ title=’NAMA TWITTER sahabat’/></li><li><a class=’google’ href=’https://plus.google.com/u/0/ID GOOGLE+ sahabat’ target=’_blank’ title=’Google Plus Profile’/></li><li><a class=’youtube’ href=’URL YOUTUBE sahabat’ target=’_blank’ title=’Video ‘/></li></ul></div></div></div></div></div>



Note :


  • Silahkan sahabat ganti kode yang bewarna diatas itu ID sahabat seluruh.

  • Sendangkan kode yang mempunyai warna ungu itu silahkan ganti kata-kata cocok atau sepadan kemauan anda.


Cukup segitulah artikel tentang Cara bikin Widget Social Sarana + Search Melayang diatas Header semoga artikel yang saya catat sanggat berguna bagi sahabat seluruh. Jika ada  salah-salah kata mohon di maafkan. Sob Apa bila Anda memang suka artikel saya dan inign membomark artikel saya di situs atau blog anda mohon sanggat untuk meletakan link sumber karna sudah berlimpah-limpah artikel saya yang saya temukan di COPAS tanpa meletakn link sumber. Memang saya juga dulu layaknya itu COPAS situs atau blog orang untuk membuat lengkap artikel untuk situs atau blog saya tapi waktu saya tetap sanggat basic dalam dunia situs atau blogger. Tapi andakan sudah lumayan serta juga mengerti bila anda memang situs atau blogger sejati mohonlah untuk meletakan linknya. Jika tidak saya akan lakukan tindakan tegas kepada situs atau blog anda. Apa bila Anda mendapatkan BROKEN LINK silahkan bersaran pada tempat yang sudah disiapkan.


Terima kasih telah berkunjung, semoga artikel Cara bikin Widget Social Sarana + Search Melayang diatas Header bermanfaat.

Ditulis Oleh : Unknown Hari: 2:24 PM Kategori:

0 comments:

Post a Comment