IKLAN

Theme images by kelvinjay. Powered by Blogger.

Tutorial

HEBOH

Kuliner

Youtube Tutorial

Games

Lowongan Kerja

OpenSource

Gadget

Membuat Buku Tamu Melayang di blog

By: darkzero on July 16, 2013 / comment : 0 ,

Tanpa basa-basi langsung saja copas script berikut
<div id='trik_tengah'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $(".btn-slide").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });

 
});
</script>
<style>
/* ---------------
Simple Slide panel with jQuery
---------------------------------- */
#panel {
        height: auto;
        background: #f90;
        width: auto;
        display: none;
    padding: 7px;
    border: #0C0;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
}
.slide {
    margin: 0;
    padding: 0;
    border-top: solid 4px #f90;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivk1nr2HnUA0N1X7cZwjGY_XcACKWSP3VhDyreILCibFHrY3xYti_J1Jncx5-SBQ1vn6lx-kSP6uqdLMBa5_LZirMKTi8TxmUfr0NVtZHXimBREKbjafwqizvFqrvPhLtyHKHwKHH4V1I/s1600/btn-slide.png) no-repeat center top;

}
.btn-slide {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnmKy6lnQ8WemlFdsgG8QlZkP1K-iUhdK_tyw93JnYDTzWlAjKwsLCo4vzqGk1QWnuGwhwIOXO2Fv_AB1wS-ZwR3bE9R5JxGxKVYtf2c9nobMpq09bm_89E2XyQoFqP34LIrNlEjEzvwQ/s1600/white-arrow.gif) no-repeat right -50px;
    text-align: center;
    width: 144px;
    height: 31px;
    padding: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}
.active {
    background-position: right 0px;
}
</style>

<div id="panel">
<table style="text-align: left; width: 100%;" border="1" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><a href="http://s868.photobucket.com/albums/ab246/Rahmad_photos/?action=view&amp;current=74601_179439685419038_100000590236648_539179_2670751_n.jpg" target="_blank"><img src="http://i868.photobucket.com/albums/ab246/Rahmad_photos/74601_179439685419038_100000590236648_539179_2670751_n.jpg" border="0" width="330" height="320" alt="Photobucket" /></a><br /><center><a href="http://facebook.com/Singo07" target="_blank"><img src="http://i868.photobucket.com/albums/ab246/Rahmad_photos/facebook-button.gif" border="0" width="300" height="77" alt="Photobucket" /></a></center>
</td>
<td style="vertical-align: top;"><div id="cboxdiv" style="width: 300px; height: 380px;"></div>

<script type="text/javascript">
var cbvis = false;
var cbload = false;

function togglecbox () {
var cbdiv = document.getElementById("cboxdiv");

if (!cbvis) {
if (!cbload) {
cbdiv.innerHTML = '<iframe frameborder="0" width="300" height="305" src="http://www5.cbox.ws/box/?boxid=706289&amp;boxtag=wwmyc5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-706289" style="border:#EDDEDB 1px solid;border-bottom:0px" id="cboxmain5-706289"></iframe><iframe frameborder="0" width="300" height="75" src="http://www5.cbox.ws/box/?boxid=706289&amp;boxtag=wwmyc5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-706289" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform5-706289"></iframe>';
cbload = true;
}
cbdiv.style.display = "block";
}
else {
cbdiv.style.display = "none";
}
cbvis = !cbvis;
}
</script>

<!-- move the next line to the bottom of your <body> to defer the loading of your Cbox -->
<script>togglecbox();</script>



<script type="text/javascript">
var cbvis = false;
var cbload = false;
var cbcookie = "cboxvis=";

function togglecbox () {
var cbdiv = document.getElementById("cboxdiv");
var cbbut = document.getElementById("cboxbutton");

if (!cbvis) {
if (!cbload) {
cbdiv.innerHTML = '<iframe frameborder="0" width="300" height="305" src="http://www5.cbox.ws/box/?boxid=706289&amp;boxtag=wwmyc5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-706289" style="border:#EDDEDB 1px solid;border-bottom:0px" id="cboxmain5-706289"></iframe><iframe frameborder="0" width="300" height="75" src="http://www5.cbox.ws/box/?boxid=706289&amp;boxtag=wwmyc5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-706289" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform5-706289"></iframe>';
cbload = true;
}
cbdiv.style.display = "block";
cbbut.innerHTML = "Close Cbox";
}
else {
cbdiv.style.display = "none";
cbbut.innerHTML = "Open Cbox";
}
cbvis = !cbvis;
document.cookie = cbcookie+((cbvis)?1:0);
}
// Toggle Cbox open if it was previously
var cbcookiei = document.cookie.indexOf(cbcookie);
if (cbcookiei >= 0) {
if (document.cookie.substring(cbcookiei+cbcookie.length, cbcookiei+cbcookie.length+1) === "1") {
togglecbox();
}
}
</script>
</td>
</tr>
</tbody>
</table>
</div>
<p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>

</div>

Membuat Banner Full Fanspage cantik

By: darkzero on April 15, 2012 / comment : 0 ,

Sahabat Singo's Blog, pagi yang cerah ini tapi suasana suram di PKL saya ingin membagikan tips sederhana bagaimana cara membuat gadget fanspage yang aduhai..oklah.. tanpa basa-basi langsung caps cus...


Langkah pertama anda masuk ke menu design>page elements>add a gadget>HTML/javascript..


lalu masukkan kode di bawah ini:
-----------------------------------------------------------------------------------------------------------------------------
<style type="text/css">
/*<!CDATA[*/
#w2b-mashable{width:320px;margin:auto;padding:0;}
.w2b-googleplus {height: 57px;}
.w2b-facebook {background:#FFFFFF;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;}
.w2b-gplusone {background-color: #f5fcfe;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;}
.w2b-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 11px;font-family: "Arial","Helvetica",sans-serif;}
.w2b-twitter {background-color: #eef9fd;border: 1px solid #c7dbe2;border-top: 0;}
.w2b-twitter a.twitter-follow-button {display: block;}
.w2b-twitter iframe {margin: 9px 11px;}
.w2b-sociallinks {background-color: #d8e6eb;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 10px 11px;overflow: hidden;}
.w2b-sociallinks a {text-shadow: 1px 1px white;}
.w2b-sociallinks .w2b-social {list-style: none;overflow: hidden;margin: 0 !important;padding: 0 !important;}
.w2b-sociallinks .w2b-social li {border:0 none !important;float: left;line-height: 1;padding: 2px 0 4px 20px !important;margin-bottom: 3px;width: 70px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiynvut1UlzaMu7AiwX4q1vByGGbjoW5NuWK1RQK6xu-P-tDv7GHSCtTR7a48VTmgt2eSmvHc0IsW7jpg1Ehkz9eVqZQP65_s15oKqC4hqirug-Bvom5Pt8NFKgQsuCBFSrE-tnbNpxufd5/s1600/w2b_socialsprite.png) no-repeat;font-size: 12px;}
.w2b-sociallinks .w2b-social li a {display: block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
.w2b-sociallinks .w2b-social li a:hover {text-decoration: underline;}
.w2b-sociallinks .w2b-social li.twitter {background-position: 0 -150px !important;}
.w2b-sociallinks .w2b-social li.facebook {background-position: 0 -450px !important;}
.w2b-emailbox {background-color: #E3EDF4;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 12px 16px;overflow: hidden;}
.w2b-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
.w2b-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
.w2b-emailbox input.emailu:focus {color: #333;}
.w2b-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
.w2b-emailbox input.submitu:hover {text-decoration: none;}
.w2bDefault {border: 1px solid #cc7c00;text-shadow: #d08d00 1px 1px 0;background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffca00),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: linear-gradient(center top,#ffca00 0,#ff9b00 100%);}
.w2bDefault:hover {background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffe480),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: linear-gradient(center top,#ffe480 0,#ff9b00 100%);}.w2b-moresubs {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;padding: 3px 8px 3px 3px;text-align: right;font-size: 7px;letter-spacing: 1px;}
.w2b-moresubs a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
/*]]>*/
</style>
    <div id="w2b-mashable">
    <div class="w2b-googleplus">
        <script type="text/javascript">
        /*<![CDATA[*/
        window.___gcfg = {lang: 'en'};
        (function(){
            var po = document.createElement("script");
            po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(po, s);
        })();
        /*]]>*/
        </script>
        <div class="g-plus" data-href="https://plus.google.com/101044849861470073015" data-width="300" data-height="69" data-theme="light"></div>
    </div>
    <div class="w2b-facebook">
        <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSingos-Blog%2F140694495993878&amp;send=false&amp;layout=standard&amp;width=280&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:66px;" allowtransparency="true"></iframe>
    </div>
    <div class="w2b-gplusone">
        <script type="text/javascript">/*<![CDATA[*/
          (function() {
        var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
        po.src = "https://apis.google.com/js/plusone.js";
        var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
          })();/*]]>*/
        </script>
        <div class="g-plusone" data-size="medium" data-href="http://nyem2nyem.blogspot.com/"></div>
        <span>Recommend on Google</span>
    </div>
    <div class="w2b-twitter">
        <a href="https://twitter.com/sandyhackers" class="twitter-follow-button" data-show-count="true">Follow @sandyhackers</a>
        <script type="text/javascript">/*<![CDATA[*/!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script>
    </div>
    <div class="w2b-sociallinks">
        <ul class="w2b-social">
        <li class="twitter"><a href="http://www.twitter.com/sandyhackers">Twitter</a></li>
        <li class="facebook"><a href="http://www.facebook.com/singo07">Facebook</a></li>
        </ul>
    </div>
    <div class="w2b-emailbox">
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=suaragemilang&apos', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
        <table width="100%">
            <tr>
            <td>
                <input class="emailu" name="email" placeholder="Enter your email" type="text"/>
            </td>
            <td width="64px">
                <input class="submitu w2bDefault" type="submit" value="Subscribe"/>
            </td>
            </tr>
        </table>
        <input name="uri" type="hidden" value="singo07"/>
        <input name="loc" type="hidden" value="en_US"/>
        </form>
    </div>
    <div class="w2b-moresubs">
       
    </div>
    </div>
----------------------------------------------------------------------------------------------------------------------------------
-ganti warna  orange dengan lebar widget blog anda
-ganti warna hijau dengan tinggi widget ini 
-ganti warna merah dengan url fanspage, twitter dan Google+ Anda...


hehehheheheh
sekian klo kepengin bantuan comeng ajwah....
jadinya pasti keren....

Cara pasang iklan di samping kiri | kanan Blog | Melayang

By: darkzero on December 11, 2011 / comment : 0 ,

berikut ini sebenarnya sudah banyak sahabat blogger lain yang telah memberikan tutorialnya, namun entah kenapa Masih banyak Juga Sahabat Kumpulancara yang menanyakan ini. Cara Pasang Iklan di Blog-pun ada berbagai Cara al :







Cara Pasang Iklan di samping kiri | Kanan Artikel
Cara Pasang Iklan di Atas artikel | dibawah Header
Cara Pasang Iklan Popup | Melayang | Tutup Buka
Cara Pasang Iklan di Bawah Artikel
Cara Pasang Iklan di Tengah Artikel

Dari Berbagai Cara Pasang Iklan diatas, kira-kira menurut Sobat Mana yang Lebih Keren dan MenghasilkanKlik Tertinggi dan tidak Melanggar TOS dari Pemilik Iklan Seperti : Google Adsense, Kumpul Blogger, Adsensecamp dan lain sebagainya.
Menurut Hasil Uji Coba Kumpulancara.com beberapa bulan Terakhir dan mencoba Utak atik sendiri Tempat meletakkan Iklan tanpa Kena Teguran Terutama Oleh GA, Akhirnya ternyata yang memiliki Klik Tertinggi Yakni Dengan Pasang Iklan di sisi Kanan Blog secara Menggantung | melayang Tepatnya di sisi Scroll Layar Monitor Sobat.

Beberapa Sobat Blogger lain telah menulis jika Klik tertinggi dengan memasang iklan dengan cara Popup | Tutup Buka Melayang, Namun sayang cara ini sangat tidak Dibolehkan Oleh GA pada TOS yang sudah ditentukan, jika Ngeyel maka siap-siaplah di PHK. Juga dengan cara ini membuat Blog jadi Berat dan kadang membuat Pengunjung Anda Kesal lalu Malas balik berkunjung.

Baiklah Maaf Jika terlalu Banyak Basa basi Mari kita Mulai.
Langkah-langkah
Pertama :
Silahkan Login Seperti biasa Ke Account Blogger Masing-masing

Kedua
Silahkan SObat masuk Ke menu RANCANGAN lalu Klik EDIT HTML

Ketiga
Download Template sobat dulu untuk menjaga Kesalahan

Keempat
Silahkan Cari Code ]]></b:skin>
Untuk mudahnya Copy kode diatas dan Klik CTRL + F lalu paste

Kelima
Setelah Ketemu Silahkan Sobat Letakkan code ini Tepat Diatas code ]]></b:skin>
Ini codenya :
#trik_pojok {
position:fixed;_position:absolute;top:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Keterangan :
Text yang berwarna biru adalah posisi Iklan, kalau mau merubah posisi text rightdiganti dengan textLeft. Kemudian text top di ganti dengan text bottom
Karena Ukuran banner iklan yang akan kita Pasang yakni 120 x 600, maka sebaiknya Jangan Merubah nilai Top dan Bottom. Jika ingin merubah Posisi iklan Ubah saja Right dengan Left

Keenam
Sekarang Sobat silahkan Cari code ini : </body>
Setelah Ketemu Silahkan Pasang code Berikut diatas </body>
Ini codenya
<div id="trik_pojok">
Pasang Kode Iklan sobat yg berukuran 120 x 600 disini!!!
</div>

Ketujuh:
Klik Simpan

CATATAN :
Ingat!! Iklan Yang cocok untuk Cara ini yakni Iklan berukuran 120 x 600, Utamakan yang berbentuk Banner bukan yang Teks. Karena jika selain Ukuran tersebut maka Blog Sobat Ketutup Iklan

Terakhir 
Apakah Cara ini Dilarang Oleh TOS Google Adsense?
Setelah saya Ubek-ubek semua Tos, Alhamdulillah Cara ini Belum Masuk Kategori Yang Terlarang.
Namun Jika ada SObat Pengguna GA yang ketemu SIlahkan Komentar untuk Bantuannya, agar Kita Aman-aman saja bermain GA
Semoga Bermanfaat

Cara Membuat Floating iklan Pada Blogger

By: darkzero on November 29, 2011 / comment : 0 ,

Cara Membuat Iklan Melayang Floating dengan CSS Tanpa JQuery supaya lebih enteng.
halo sobat blogger kembali lagi kali ini kang niam ingin bagi-bagi tips buat kawan-kawan yang setia berkunjung ke niamblog, sebelumnya saya pernah posting Cara membuat iklan melayang dengan javascript kali kita akan membuat iklan melayang dalam bahasa gaulnya floating atau apalah saya juga gak mudeng, mungkin sobat pernah membuat iklan melayang, nah disini mungkin cara membuatnya agak sedikit berbeda dengan cara membuat iklan melayang yang banyak dilakukan para sobat blogger, biasanya kita membuat iklan melayang itu menggunakan javascript jquery.js maka tips kali ini adalah hanya dengan CSS saja dan sedikit javascript plus HTML, yang pasti tidak menggunakan jQuery yang memberatkan blog saat di load.
Langkah1
Masuk Dasboard >> Rancangan >> Edit HTML lalu Expand Widget Templates
Langkah2
Cari Kode seperti ini:
1
]]></b:skin>
Bila dah ketemu tambahkan kode Css dibawah ini tepat diatasnya:
1
2
3
4
5
6
7
8
9
10
11
#floating-ads {
position:fixed;_position:absolute;bottom:80px; left:120px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
.bgfloat{}
Bila dah selesai Save Template kamu.
Langkah3
Sekarang masuk Rancangan >> Elemen Laman >> tambahkan Gadget >> pilih Javascript/HTML.
Lalu masukkan kode dibawah ini didalamnya.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script language="javascript">
function closeTopAds() {
document.getElementById("floating-ads").style.visibility = "hidden";
}
</script>
<div id="floating-ads">
<div align="center" class="bgfloat"><img align="absmiddle" onclick="closeTopAds();return false;" src="http://lh6.ggpht.com/_IjrRiI_bVb0/SxtblET-xfI/AAAAAAAACVQ/1i0rufnJAP4/minimize.png" style="cursor: pointer;" />
</div>
KODE IKLAN DISINI
</div>
Langkah4
Save pekerjaan kamu.
! Letakkan kode iklan sobat pada tulisan “Kode Iklan Disini”, dan untuk mengatur iklan sesuai dengan template kamu silahkan diserasikan kode CSSnya dengan Template sobat, karena biasanya ada template yang berbeda.
ini kode yang perlu kamu rubah bila iklannya kurang ke kanan atau ke kiri atau kebawah atau keatas.
1
bottom:80px; left:120px;
Selamat mencoba dan semoga tips yang saya berikan bermanfaat untuk sobat blogger.
Subscribe to: Posts (Atom)
Created By SoraTemplates | Distributed By Blogger