Cara Memblokir Pop Up Di Mozilla Firefox Update

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIbh6KOYBGatV05HK4ChP3eB2xiHpJliqW9lUhJ2Gx3beAAC7LWIP3pNF1Qo87-lbFE4OU8Pzsptw0Iu8U3SEtIWb2DPJ7jZCyOxHVaHZ7QBir1lWMronKLB9Xab-MI4SmB3rPepZTIuJ2/s1600/Blocked+Pop+Up.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memblokir Pop Up Di Mozilla Firefox Update" border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIbh6KOYBGatV05HK4ChP3eB2xiHpJliqW9lUhJ2Gx3beAAC7LWIP3pNF1Qo87-lbFE4OU8Pzsptw0Iu8U3SEtIWb2DPJ7jZCyOxHVaHZ7QBir1lWMronKLB9Xab-MI4SmB3rPepZTIuJ2/s320/Blocked+Pop+Up.jpg" title="Cara Memblokir Pop Up Di Mozilla Firefox Update" width="320" /></a></div><br />Cara Memblokir Pop Up Di Mozilla Firefox Update | Maaf nih, buat para blogger yang suka dengan iklan pop up atau memakai referral dari Pop Ads. Bukan bermaksud melawan tapi hanya sekedar bercerita dan memberi tips.<br /><br />Pop Up memang menjamin dan sering dipakai sebagai ajang pencarian upah para <i>blogger</i> dari klik asal - asal pengunjung. Penting bagi yang mengutamakan uang tapi sangat tidak penting bagi yang mengutamakan kenyaman pengunjung.<br /><br />Nah, lalu bagaimana dengan pengunjung ? semua pasti tahu, pop up akan menambah berat <i>blog</i>, tidak perlu saya cerita tentang dampak dari berat <i>blog</i>. Admin tidak salah, dan visitor juga bener. Karena itu browser telah menyediakan tools dan add-on mengatasi pop up.<br /><br /><br /><h3>ADD ON <a href="http://www.bocahit.com/2012/09/cara-mudah-mengetahui-infomasi-seo-blog.html" target="_blank">Mozilla Firefox</a></h3>Download, <a href="https://addons.mozilla.org/en-us/firefox/addon/adblock-plus-pop-up-addon/">https://addons.mozilla.org/en-us/firefox/addon/adblock-plus-pop-up-addon/</a> kemudian install, terakhir restart browser.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWiqWQvRlnsGIoOmnZTvO5_Llx2H25ULLpfdCF2h4-HjDBM3QM7xZEXKYpv-hZ74sjFlFaQCR7R5N5F29xVhyphenhyphenNZbhLskO7aOcZ2rlRoBRfkKnvroE5SAEOhbsavi3YJJev9YCRfcMuMgaD/s1600/42554.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memblokir Pop Up Di Mozilla Firefox Update" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWiqWQvRlnsGIoOmnZTvO5_Llx2H25ULLpfdCF2h4-HjDBM3QM7xZEXKYpv-hZ74sjFlFaQCR7R5N5F29xVhyphenhyphenNZbhLskO7aOcZ2rlRoBRfkKnvroE5SAEOhbsavi3YJJev9YCRfcMuMgaD/s320/42554.png" title="Cara Memblokir Pop Up Di Mozilla Firefox Update" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixAqAUGNOyySrPUisV2P-2LdzkUtH9H_gdSeEqECkz6v3AoKXNaT2Mmmp8lbiVJ-gu_Ng9AswDZs-_-DTej7yAfC0n7FsOxJ8qTdcVX6xpeUOReuo_wHdWWxhYXedmdwtZ9-inPu1nZoWZ/s1600/56715.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memblokir Pop Up Di Mozilla Firefox Update" border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixAqAUGNOyySrPUisV2P-2LdzkUtH9H_gdSeEqECkz6v3AoKXNaT2Mmmp8lbiVJ-gu_Ng9AswDZs-_-DTej7yAfC0n7FsOxJ8qTdcVX6xpeUOReuo_wHdWWxhYXedmdwtZ9-inPu1nZoWZ/s320/56715.png" title="Cara Memblokir Pop Up Di Mozilla Firefox Update" width="320" /></a></div><br /><h3>Tools Mozilla</h3>Anda juga bisa menggunakan tools dari browser.<br /><ol><li>Pilih Option...</li><li>Klik Tabs</li><li>Centang Block pop-up windows</li></ol><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihkrO_sdJxR3gyGafvUjoxT5MeF__4KmHaS9rJ2yjuJM3M4sCFYH_ki7XTsTd5q_trtpMSXIrCPFN_7OADjhm-4n1CFs-URc9cTwX13TeulmV613NvnlPQNHXVA8TQA7ChEglq732nyptX/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memblokir Pop Up Di Mozilla Firefox Update" border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihkrO_sdJxR3gyGafvUjoxT5MeF__4KmHaS9rJ2yjuJM3M4sCFYH_ki7XTsTd5q_trtpMSXIrCPFN_7OADjhm-4n1CFs-URc9cTwX13TeulmV613NvnlPQNHXVA8TQA7ChEglq732nyptX/s320/Capture.PNG" title="Cara Memblokir Pop Up Di Mozilla Firefox Update" width="320" /></a></div><br />Nah, sederhana sekali dan mudah. Sampai jumpa lagi...

Cara Memblokir Pop Up Di Mozilla Firefox Update

Cara Memblokir Pop Up Di Mozilla Firefox Update | Maaf nih, buat para blogger yang suka dengan iklan pop up atau memakai referral dari Pop A...

Baca selengkapnya »

Selamat Hari Raya Idul Fitri 1434 Mohon Maaf Lahir Dan Batin

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL9s_GHEPraTmmKllm5cxiuNKox_kpRecisQnouVnKHwDnsKJo3BIgA2puu0Ncez8fLOA_PQbCVA3OepB0Zw-kNb7AOnkyLcCK2CxbnLEMNhGefz8xMj5TZHF5Fu14F5Q9ibOyZmmjnPpL/s1600/Ucapan-Selamat-Idul-Fitri-1434H-17.jpg" imageanchor="1"><img alt="Selamat Hari Raya Idul Fitri 1434 Mohon Maaf Lahir Dan Batin" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL9s_GHEPraTmmKllm5cxiuNKox_kpRecisQnouVnKHwDnsKJo3BIgA2puu0Ncez8fLOA_PQbCVA3OepB0Zw-kNb7AOnkyLcCK2CxbnLEMNhGefz8xMj5TZHF5Fu14F5Q9ibOyZmmjnPpL/s320/Ucapan-Selamat-Idul-Fitri-1434H-17.jpg" title="Selamat Hari Raya Idul Fitri 1434 Mohon Maaf Lahir Dan Batin" /></a></div><br />Selamat Hari Raya Idul Fitri 1434 Mohon Maaf Lahir Dan Batin | Seumur - umur baru kali ini, saya mengucapkan Selamat Hari Raya.Sebuah hal yang wajar dan bahkan memang hal yang di anjurkan untuk mengucapkan salam di Hari Besar Umat Islam ini.<br /><br />Jika saya atas nama Admin Wammy (Herlambang) berbuat (menulis) yang menyinggung, saya selaku admin, meminta maaf. Tidak ada maksud untuk menyinggung atau bahkan menjelek - menjelekan sesama blogger. Semoga semua blogger yang merayakan hari besar ini, diterima ibadahnya selama bulan ramadan. Aamiin..

Selamat Hari Raya Idul Fitri 1434 Mohon Maaf Lahir Dan Batin

Selamat Hari Raya Idul Fitri 1434 Mohon Maaf Lahir Dan Batin | Seumur - umur baru kali ini, saya mengucapkan Selamat Hari Raya.Sebuah hal ya...

Baca selengkapnya »

Membuat Mega Menu Dengan CSS

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgihq8mpJwOFAgH7Qj_oR8ir_kyZ0hQtd6lwOY55mQVcBJqm6SJmFjEfnc6vbrVp_6n9tLujQADE9wjbnzewezwVYc_BX6z3AR1lY1dJ1AsrU-U-vNgnp1DcIm2Y2U1EF0qa2G9r4KPkSkP/s1600/Mega+Menu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Mega Menu Dengan CSS" border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgihq8mpJwOFAgH7Qj_oR8ir_kyZ0hQtd6lwOY55mQVcBJqm6SJmFjEfnc6vbrVp_6n9tLujQADE9wjbnzewezwVYc_BX6z3AR1lY1dJ1AsrU-U-vNgnp1DcIm2Y2U1EF0qa2G9r4KPkSkP/s320/Mega+Menu.jpg" title="Membuat Mega Menu Dengan CSS" width="320" /></a></div><br />Membuat Mega Menu Dengan CSS | Sebelum lebaran, aku share dulu tutorial CSS dan HTML yang bisa anda pakai ketika membuat Mega Menu. Apa itu Mega Menu? yang jelas bukan seperti menu - menu yang biasa kita lihat. Mega Menu bisa kita artikan dengan jenis menu yang bisa mencangkup banyak indek atau sub. Jarang sekali ada blog yang menggunakan jenis menu ini. Kesuali website official arsenal, mereka memakai Mega Menu.<br /><br /><h3>CSS</h3><br /><pre>.nav,<br /><br />.nav a,<br /><br />.nav ul,<br /><br />.nav li,<br /><br />.nav div,<br /><br />.nav form,<br /><br />.nav input {<br /><br /> margin: 0;<br /><br /> padding: 0;<br /><br /> border: none;<br /><br /> outline: none;<br /><br />}<br /><br /><br /><br />.nav a { text-decoration: none; }<br /><br /><br /><br />.nav li { list-style: none; }<br /><br />.nav {<br /><br /> display: inline-block;<br /><br /> position: relative;<br /><br /> cursor: default;<br /><br /> z-index: 500;<br /><br />}<br /><br />.nav > li {<br /><br /> display: block;<br /><br /> float: left;<br /><br />}<br /><br />.nav > li > a {<br /><br /> position: relative;<br /><br /> display: block;<br /><br /> z-index: 510;<br /><br /> height: 54px;<br /><br /> padding: 0 20px;<br /><br /> line-height: 54px;<br /><br /><br /><br /> font-family: Helvetica, Arial, sans-serif;<br /><br /> font-weight: bold;<br /><br /> font-size: 13px;<br /><br /> color: #fcfcfc;<br /><br /> text-shadow: 0 0 1px rgba(0,0,0,.35);<br /><br /><br /><br /> background: #372f2b;<br /><br /> border-left: 1px solid #4b4441;<br /><br /> border-right: 1px solid #312a27;<br /><br /><br /><br /> -webkit-transition: all .3s ease;<br /><br /> -moz-transition: all .3s ease;<br /><br /> -o-transition: all .3s ease;<br /><br /> -ms-transition: all .3s ease;<br /><br /> transition: all .3s ease;<br /><br />}<br /><br />.nav > li:hover > a { background: #4b4441; }<br /><br /><br /><br />.nav > li:first-child > a {<br /><br /> border-radius: 3px 0 0 3px;<br /><br /> border-left: none;<br /><br />}<br /><br />.nav > li.nav-search > form {<br /><br /> position: relative;<br /><br /> width: inherit;<br /><br /> height: 54px;<br /><br /> z-index: 510;<br /><br /> border-left: 1px solid #4b4441;}<br /><br /> <br /><br />.nav > li.nav-search input[type="text"] {<br /><br /> display: block;<br /><br /> float: left;<br /><br /> width: 1px;<br /><br /> height: 24px;<br /><br /> padding: 15px 0;<br /><br /> line-height: 24px;<br /><br /><br /><br /> font-family: Helvetica, Arial, sans-serif;<br /><br /> font-weight: bold;<br /><br /> font-size: 13px;<br /><br /> color: #999999;<br /><br /> text-shadow: 0 0 1px rgba(0,0,0,.35);<br /><br /><br /><br /> background: #372f2b;<br /><br /><br /><br /> -webkit-transition: all .3s ease 1s;<br /><br /> -moz-transition: all .3s ease 1s;<br /><br /> -o-transition: all .3s ease 1s;<br /><br /> -ms-transition: all .3s ease 1s;<br /><br /> transition: all .3s ease 1s;<br /><br />}<br /><br /><br /><br />.nav > li.nav-search input[type="text"]:focus { color: #fcfcfc; }<br /><br /><br /><br />.nav > li.nav-search input[type="text"]:focus,<br /><br />.nav > li.nav-search:hover input[type="text"] {<br /><br /> width: 110px;<br /><br /> padding: 15px 20px;<br /><br /><br /><br /> -webkit-transition: all .3s ease .1s;<br /><br /> -moz-transition: all .3s ease .1s;<br /><br /> -o-transition: all .3s ease .1s;<br /><br /> -ms-transition: all .3s ease .1s;<br /><br /> transition: all .3s ease .1s;<br /><br />}<br /><br />.nav > li.nav-search input[type="submit"] {<br /><br /> display: block;<br /><br /> float: left;<br /><br /> width: 20px;<br /><br /> height: 54px;<br /><br /> padding: 0 25px;<br /><br /> cursor: pointer;<br /><br /> background: #372f2b url(http://s23.postimg.org/mvvsc11ev/search_icon.png) no-repeat center center;<br /><br /> border-radius: 0 3px 3px 0;<br /><br /> -webkit-transition: all .3s ease;<br /><br /> -moz-transition: all .3s ease;<br /><br /> -o-transition: all .3s ease;<br /><br /> -ms-transition: all .3s ease;<br /><br /> transition: all .3s ease;<br /><br />}<br /><br />.nav > li.nav-search input[type="submit"]:hover { background-color: #4b4441; }<br /><br />.nav > li > div {<br /><br /> position: absolute;<br /><br /> display: block;<br /><br /> width: 100%;<br /><br /> top: 50px;<br /><br /> left: 0;<br /><br /> opacity: 0;<br /><br /> visibility: hidden;<br /><br /> overflow: hidden;<br /><br /> background: #ffffff;<br /><br /> border-radius: 0 0 3px 3px;<br /><br /> -webkit-transition: all .3s ease .15s;<br /><br /> -moz-transition: all .3s ease .15s;<br /><br /> -o-transition: all .3s ease .15s;<br /><br /> -ms-transition: all .3s ease .15s;<br /><br /> transition: all .3s ease .15s;<br /><br />}<br /><br />.nav > li:hover > div {<br /><br /> opacity: 1;<br /><br /> visibility: visible;<br /><br /> overflow: visible;<br /><br />}<br /><br />.nav .nav-column {<br /><br /> float: left;<br /><br /> width: 20%;<br /><br /> padding: 2.5%;<br /><br />}<br /><br />.nav .nav-column h3 {<br /><br /> margin: 20px 0 10px 0;<br /><br /> line-height: 18px;<br /><br /> font-family: Helvetica, Arial, sans-serif;<br /><br /> font-weight: bold;<br /><br /> font-size: 14px;<br /><br /> color: #372f2b;<br /><br /> text-transform: uppercase;<br /><br />}<br /><br />.nav .nav-column h3.orange { color: #ff722b; }<br /><br />.nav .nav-column li a {<br /><br /> display: block;<br /><br /> line-height: 26px;<br /><br /> font-family: Helvetica, Arial, sans-serif;<br /><br /> font-weight: bold;<br /><br /> font-size: 13px;<br /> color: #888888;<br />}<br />.nav .nav-column li a:hover { color: #666666; }<br /></pre><br /><h3>HTML</h3><pre><ul class="nav"><br /> <li><br /> <a href="#">What's new</a><br /> <div><br /> <!--Mega Menu--><br /> </div><br /> </li><br /> <li><a href="#">Top rated</a></li><br /> <li><br /> <a href="#">Earnings</a><br /> <div><br /> <!--Mega Menu--><br /> </div><br /> </li><br /> <li><a href="#">Rings</a></li><br /> <li><a href="#">Bracelets</a></li><br /> <li><a href="#">All Categories</a></li><br /> <li class="nav-search"><br /> <form action="#"><br /> <input type="text" placeholder="Search..."><br /> <input type="submit" value=""><br /> </form><br /> </li><br /></ul><br /></pre><br /><h3>Mega Dropdown Menu</h3><pre><div class="nav-column"><br /> <h3>Home</h3><br /> <ul><br /> <li><a href="#">Pampers Diapers</a></li><br /> <li><a href="#">Huggies Diapers</a></li><br /> <li><a href="#">Seventh Generation</a></li><br /> <li><a href="#">Diapers</a></li><br /> <li><a href="#">Derbies</a></li><br /> <li><a href="#">Driving shoes</a></li><br /> <li><a href="#">Espadrilles</a></li><br /> <li><a href="#">Loafers</a></li><br /> </ul><br /></div><br /> <br /><div class="nav-column"><br /> <h3>Home</h3><br /> <ul><br /> <li><a href="#">Driving shoes</a></li><br /> <li><a href="#">Espadrilles</a></li><br /> <li><a href="#">Loafers</a></li><br /> </ul><br /> <br /> <h3>Home</h3><br /> <ul><br /> <li><a href="#">Driving shoes</a></li><br /> <li><a href="#">Espadrilles</a></li><br /> <li><a href="#">Loafers</a></li><br /> </ul><br /></div><br /> <br /><div class="nav-column"><br /> <h3>Home</h3><br /> <ul><br /> <li><a href="#">Pampers Diapers</a></li><br /> <li><a href="#">Huggies Diapers</a></li><br /> <li><a href="#">Seventh Generation</a></li><br /> <li><a href="#">Diapers</a></li><br /> <li><a href="#">Derbies</a></li><br /> <li><a href="#">Driving shoes</a></li><br /> <li><a href="#">Espadrilles</a></li><br /> <li><a href="#">Loafers</a></li><br /> </ul><br /></div><br /> <br /><div class="nav-column"><br /> <h3 class="orange">Related Categories</h3><br /> <ul><br /> <li><a href="#">Pampers Diapers</a></li><br /> <li><a href="#">Huggies Diapers</a></li><br /> <li><a href="#">Diapers</a></li><br /> </ul><br /> <br /> <h3 class="orange">Brands</h3><br /> <ul><br /> <li><a href="#">Driving shoes</a></li><br /> <li><a href="#">Espadrilles</a></li><br /> </ul><br /></div><br /></pre><br /><br />Isikan HTML Mega Dropdown Menu pada <!--Mega Menu-->. Selesai..<br /><span style="font-size: x-small;">Sumber:designmodo</span> <br /><br /><div style="text-align: center;"><a class="button" href="http://iframe-wammy.blogspot.com/2013/07/ul.html" target="_blank">Ilustrasi</a> </div><!--Mega Menu-->

Membuat Mega Menu Dengan CSS

Membuat Mega Menu Dengan CSS | Sebelum lebaran, aku share dulu tutorial CSS dan HTML yang bisa anda pakai ketika membuat Mega Menu. Apa itu ...

Baca selengkapnya »

Template Blogger Dark Kuuga Super Minimalis

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFE6gu2OR0F0wBj0re3b6bC-Or954RJSm3Yicbjb3Rwb-CoTQoXpikHu1GZ-wyRAQAvoHpkemuEqev1iiPnQtSMZ0Whk_CrH3qlBL1XAFgzySBbOuiiY8Rv234aWIH-3FvuhSLAvojOIVn/s1600/Dark+Kuuga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Template Blogger Dark Kuuga Super Minimalis" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFE6gu2OR0F0wBj0re3b6bC-Or954RJSm3Yicbjb3Rwb-CoTQoXpikHu1GZ-wyRAQAvoHpkemuEqev1iiPnQtSMZ0Whk_CrH3qlBL1XAFgzySBbOuiiY8Rv234aWIH-3FvuhSLAvojOIVn/s400/Dark+Kuuga.jpg" title="Template Blogger Dark Kuuga Super Minimalis" width="400" /></a></div><br />Template Blogger Dark Kuuga Super Minimalis | Keturutan juga nih...template 1 kolom yang sangat minimalis ini bertema dark, gold dan transparan. Terinspirasi dari warna kostum Masked Rider Dark Kuuga (Hitam & Emas). Sangat sederhana dan sungguh ringan. Karena 1 kolom, tanpa sidebar. Kenapa namanya Dark Kuuga, tetapi tidak ada unsur dari Kuuga?yaa, terserah akulah mau kasih nama apa. hihi<br /><br />Oya, template ini tidak Valid HTML5 dan tidak responsive. Saya rasa ini sangat cocok untuk orang yang hobi menulis atau bercerita dan dia memiliki selera DARK. Template ini hampir mirip dengan template yang saya pakai. Background, dan warnanya pun sama...<a href="http://www.bocahit.com/2013/07/template-blogger-dark-decade-responsive.html" target="_blank">Dark Decade</a> dan <a href="http://www.bocahit.com/2013/07/template-blogger-dark-decade-responsive.html" target="_blank">Dark Kuuga</a> itu kan satu jenis, Kamen Rider...jadi ga masalah donk kalau sama. Template ini punya :<br /><ol><li>Navigasi Menu</li><li>Navigasi Nomor Halaman</li><li>Ready Share Facebook</li><li>Ready Follow Twitter</li><li>Ready +1 G+</li><li>Ready Facebook Recommend</li><li>Ready Facebook Send Message</li><li>Related Post</li><li>Facebook Comments </li><li>Threaded Comment (tetapi saya disable, saya rasa kebih cocok dengan komentar Facebook)</li><li>Ready Featured Mail</li><li>Ready Save Page As PDF</li><li>Ready To Print</li><li>Style CSS Button </li></ol>Nah, kelihatan sekali kalau saya berkonsentrasi di <i>share </i>dan <i>social bookmarking</i>, cocok jika menulis tentang curahan hati anda.<br /><br /><div style="text-align: center;"><a class="button" href="http://dark-kuuga.blogspot.com/" target="_blank">DEMO</a>             <a class="button" href="https://www.dropbox.com/s/thz99x4q3ki6o8o/Darkuuga.rar" target="_blank">Download</a><br /><br /></div>

Template Blogger Dark Kuuga Super Minimalis

Template Blogger Dark Kuuga Super Minimalis | Keturutan juga nih...template 1 kolom yang sangat minimalis ini bertema dark, gold dan transpa...

Baca selengkapnya »

Membuat Float Menu Dengan Logo

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpa_QQ0RhQ9b9DDvEs7JQMyv4FEkLiyZ0s06o7DsEx4L80K7UpcH1yJB9yw14IU7wLjsbz8OY6UdyVQf905cmc6GaIFmtLtQ2FOGB35Vx6xWABML-bx34giLUBGdGMtRPQYF1-U_32ahJU/s1600/Fixed+Menu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Float Menu Dengan Logo" border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpa_QQ0RhQ9b9DDvEs7JQMyv4FEkLiyZ0s06o7DsEx4L80K7UpcH1yJB9yw14IU7wLjsbz8OY6UdyVQf905cmc6GaIFmtLtQ2FOGB35Vx6xWABML-bx34giLUBGdGMtRPQYF1-U_32ahJU/s320/Fixed+Menu.jpg" title="Membuat Float Menu Dengan Logo" width="320" /></a></div>Membuat Float Menu Dengan Logo | Dari iseng - lihat koleksi template, suka juga deh dengan template yang namanya Dazzling dari templateism, tapi cuma suka bagian menunya, karen itu, sebisa mungkin aku cloning. Dan akhirnya berhasil. Dan yang anda lihat di menu float di template ini adalah cloning dari menu float Dazzling. Hanya saya ubah bagian warna dengan rgba bertransparan.<br /><br /><h3>HTML</h3><pre><div id='float-menuwrapper'><br /><div id='float-menuwrap'><br /><div id='float-menu'><br /><div class='logo'><br />  <a href='/'><img alt='Home' border='0' src='url logo' style='padding:0px;'/></a><br /></div><br /><ul><br /><li><a href='url anda' rel='nofollow' target='_blank'>Ads</a></li><br />  <li><a href='url anda' rel='nofollow' target='_blank'>About</a></li><br />  <li><a href='url anda' rel='nofollow' target='_blank'>Contact</a></li><br /><li><a href='url anda' rel='nofollow' target='_blank'>Sitemap</a></li><br /><li><a href='url anda' rel='nofollow' target='_blank'>Home</a></li><br /></ul><br /></div><br /></div><br /></div></pre><h3>CSS</h3><pre>#float-menuwrapper{background-color: rgba(0, 0, 0, 0.6);box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.9) inset;width:auto;margin-bottom:0px;padding:0 auto;vertical-align: baseline;border-width: 1px;border-style: solid;border-right: 1px solid rgb(17, 17, 17);border-left: 1px solid rgb(17, 17, 17);-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: rgba(255, 255, 255, 0.08) rgb(17, 17, 17) rgba(255, 255, 255, 0.05);box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9), 0px 0px 20px rgba(0, 0, 0, 0.7) inset;<br />height: 70px;width:100%;position:fixed;top:0;left:0;z-index:999;overflow:hidden;}<br />#float-menuwrap{width:1100px;margin:0 auto;}<br />#float-menu{width:100%}<br />#float-menu ul{list-style: none;margin-right:250px}<br />#float-menu ul li{float:right}<br />#float-menu ul li a{line-height:34px;padding:5px 0;margin-left:25px;color:#999;font-size:18px;text-transform:uppercase;display:block;text-decoration:none;font-family:'Coda';font-weight:bold;}<br />#float-menu ul li a:hover{background: none repeat scroll 0% 0% transparent; color: rgb(198, 235, 4);<br />text-shadow: 0px 0px 20px rgb(198, 235, 4), 0px 0px 30px rgb(198, 235, 4), 0px 0px 40px rgb(198, 235, 4);}<br />.logo{float:left;background:none;}<br />.logo img{margin-top:-18px;}</pre><br /><h3>Cara Memasang</h3><ol><li>Letakkan kode HTML dibawah </head></li><li>Letakkan kode CSS di atas ]]></b:skin> </li></ol><blockquote class="tr_bq">Atur letaknya di  #float-menuwrap{margin:0 auto;} ganti sesuai template anda.</blockquote>Selamat Mencoba :D

Membuat Float Menu Dengan Logo

Membuat Float Menu Dengan Logo | Dari iseng - lihat koleksi template, suka juga deh dengan template yang namanya Dazzling dari templateism, ...

Baca selengkapnya »

Template Blogger Transparan Aja HTML5 & Responsive

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdCZGuvSda54Yc_Y8RvB9iHzimX0oNgydQM7sKFdVhOw4bHdbSTMouSwovga2TPEMuiu6RTmKRHhLyXo76bniieWi1y0fRS5JNu4TiLbn6sBx8jAGHU3m4YgJfb1jLUw16K1UT1m3jsnc-/s1600/Transparan+Aja.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdCZGuvSda54Yc_Y8RvB9iHzimX0oNgydQM7sKFdVhOw4bHdbSTMouSwovga2TPEMuiu6RTmKRHhLyXo76bniieWi1y0fRS5JNu4TiLbn6sBx8jAGHU3m4YgJfb1jLUw16K1UT1m3jsnc-/s320/Transparan+Aja.jpg" width="320" /></a></div><br />Template Blogger Transparan Aja HTML5 & Responsive | Alhamdulillah jadi juga. Template 3 kolom yang aneh dan tembus pandang. Butuh 3 hari yang panjang......lama sekali,,maklum masih belajar. <i>Template </i><b>blog </b>aneh ini, banyak sekali fiturnya :<br /><ol><li>Menu 3 level</li><li><a href="http://validator.w3.org/check?uri=wampress.blogspot.com&charset=%28detect+automatically%29&doctype=Inline&group=0" target="_blank">HTML5</a> & <a href="http://responsinator.com/?url=wampress.blogspot.com%2F" target="_blank">Responsive </a></li><li>SEO Ready </li><li>Ready 2 Ads 728 x 90 & Ads 468 x 90</li><li>Readmore dengan pseudo elemen, akan lebih terasa menjadi tombol</li><li>Bergaya transparan</li><li>Threaded Comment</li><li>Quick Search dengan <a href="http://www.bocahit.com/2013/07/membuat-quick-search-dengan-json-blogger.html" target="_blank">JSON Blogger</a>, sehingga tidak terlalu berat / lama</li><li>Back to top</li><li><a href="http://www.bocahit.com/2012/08/membuat-artikel-terkait-di-bawah-posting.html" target="_blank">Related Post</a> dengan Jquery  </li><li><a href="http://www.bocahit.com/2012/08/memasang-yahoo-emoticons-di-komentar.html" target="_blank">Emoticon</a> kecil di bagian komentar</li><li><a href="http://www.bocahit.com/2012/11/membuat-breadcrumb-search-engine.html" target="_blank">Breadcrumb</a>  </li><li> Bagus dibuka dengan Mozilla</li><li>Ready Style Button memakai class='button' </li></ol>Nah sekian dari template aneh ini. Jika tertarik silakan di pakai.<br /><br /><div style="text-align: center;"><a class="button" href="http://wampress.blogspot.com/" target="_blank">DEMO</a>                     <a class="button" href="https://www.dropbox.com/s/nrxh9z6y0y8q0mo/Transparan%20Aja.rar" target="_blank">Download</a></div>

Template Blogger Transparan Aja HTML5 & Responsive

Template Blogger Transparan Aja HTML5 & Responsive | Alhamdulillah jadi juga. Template 3 kolom yang aneh dan tembus pandang. Butuh 3 har...

Baca selengkapnya »