Headlines News :
    Showing posts with label Blog. Show all posts
    Showing posts with label Blog. Show all posts

    Tips Memaksimalkan Dollar Dari Adf.ly



    Bagi para pengguna adf.ly sudah tau kan sistem kerjanya, kita akan dibayar ketika ada kunjungan ke link yang kita rampingkan [url shortening], nah pada post kali ini saya akan berbagi tips untuk memaksimalkan dollar dari adf.ly ini, yaitu dengan memasang website entry script ke website / blog kita, sebenarnya kode script ini telah dicamtumkan di halaman tools di adf.ly, tapi saya sendiri pada awalnya merasa kesulitan, karena sudah saya pasang tetapi tidak juga merubah blog saya lainnya.


    Jadi jika anda memasang script ini, seluruh web / blog anda akan otomatis menjadi link adf.ly oleh karena itu kita akan mendapatkan dollar yang maksimal, terutama bagi blog bermutu yang berisi banyak post dan mempunyai pengunjung banyak. Jadi ini scriptnya :

    <script type="text/javascript">
    onmousemove = function adfly() {
    adfly_id = '2478068'; //replace with your ID
    for (var i = 0; i < document.links.length; i++) {
    var hrefer = document.links[i].href;
    if(hrefer.match("adf.ly") || hrefer.match("javascript:")|| hrefer.match("#")) {
    document.links[i].href = document.links[i].href;
    }else{document.links[i].href = 'http://adf.ly/' + adfly_id + '/' + document.links[i].href;}
    }
    }
    </script>

    Jangan lupa ganti adfly id [yang berwarna merah] dengan adfly id anda. Kemudian paste kode tersebut ke body tag, di bawah kode ]]></b:skin> atau diatas </body> , tapi jangan lupa parse kode tersebut dulu bisa anda lakukan di http://www.blogcrowds.com/resources/parse_html.php .

    Script ini akan mengkonversi semua link situs Anda, kecuali href, ke ref adfly. Anda dapat menambahkan link lain sebagai pengecualian seperti situs Anda sendiri, link iklan, dll. Untuk melakukan itu, tambahkan saja baru | | hrefer.match ("URL Anda")) di dalam IF section dari script.

    Semoga bermanfaat sob ^_^

    Cara Buat Bintang Jatuh dari Kursor


    Cara Buat Bintang Jatuh dari KursorCara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat

    Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi bintang jatuh yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan Colorpic software, tertarik? silahkan ikuti tutorial blogger dibawah ini

    Steps :
    • Login di Blogger
    • Pilih Design > Add gadget > HTML/Javascript
    • Masukkan kode dibawah ini ke kolom HTML/Javascript
    <script type='text/javascript'>
    // <![CDATA[
    var colour="#52D8ED";
    var sparkles=100;
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var tiny=new Array();
    var star=new Array();
    var starv=new Array();
    var starx=new Array();
    var stary=new Array();
    var tinyx=new Array();
    var tinyy=new Array();
    var tinyv=new Array();
    window.onload=function() { if (document.getElementById) {
    var i, rats, rlef, rdow;
    for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="3px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="3px";
    document.body.appendChild(star[i]=rats);
    }
    set_width();
    sparkle();
    }}
    function sparkle() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
    star[c].style.left=(starx[c]=x)+"px";
    star[c].style.top=(stary[c]=y)+"px";
    star[c].style.clip="rect(0px, 5px, 5px, 0px)";
    star[c].style.visibility="visible";
    starv[c]=50;
    break;
    }
    }
    for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
    }
    setTimeout("sparkle()", 40);
    }
    function update_star(i) {
    if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
    if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
    star[i].style.top=stary[i]+"px";
    starx[i]+=(i%5-2)/5;
    star[i].style.left=starx[i]+"px";
    }
    else {
    star[i].style.visibility="hidden";
    starv[i]=0;
    return;
    }
    }
    else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
    }
    }
    function update_tiny(i) {
    if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
    }
    if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
    tiny[i].style.top=tinyy[i]+"px";
    tinyx[i]+=(i%5-2)/5;
    tiny[i].style.left=tinyx[i]+"px";
    }
    else {
    tiny[i].style.visibility="hidden";
    tinyv[i]=0;
    return;
    }
    }
    else tiny[i].style.visibility="hidden";
    }
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sdown;
    x=(e)?e.pageX:event.x+sleft;
    }
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
    }
    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
    }
    else {
    sdown=0;
    sleft=0;
    }
    }
    window.onresize=set_width;
    function set_width() {
    if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    }
    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height+"px";
    div.style.width=width+"px";
    div.style.overflow="hidden";
    div.style.backgroundColor=colour;
    return (div);
    }
    // ]]>
    </script>
    • Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat
    • Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

    Cara Membuat Efek Bintang Pada Link


    Cara Membuat Efek Bintang Pada Link - Bulan lalu saya pernah menulis sebuah posting cara membuat link berwarna warni, kali ini kita akan membuat link tersebut dengan efek bintang berkedip. Efek ini akan muncul apabila link tersebut disorot oleh cursor. Jika sobat ingin membuat blog lebih menarik dengan berbagai macam animasi maka trik yang satu ini mungkin saja bermanfaat. Efek bintang pada link udah saya terapkan di demo blog dan hasilnya sukses. Berikut ini saya akan berikan langkahnya kepada sobat:


    Steps :
    1. Login ke blogger
    2. Masuk ke Rancangan -- Edit HTML
    3. Carilah kode a:link{ atau a:visited{
    4. Lalu letakkan kode dibawah ini dibawah kode a:link{ atau a:visited{
      a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgug_IqsCxXTNictegEDbOziOk7wVosjXNJkjKPY9rC_3hl9khrBO7z8z-yCoFBFIK-ASe-PcXGWTw1s839iHACOp8mA83se1qW0amHfJfaRQfhNdetV0dmMfyopK5tWmBeUep_fW1prJo/s1600/stars.gif);}
    5. Simpan template anda lalu lihat hasilnya
    Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!

    Cara Lengkap Memasang Buku Tamu / CBOX Di Blog


    Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.

    Kali ini saya akan memposting cara memasang Cbox  auto hiden dari segala arah, segala arah maksudnya yaitu Cbox dapat ditempatkan atau muncul dari bagian sebelah kiri blog, kanan blog, bawah blog, dan atas blog, dan disertakan juga animasi gambar gif sebagai background.

    Saya kira cukup sekian bla bla bla penerangan saya, dan mari kita menuju kepokok pembahasan.

    Berikut ini adalah Cara Lengkap Memasang Buku Tamu / CBOX Di Blog: Kiri, Kanan, Bawah, Atas:
    1. Seperti biasa sobat harus Login dulu di akun blog sobat
    2. Pilih Tata Letak
    3. Tambah Gadget HTML/Java Script
    4. Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script.

    Klik show untuk melihat

    Klik save / simpan.

    Keterangan:
    1. Kode warna merah adalah warna gambar, silakan sobat sesuaikan sendiri sesuai selera bila ingin mengganti gambarnya
    2. Kode warna kuning adalah penepatan dimana cbox akan muncul, bila sobat ingin cbox muncul dari atas ganti kode tersebut menjadi TOP, dari sebelah kiri LEFT, dari sebelah kanan RIGHT .
    3. Kode warna putih adalah jarak cbox dari sebelah kanan. Silakan sobat sesuaikan sendiri.
    4. Texts berwarna hijau adala tempat untuk menaruh strip kode cbox sobat (atur cbox sobat agar backgroudnya transparant untuk hasil yang lebih sempurna).
    Selanjutnya adalah cara membuat tombol cbox (tombol untuk menampilkan cbox)

    1. Tetap login di akun blog sobat
    2. Masukan script berikut bersamaan dengan script di atas dalam gadget HTML / Java Script
    <div style="position: fixed; top: 55px; right: 5px;width:30px;height:100px;"><a href="javascript:void(0);"onclick="showHideAT()"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-lnSjBjL03KMwzW61kvhdvnaVMCsUMmbl66gIagDyU9QgqiNWm5J7xCNbqD2dm1izJeR9vcyqM9MUN4vg5A3r2bUohmZUEjZKpjMCySs3foj5IaFMMgK04vzVfGKCJ8otrZDdhR-fShC1/s128/guestbook.png" alt="cbox" title="Buka Chat Book"/></a></div>

    Keterangan: 
    • Kode berwarna merah adalah gambar tombol, bisa sobat ubah sesuai selera.
    • Kode warna kuning adalah dimana tombol akan ditempatkan, TOP untuk menempatkan tombol di atas, BOTTOM untuk menempatkan tombol di bawah, LEFT untuk menempatkan tombol di sebelah kanan.
    • Kode warna biru anda sesuaikan jarak tombol TOP dari atas blog, BOTOM dari bawah blog.
    Demikianlah Cara Lengkap Memasang Buku Tamu / CBOX Di Blog: Kiri, Kanan, Bawah, Atas. Semoga bermanfaat bagi sobat semua.

    Sumber Script: http://iydhapoex.blogspot.com

    Cara Membuat Burung Twitter Terbang di Blog


    membuat burung twitter terbang di blog

    Membuat Burung Twitter Terbang di Blog. Salah satu hal yang tidak kalah penting adalah memasang variasi-variasi pada blog agar blog kelihatan lebih menarik ,jika tampilan blog hanya itu-itu saja pengunjung akan jenuh dan sobat akan beresiko kehilangan"pelangggan" blog sobat.Disini saya akan berbagi tips dengan sekian banyak tips yang telah saya bagikan untuk memperindah tampilan blog sobat.Membuat burung twitter beterbangan di blog,tentu saja sobat sering ketika blogwalking ke blog-blog lain sobat melihat burung twitter beterbangan di blog,tinggal ikuti saja langkah singkat dibawah ini untuk menjadikan burung twitter sobat menjadi milik sobat.langsung aja :

    1. Login ke akun blogger sobat
    2. Kemudian pilih"Opsi Lainya">>Tata Letak>>Tambah Gadget>>HTML/JavaScript
    3. Masukkan kode dibawah ini kedalamnya

    <!-- floating twitter Bird -->
    <script type="text/javascript" src="http://misbahudin-dcaesga.googlecode.com/files/twitter-terbang.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufC0Gac8qsJitanlN5KIh6951eISEJ7bZJs42SMYehsLHY04ZAutY-GXGUpjsFm2oH4FM7BiYHzbGHEa3Lpxw0IFJPhV0sejz1fqxfgZDqcnff4tYOCSqrlL-FZG2WTuNEwVGgn3NS3s/s1600/cyan+bird.png";
    var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3",
    "h4","p","code","object","a","b","strong","span");
    var twitterAccount = "Isi Dengan Url Twitter Sobat";
    var tweetThisText = "Twitter - UserID http://bang-soni.blogspot.com";
    tripleflapInit();
    </script>
    Ganti yang berwarna merah dengan ID Twitter sobat,dan untuk yang berwarna biru ganti dengan URL blog sobat.
    4. Kalo sudah jangan lupa di"Save"ya sob.
     NB: Kode yang berwarna hijau adalah warna burung twitter sobat.Kalo sobat pengen ganti dengan warna yang lain silakan ganti dengan URL gambar dibawah ini.

    Burung Twitter Biru Muda
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjufC0Gac8qsJitanlN5KIh6951eISEJ7bZJs42SMYehsLHY04ZAutY-GXGUpjsFm2oH4FM7BiYHzbGHEa3Lpxw0IFJPhV0sejz1fqxfgZDqcnff4tYOCSqrlL-FZG2WTuNEwVGgn3NS3s/s1600/cyan+bird.png
    Burung Twitter hijau
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHcFsdhfucgLSuSv4sWsQvvnxOQBVF8O8lv7XIasRDqGIhCfkQG2m1Z5Y4q0Ssy1Ru0_OyfYoq7TVRHLZ89OQDm1a6Ll4F1gjPONCzlioFIfFgt-mycYvDoo97E-NuT1PK8M7xsg1bm2o/s1600/Green+bird.png
    Burung Twitter hitam
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpPo5bQV-ky_vK8MnhYlzqg1GoHFm_Jyp6jMIBRa0VyRvWjbOXJW6RC_gto-_fXUJ07NvN_hvWUxb3WNNWo6n6GING6gFMUxvpEs0z4-a37fxr_I_vrxEpRBQ8cmcNrXbJud9uHBgkjkU/s1600/black+bird.png 
    Burung Twitter coklat
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrl0fuaSIdSNHmhMVMTHc5t3v2LCJCg437J0uHseuyI15v2KlzWakgJ0ceGGlnHe82j2bKznV6DhTguOMRPbYdjOkIXH75blnJpX_XHXZFibqOnOjpaWGMItF3ycI-WWbwkM4E_geswW8/s1600/brown+bird.png 
    Burung Twitter  ungu
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCvtZVoDcgYDh06moyH4Bl2CigusQjPuLEoIXJHi656vL9GV5LkWEo_H4i4JcabE1bHG1SzSUIoZzOCFdtHyx9cK6GfErgB0xMojqBsqHTTzPJbjcWuRfmt0KJvPj7MRV_HCinw-R_Qqc/s1600/purple+bird.png 
    Burung Twitter merah
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj86l1D9hxklIzHqAejoIJZPMqBxixiNoRs6iUa5sXsGw9ZsCZ1D6lC1ZoQBQUU7VxE9M1af1CG1rkM4kef0hPLUwltKcEimKemqtRO5TbHCuBb506S4F2aRPpfKrWynnLi6ocOertnIjk/s1600/red+bird.png 
    Burung Twitter putih
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiDaMRFL1deQV3tt2pb_2uawEMlWxTNZ3eY9d_BQC0CFflTDFSprEyLYXELvJFH9cmca1Q1kMaDvp7LwdjZK7zmOOOWoH-_c-Jj7uXyq3Ezt_bFid82UMinNBaljR8d0JCkgXyF5UGsA4/s1600/white+bird.png 
    Burung Twitter kuning
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQmLhEI1O1nQer8U4IUt1wzo7J5h1O4pLNzyKuNxnT_LFvph_wPtFVHcRbtlgxCBFO66pJpZeWGeVOEKyNBk-HTA81RNKvAhklmjSaV5KioRr8dEfBCXUHHOL9Rnw7cMlj4ud59P6yY-8/s1600/yellow+bird.png 

    Kalo sobat lebih kreatif,coba gambarnya diutak-atik pake Adobe Photoshop.Ok,cukup sekian mudah-mudahan bisa membantu mempercantik tampilan blog sobat.Terima kasih

    Cara Membuat Kamera Pengintai di Blog


    Cara membuat kamera pengintai di blog merupakan afiliasi widget yang dapat kita tambahkan kedalam blog yang Anda miliki. Mungkin anda pernah melihatnya ketika Anda berkunjung atau blogwalking ke blog para blogger yang memasang kamera pengintai. Sedikit unik dan memiliki daya tarik terhadap blog yang telah memasangnya. Saya sendiri ketika melihat blog yang memsang kamera pengitai pada blog nya terkagum dan tersenyum sembari mengatakan "ada-ada saja, tidak hanya di mall yang bisa pasang kamera pengintai, di blog juga bisa".

    Nah, jika Anda juga tertarik memasangnya kedalam blog yang Anda miliki agar kelihatan unik, disini saya akan memandu Anda bagaimana cara memasang kamra pengintai di blog. Caranya tidak sulit, seperti yang saya jelaskan dibawah ini.


    1. Login ke accunt blogger Anda
    2. Pilih rancangan atau tatak letak jika Anda menggunakan dasbor blogger baru
    3. tambah gadget
    4. Pilih opsi HTML/Javascript
    5. Lalu copy-paste kode dibawah ini.

      <script language="JavaScript" src="http://super-bee-kamera-pengintai.googlecode.com/files/kamera.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid7uuoPee6OrX-crlTnw7Tfq79AifC5SUoWi3y8kSSpXrrXmMINe-rBS8GKfc2S-wBz65uPO2GK8CYq3hTdKKJHxJehH87rPJo5S83S9JprpIzu22kLQ82kfJgJTnZsrq4HEu9Hr7Zics/s1600/cctv.gif")</script><span style="font-size: 50%">Widget edited by <a href="http://bang-soni.blogspot.com/" target="_blank" rel="follow">Bang-Soni</a></span>
         6.  Simpan Template

    contohnya seperti dibawah ini :

    Cara Membuat Fanspage Facebook di Blog



    Selamat siang, kali ini saya akan berbagi soal cara Membuat Fanspage Facebook di Blog dengan Mudah nah buat sahabat bang soni yang punya Fanspage seperti saya misalnya , dan ingin memasang Fanspage itu di Blog akar Likenya tambah banyak gampang sekali caranya, berikut Caranya : 




    2. Rubah URl nya dengan URL alamat Fanpage mu 
        Contoh : kalau biasanya di URL isiannya http://www.facebook.com/platform rubah dengan  
                        http://www.facebook.com/alamat FP mu yang ada di Addres Barel

    3. Rubah Width jadi 250 
    4. Jangan Centang Show Stream 
        Nanti Hasilnya Seperti ini 


    5. Klik Get Code lalu klik IFRAME dan pasang di Blog sobat 

    Semoga berhasil.

     
    Support : Creating Website | Johny Template | Mas Template
    Copyright © 2011. Bang-Soni™ - All Rights Reserved
    Template Created by Creating Website Published by Mas Template
    Proudly powered by Blogger