Rabu, 25 Februari 2015

➦ DEMO Menu Vertical ✪✪

Senin, 09 Februari 2015

➦ DEMO Menu Slide Responsive untuk Tipe Mobile ✪✪

➦ Membuat Menu Slide Responsive untuk Tipe mobile ✪✪

Lihat Dulu demonya

DISINI

Jika Sobat Mau Membuatnya, silahkan ikuti langkah berikut: Log in ke aku Blogger Sobat,lalu Klik desain Edit Template,(Jangan lupa Back Up terlebih dahulu) untuk Menjaga kesalahan dalam pengeditan. setelah itu sobat masukan Kode CSS dibawah ini tepat di atas kode </b:skin>

.menuslide {
    width: 0;
    /* untuk lebar biarkan kosong */
}

.menuslide, .menuslide * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menuslide input[type="checkbox"] {
    /* tipe menu */
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.menuslide > label {
    /* icon untuk label pada menu */
    z-index: 100;
    display: block;
    position: relative;
    font-size: 10px;
    /* ukuran font label menu */
    width: 3.5em;
    height: 3em;
    top: 0;
    left: 0;
    background: white;
    text-indent: -1000px;
    border: 0.6em solid black;
    /* border color */
    border-width: 0.6em 0;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /* transition for animating label */
}


.menuslide > label::before, .menuslide > label::after {
    /* garis pembatas label */
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.6em;
    top: 50%;
    margin-top: -0.3em;
    left: 0;
    background: black;
    /* warna garis pembatas label */
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /* transisi flip menu */
}

.menuslide nav {
    /* posisi menu */
    margin: 0;
    padding: 5px;
    position: fixed;
    text-transform: uppercase;
    border-right: 1px solid gray;
    font: bold 14px Verdana;
    width: 280px;
    /* lebar kotak menu */
    height: 100%;
    left: -280px;
    /* jarak menu pada sisi */
    top: 0;
    z-index: 10000;
  -webkit-transform: translate3d(0, 0, 0); /* trigger hardware acceleration */
  transform: translate3d(0, 0, 0);
    background: rgb(242,242,242);
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%, rgba(219,219,219,1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(219,219,219,1)));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(242,242,242,1) 0%,rgba(219,219,219,1) 100%);
    /* W3C */
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /* animasi untuk plip menu */
}


.menuslide nav h2 {
    color: black;
    margin-bottom: 10px;
    border-bottom: 2px solid #73462d;
}

.menuslide ul {
    /* UL menu inside container */
    list-style: none;
    margin: 0;
    padding: 0;
}

.menuslide li {
}


.menuslide li a {
    display: block;
    text-decoration: none;
    font-size: 1.4em;
    /* font size of menu links */
    border-left: 8px solid gray;
    border-bottom: 1px solid #c1c1c1;
    color: #3b3b3b;
    margin: 0;
    padding: 12px;
}

.menuslide li a:hover {
    background: black;
    color: white;
}


.menuslide nav label {
    /* tombol penutup */
    cursor: pointer;
    position: absolute;
    text-transform: lowercase;
    right: 0;
    top: 0;
    -moz-border-radius: 0 0 0 40px;
    -webkit-border-radius: 0 0 0 40px;
    border-radius: 0 0 0 40px;
    width: 40px;
    height: 30px;
    background: black;
    box-shadow: 0 0 5px gray;
    text-align: center;
}


.menuslide nav label::after {
    /* label button x */
    content: "x";
    color: white;
    display: block;
    font-size: 16px;
    margin-top: 2px;
    margin-left: 6px;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.menuslide .overlay {
    /* overlay yang mencakup seluruh halaman ketika menu terbuka */
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .6;
    background: black;
    z-index: 1001;
    visibility: hidden;
}

.menuslide .overlay label {
    /* label menu overlay on */
    width: 100%;
    height: 100%;
    position: absolute;
}


.menuslide nav label:hover::after {
    /* pointer ketika di arahkan pada:hover menu */
    -moz-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
    transform: rotatey(180deg);
    /* flip labels vertically onMouseover */
}

.menuslide input[type="checkbox"]:checked ~ label {
    /* posisi menu  */
    border-color: transparent;
}

.menuslide input[type="checkbox"]:checked ~ label::before {
    /* awal menu */
    transform: rotate(-45deg);
}

.menuslide input[type="checkbox"]:checked ~ label::after {
    /* menu ketika di buka  */
    transform: rotate(45deg);
}

.menuslide input[type="checkbox"]:checked ~ nav {
    /* posisi NAV menu  */
    left: 0;
    /* set 0 saja  */
}

.menuslide input[type="checkbox"]:checked ~ div.overlay {
    /* menu  */
    visibility: visible;
}

setelah itu masukan kode di bawah ini setelah kode <body>

<!--[if lte IE 8]>
<style>

.menuslide > label{
 border: 6px solid black;
 background: #eee;
 height: 30px;
}

</style>

<script>
 // ie 8 menu compatibility code:
document.createElement("nav")
window.onload = function(){
 var menuslidenav = document.getElementById("msidemenu")
 var mobilemaintoggler = document.getElementById("maintoggler")
 var mobilenavtoggler = document.getElementById("navtoggler")
 mobilemaintoggler.onclick = function(){
  menuslidenav.style.left = 0
 }
 mobilenavtoggler.onclick = function(){
  menuslidenav.style.left = '-100%'
 }
}

</script>


<![endif]-->
<div class="menuslide">
 <input type="checkbox" id="togglebox" />
 <!-- Modify anything inside the NAV element -->
 <nav id="msidemenu">
  <h2>Site Navigation</h2>
  <ul>
  <li><a href="http://code-html-untuk.blogspot.com/">Home</a></li>
  <li><a href="https://www.facebook.com/iNAYA.NET">Facebook</a></li>
  <li><a href="https://plus.google.com/101242605897784260218">Google +</a></li>
  <li><a href="http://www.twitter.com/">Twitter</a></li>
  <li><a href="http://code-html-untuk.blogspot.com/2014/10/link-exchange.html">Link Exchange</a></li>
  </ul>
  
  <h2>Share &amp;</h2>
  <p style="padding: 10px">Follow us on <a href="#">Twitter</a> or via <a href="#">RSS feed!</a></p>
 <div align='right' font-size='4px'>Edited by :http://code-html-untuk.blogspot.com/</div> 
  <label for="togglebox" id="navtoggler"></label>
 </nav>
 
 <div class="overlay"><label for="togglebox"></label></div>
 <label class="toggler" id="maintoggler" for="togglebox"></label>
</div>

klik simpan dan lihat hasilnya,, semoga bermanfaat

Selasa, 03 Februari 2015

➦ Cara Menghapus Tulisan Tampilkan Semua Posting Blog ✪✪

Untuk anda yang ingin menghapus tulisan tampilkan semua posting ini pada blog, anda bisa mengikuti langkah-langkah yang sangat sederhana di bawah ini : Lihat Dulu Penampakan nya :

Dan berikut Langkah - langkahnya cara Menghapus Tulisan Tampilkan Semua Posting Blog ini:

1. Masuk ke akun Blogger
2. klik Edit HTML]
    3. Cari kode ]]></b:skin>
4. Simpan kode di bawah ini tepat di atas kode ]]></b:skin>

    .status-msg-wrap{ display:none; }
    .status-msg-body{ display:none; }
    .status-msg-border{ display:none; }

    5. Klik simpan dan lihat perubahanya.

Semoga Bermanfaat

Senin, 03 November 2014

➦ Convert any image into a base64 string ✪✪

ini adalah Salah Satu TOOL Inline untuk men Convert File Image / Gambar menjadi Format base64 Seperti Contoh Gambar Di bawah ini :

Sebelum di Convert dengan Tool ini URL dari gambar di atas : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6YQbTr_iQbgT9SjxlqRQ_NhQllih-JpAgh8EXU3ssvgSpqO08MeI7zypVjmUuhdSLAAEAtm-q4tTl5K_j8jd7BMGLjUfR9-ROargW_ylgtdjMM6frwVVJQIRRGaubX6ZXpx106iup9mLz/s400/bloggerMusic-ayiedadev_album-cover.jpg

dan setelah di Convert menjadi Database64, maka Link gambar berubah seperti berikut :
data:image/jpeg;base64,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

Silahkan sobat coba sendiri dengan Tool di bawah ini:

THANKS TO http://webcodertools.com/imagetobase64converter

Atau Sobat bisa gunakan yang ini:

Thanks To : http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

Kamis, 30 Oktober 2014

➦ Kumpulan Widget Scroll To Top ✪✪

Silahkan sobat Pilih sendiri Widget Scroll To Top di bawah ini, Untuk di pasang pada Blog Sobat,, Widget ini ane Ambil Dari Website Resminya yaitu http://www.scrolltotop.com..

Disini Ane bukan ingin Melanggar HAK CIPTA karena tidak sedikit pun ada Code dari Widget tersebut yang ane Rubah..Ane Justru hanya ingin Berbagi yang ane tau saja semoga bisa bermanfaat,,
Berikut Code2 nya, Sobat Tinggal Pilih Saja Sendiri :

kumpulan Kode HTML dan Javascript Gratis