Sunday, December 6, 2015

Cara Membuat Facebook Like Box (FanPage) Melayang Dengan Timer Saat Membuka Blog

Oke ketemu lagi dengan ane Muhamad Ikbal Septiana alias (Ibenk)
Kali ini ane mau berbagi tutorial Cara Membuat Facebook Like Box (FanPage) Melayang Dengan Timer Saat Membuka Blog
Oke tanpa basa basi langsung aja ke intinya :D


  • Login ke account blogger anda => Template => Edit HTML , cari code : </body>
  • Lalu Copy Code dibawah ini tepat diatas code </body> :
<style>#fblikepop {    background-color: #fff;
    display: none;
    position: fixed;
    top: 200px;
    _position: absolute;
 /* hack for IC 6*/
    width: 450px;
    border: 10px solid #6F6F6F;
    z-index: 200;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    margin: 0pt;
    padding: 0pt;
    color: #333333;
    text-align: left;
    font-family: arial,sans-serif;
    font-size: 13px;
}#fblikepop body {
    background: #fff none repeat scroll 0%;
    line-height: 1;
    margin: 0pt;
    height: 100%;
}

.fbflush {
    cursor: pointer;
    font-size: 11px !important;
    color: #FFF !important;
    text-decoration: none !important;
    border: 0 !important;
}
#fblikebg {
    display: none;
    position: fixed;
    _position: absolute;
 /* hack for IE 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 100;
}#fblikepop #closeable {
    float: right;
    margin: 7px 15px 0 0;
}#fblikepop h1 {
    background: #6D84B4 none repeat scroll 0 0;
    border-top: 1px solid #3B5998;
    border-left: 1px solid #3B5998;
    border-right: 1px solid #3B5998;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 5px !important;
    margin: 0 !important;
    font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;
}#fblikepop #actionHolder {
    height: 30px;
    overflow: hidden;
}#fblikepop #buttonArea {
    background: #F2F2F2;
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    min-height: 50px;
}#fblikepop #buttonArea a {
    color: #999999 !important;
    text-decoration: none !important;
    border: 0 !important;
    font-size: 10px !important;
}#fblikepop #buttonArea a:hover {
    color: #333 !important;
    text-decoration: none !important;
    border: 0 !important;
}#fblikepop #popupMessage {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 22px;
    padding: 8px;
    background: #fff !important;
}#fblikepop #counter-display {
    float: right;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 5px 0 0 0;
    text-align: right;
    line-height: 16px;
}</style>
<script src='http://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="IbenkCreations",
 kakinetworkdotcom01title="Like Dahulu Agar Terus Update",
 kakinetworkdotcom01skin="04",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='https://sites.google.com/site/ikbalandro/script-js/LikeBox.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>

Ket : Code yang berwarna biru silahkan diganti
IbenkCreations = alamat fanspage facebook kalian (contoh : www.facebook.com/IbenkCreations)
Like Dahulu Agar Terus Update = Nama Header dari popup yang muncul
15 = detik dari munculnya popup/hitungan mundur


  • Terakhir Save template dan liat hasilnya :)
    Note : Untuk Mengcopy Gunakan Ctrl+C


    hasil :

CARA AGAR LAPTOP TIDAK MATI SAAT LAYAR DITUTUP

Oke ketemu lagi dengan ane Muhamad Ikbal Septiana alias (Ibenk)
Kali ini ane mau berbagi tutorial CARA AGAR LAPTOP TIDAK MATI SAAT LAYAR DITUTUP
Oke tanpa basa basi langsung aja ke intinya :D

1. Klik kanan pada Icon Baterai (letaknya pada bagian pojok bawah sebelah kanan) kemudian pilih "Power Option" (Jika di Windows 7, tulisanya adalah "More Power Option").

2. Selanjutnya pilihlah "Choose what closing the lid does" (lihat pada bagian sebelah kiri)

3. Maka anda akan melihat tampilan seperti pada gambar di bawah ini, Lihat pada bagian "When I close the lid" kemudian pilihlah "Do Nothing". Lihatlah gambar di bawah ini supaya lebih jelas.


Semoga tutorial di atas dapat membantu anda untuk menonaktifkan Modus Sleep ketika Layar Ditutup.

CARA MUDAH MEMBLOKIR WEBSITE TERTENTU DI KOMPUTER

Oke ketemu lagi dengan ane Muhamad Ikbal Septiana alias (Ibenk)
Kali ini ane mau berbagi tutorial Cara Mudah Memblokir Website Tertentu Di Komputer

Oke tanpa basa basi langsung aja ke intinya :D

1. Pertama - tama bukalah Notepad yang ada di komputer anda.

2. Setelah Notepad terbuka, kita akan membuka File Host yaitu dengan cara File => Open. Kemudian bukalah File Host yang terletak di Drive C => windows => System32 => Drivers => etc (ubahlah Text Documents (*.txt) dengan All Files).

Cara Memblokir Website Tertentu Di Komputer
3. Setelah File Host sudah terbuka, lihatlah pada bagian bawah dan carilah tulisan "127.0.0.1 localhost".

4. Jika anda sudah menemukanya, selanjutnya tambahkan url website yang ingin anda blok dengan menambahkan tulisan "127.0.0.1" di depan URL Website yang ingin anda blok. 
Contoh: 127.0.0.1 http://www.google.com

Cara Memblokir Website Tertentu Di Komputer
5. Setelah anda menambahkan website yang ingin anda blok, kita simpan (save) dengan cara klik File pada Notepad, kemudian pilih Save.

6. Sekarang anda sudah memblokir website yang anda inginkan, sekarang kita cek apakah website yang anda blok benar benar sudah terblokir. Untuk mengeceknya, anda bisa mengunjungi website yang telah anda blok. Jika anda berhasil, maka tampilanya akan seperti di bawah ini.
Cara Memblokir Website Tertentu Di Komputer

Semoga tutorial di atas dapat membantu anda untuk Memblokir Website Tertentu Di Komputer.

Friday, December 4, 2015

Cara Memasang Page Preloading Di Blog

Oke ketemu lagi dengan ane Muhamad Ikbal Septiana alias (Ibenk)
Kali ini ane mau berbagi tutorial cara memasang page preloading
Dibawah contoh dari page preloading :D

ok tanpa basa basi langsung aja ke intinya :D

  1. Login ke account blogger anda => Template => Edit HTML , cari code : ]]></b:skin>
  2. Lalu pastekan code dibawah :
    .ip-header {
    position: fixed;
    top: 0;
    z-index: 100;
    min-height: 480px;
    width: 100%;
    height: 100%;
    background: #23B0E8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFmpmgVLMBlph3P0MRKk_5abhvsNltQjwxR-e8NVmTdhYQwp82ZcRzf3sP-3ObIjlQl6dWsNdhlYFR5XSHrosY5BvGCwvpMQq66hEdriC1iWSDSSsVXTSARfYllvllOAlehEhcBuxGSuU/s128-no/Loading1.gif) no-repeat center center; }
     
  3.  setelah itu copy juga code ini tepat dibawah code yang nomer 2 :

    .ip-loader {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: default;
    pointer-events: none;
    }
    .ip-loader {
    bottom: 20%;
    }
    .ip-header .ip-inner {
    display: block;
    margin: 0 auto;
    }
    .ip-header .ip-loader svg path {
    fill: none;
    stroke-width: 6;
    }


    .loading .ip-loader {
    opacity: 1;
    -webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
    animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
    }

    .loading .ip-loader {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    }

    @-webkit-keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }
    }
    @keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }
    }

    .loaded .ip-loader {
    opacity: 1;
    }

    .loaded .ip-loader {
    -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
    }

    @-webkit-keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
    }

    @keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
    }
    .loaded .ip-header {
    -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    }

    @-webkit-keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); }
    }
    @keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
    }
    .layout-switch .ip-header {
    position: absolute;
    }
    /* End Preloader */
  4. Selanjutnya, Copy-paste semua kode HTML dibawah ini tepat dibawah <body>atau
    <body class ...> :
    <div class='ip-container' id='ip-container'>
    <div class='ip-header'>
    <div class='ip-loader'>
    <svg class='ip-inner' height='60px' viewBox='0 0 80 80' width='60px'>
    <path class='ip-loader-circlebg' d='M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z'/>
    <path class='ip-loader-circle' d='M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z' id='ip-loader-circle'/></svg></div></div></div>
  5. Kemudian letakan kode Js dibawah ini tepat diatas kode </head> :
    <script src='https://sites.google.com/site/ikbalandro/script-js/pagepreloading.js' type='text/javascript'/>
  6.  dan letakan ketiga Js dibawah ini tepat diatas code </body> :
    <script src='https://sites.google.com/site/ikbalandro/script-js/pagepreloading2.js' type='text/javascript'/>
    <script src='https://sites.google.com/site/ikbalandro/script-js/pagepreloading3.js' type='text/javascript'/>
    <script src='https://sites.google.com/site/ikbalandro/script-js/pagepreloading4.js' type='text/javascript'/>
Lalu simpan templatenya dan liat hasilnya :D
Note : Untuk Mengcopy Gunakan Ctrl+C

Thursday, December 3, 2015

Web Hosting Gratis Unlimited Cpanel

Oke sobat blogger ketemu lagi dengan ane Muhamad Ikbal Septiana alias (Ibenk)
kali ini ane mau share web hostingan free and unlimited cpanelnya :D
ok langsung aja tanpa basa basi ni webnya nazuka.net

oya ngomong ngomong udah tau belum apa kegunaan dari web hosting itu??
  1. website dapat terus online selama dua puluh empat jam setiap harinya, tujuh hari selama seminggu. Hal ini dapat sangat berguna untuk berbagai pekerjaan karena mereka bisa memasukan pekerjaan mereka ke dalam website kapan pun dimana pun. Orang – orang yang membutuhkannya pun juga bisa mengakses website kapan pun dimana pun yang mereka mau juga.
    Sebelum anda memilih suatu perusahaan web hosting, anda harus mengetahui terlebih dahulu apakah perusahaan web hosting yang akan anda pilih bisa memberikan layanan online selama dua puluh empat jam. Kebanyakan perusahaan web hosting bisa memberikan janji jaminan uptime sembilan puluh sembilan koma sembilan persen, yang artinya mereka bisa selalu online dan dapat diakses kapan pun, dan hanya berhenti online ketika ada hal yang tidak diinginkan.
  2. menyediakan layanan penyimpan cloud atau secara online. Dengan menggunakan web hosting anda dapat menyimpan data anda ke dalam website anda. ini bisa diibaratkan seperti harddisk online, dan anda bisa membukanya kapan pun anda mau. Yang menjadi masalah adalah berapa kapasitas penyimpanan yang disediakan oleh perusahaan web hosting ini. Jika kapasitas penyimpanan suatu website sudah penuh, maka website ini tidak bisa diakses.
    Kemudian anda juga harus mengetahui bandwidth yang disediakan oleh perusahaan web hosting ini. Yang dimaksud dengan bandwidth adalah ukuran dari berapa banyak informasi dapat diakses dari website kita. Satuan dari bandwidth ini biasanya GB per bulan. Ketika website anda sudah melewati suatu batas bandwidth maka akan diofflinekan oleh perusaaah web hosting itu tanpa pengetahuan terlebih dahulu.
dibawah adalah cara singupnya


  1. Masuk ke halaman webnya nazuka.net lalu click singup
                        
  2.  Lalu kita akan dibawa ke halaman pengisian data, isi formulir dengan benar
                        
  3. Setelah selesai mengisi lalu click register, nanti kita akan mendapatkan pemberitahuan untuk melakukan vertifikasi email
                         
  4. Tinggal melakukan vertifikasi email
hosting ini juga bisa untuk mengaktifkan bot facebook dan pishing untuk tutornya tunggu postingan selanjutnya ya :D