Archive for Juni 2016

Cara Agar Blog Terindex Oleh Google

Add Comment

















Hai sobat blogger klai ini duniacyber akan menjelaskan bagaimana cara agar blog kalian
terindex oleh google (dapat ditemukan di google) berikut penjelasannya :

  • Yang pertama anda harus masuk ke akun blogger sobat terlebih dahulu
  • Setelah itu baru anda buka Webmaster Tool 
  • Setelah itu centang saya bukan robot



  • Lalu masukan URL blog sobat seperti ini:


  • Dan klik kirim permintaan maka blog anda akan segera terdeteksi oleh google (Mesin Pencarian)

Format Factory Setup3.6.0.0

Add Comment
Format Factory adalah software yg digunakan untuk converter Format factory 
memiliki banyak fitur dan kegunaan. Seperti mengubah berbagai macam format
 file video seperti WMV, MKV, MPG, VOB, MOV, FLV, SWF, GIF, MP4,
 AVI, 3GP, RVMB, dan mobile device.



Format Factory juga bisa mengubah berbagai macam format file audio seperti MP3, 
WMV,FLAC, AAC, MMF, AMR, M4A, M4R, OGG, MP2, WAV, dan WavPack.
file picture juga bisa di kerjakan dengan Format Factory seperti JPG, PNG, ICO, BMP, 
GIF, TIF, PCX,dan TGA.
Keunggulan lain yang dimiliki oleh Format Factory adalah bisa merriping DVD menjadi 
video file,meripping music CD menjadi audio file,mengubah DVD/CD menjadi ISO/CSO,
mengubah ISO menjadi CSO atau sebaliknya.
Fitur Video joiner dan Audio joiner juga menjadi keunggulan lain dari Format Factory.
Dengan dilengkapi pilihan bahasa dan skin menjadikan Format Factory lebih menarik 
dan lebih mudah digunakan.

Cara Membuat Scroll Bar Vertikal dan Horizontal

Add Comment

Scrollbar atau yang disebut baris penggulung adalah sebuah kotak yang digunakan untuk 
menggeser layar agar kita dapat menemukan isi / kontent yang tersembunyi.
Ada 2 macam scrollbar yaitu :
1. Scrollbar vertikal, untuk menggeser ke bawah & ke atas. Atau untuk 
melihat isi / kontent yang ada dibawah & kembali melihat isi / kontent yang ada di atasnya.
2. Scrollbar horizontal, untuk menggeser ke kanan & ke kiri. Atau untuk 
melihat isi / kontent yang ada dikanan & kembali melihat isi / kontent yang ada di kiri.
Nah disini sobat akan saya kasih tau code membuat Scrollbar tegak dan 
bagaimana memasangnya di postingan blog simak penjelasannya berikut ini:

Scroll Bar Vertikal :
  • Pertama copy kode di bawah ini :
<div style="border: 1px solid #ddd; height: 400px; overflow: auto; padding: 10px; width: 300px;">
Isi postingan sobat.....
</div>


  • Kedua pastekan di saat sobat mau membuat pstingan baru tapi dalam mode html
  • Lau publikasikan nanti hasilnya akan seperti ini :
BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan BlogCara Mebuat Scroll Bar Pada Postingan Blog

Scroll Bar Horizontal :


<div style="border:1px solid white;width:200px; height:100px; overflow-y:hidden; overflow-x:scroll;">
<p style="width:250%;">
Isi Potingan...
</p>
</div>

  • Sama seperti langkah kedua diatas 
  • Lalu publikasikan

HorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontal
HorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontal
HorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontal
HorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontal
HorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontal
HorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontalHorizontal

  • Keterangan :
  1. Kode berwarna biru untuk mengatur lebar = width: 300px; & tinggi = height: 400px;
  2. Kode berwarna merah sisip kan isi postingan sobat di tengah kode <div>......</div>

Cara Mudah Membuat Pop up like Box Fb di Blog

1 Comment
Cara Mudah Membuat Pop up like Box Fb di Blog


Kali ini saya akan menjelaskan cara membuat pop up fb di blog tanpa harus
edit html cukup masuk ke tata letak saja berikut penjelasannya silahkan
di simak dengan baik :



  • Copy kode dibawah ini :
<!-- FB FANS PAGE LIKE BOX -->
<style>
    #hbfanback {
        display: none;
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    }
    #hbfan-exit {
        width: 100%;
        height: 100%;
    }
    #hbfanbox {
        background: white;
        width: 420px;
        height: 270px;
        position: absolute;
        top: 58%;
        left: 63%;
        margin: -220px 0 0 -375px;
        -webkit-box-shadow: inset 0 0 50px 0 #939393;
        -moz-box-shadow: inset 0 0 50px 0 #939393;
        box-shadow: inset 0 0 50px 0 #939393;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: -220px 0 0 -375px;
    }
    #hbfanclose {
        float: right;
        cursor: pointer;
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGneM0iPOEdnz5HTWIItIkSaYLHU7ebYg2xzdUlMYUmeRtmQMdATkJUgN2EToopmWjs_6cAk2G8H3-Tgr4CohISuBAG-xGiwBp5yWabpaJCOryePSOwxXMr9u8PjCCVrZylzR61t1W0So/s1600/hb-fanclose.png) repeat;
        height: 15px;
        padding: 20px;
        position: relative;
        padding-right: 40px;
        margin-top: -20px;
        margin-right: -22px;
    }
    .hbremove-borda {
        height: 1px;
        width: 366px;
        margin: 0 auto;
        background: #F3F3F3;
        margin-top: 16px;
        position: relative;
        margin-left: 20px;
    }
</style>
<script type='text/javascript'>
    //<![CDATA[
    jQuery.cookie = function(key, value, options) {
        // key and at least value given, set cookie...
  • Kemudian pastekan di Tataletak > Tambahkan Gadget > pilih "HTML/JavaScript"
  • Selanjutnya copy lagi kode html di bawah ini :
if (arguments.length > 1 && String(value) !== "[object Object]") {
            options = jQuery.extend({}, options);
            if (value === null || value === undefined) {
                options.expires = -1;
            }
            if (typeof options.expires === 'number') {
                var days = options.expires,
                    t = options.expires = new Date();
                t.setDate(t.getDate() + days);
            }
            value = String(value);
            return (document.cookie = [
                encodeURIComponent(key), '=',
                options.raw ? value : encodeURIComponent(value),
                options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
                options.path ? '; path=' + options.path : '',
                options.domain ? '; domain=' + options.domain : '',
                options.secure ? '; secure' : ''
            ].join(''));
        }
        // key and possibly options given, get cookie...
        options = value || {};
        var result, decode = options.raw ? function(s) {
            return s;
        } : decodeURIComponent;
        return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
    };
    //]]>
</script>
<script type='text/javascript'>
    jQuery(document).ready(function($) {
        if ($.cookie('popup_user_login') != 'yes') {
            $('#hbfanback').delay(100).fadeIn('medium');
            $('#hbfanclose, #hbfan-exit').click(function() {
                $('#hbfanback').stop().fadeOut('medium');
            });
        }
        $.cookie('popup_user_login', 'yes', {
            path: '/',
            expires: 7
        });
    });
</script>
<div id='hbfanback'>
    <div id='hbfan-exit'></div>
    <div id='hbfanbox'>
        <div id='hbfanclose'></div>
        <div class='hbremove-borda'></div>
        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fwww.duniacyber.cf&amp;width=340&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:340px; height:258px;margin-left: 8%;" allowtransparency="true"></iframe>
    </div>
</div>


  • Lalu klik simpan
Keterangan :

  1. Kode yang berwarna merah www.duniacyber.cf ganti dengan alamat halaman anda
  2. Kode yang berwarna Biru hapus jika ingin pop up muncul setiap halaman blog anda di buka.   
          $.cookie('popup_user_login', 'yes', {
            path: '/',
            expires: 7
          });  


    Sekian Infonya Kali Ini Sobat
    Tinggalkan komentar jika ada yg tidak tahu / salah.

    Kode Warna HTML

    Add Comment
    WarnaNamaKode
    Red#FF0000
    Yellow#FFFF00
    White#FFFFFF
    Black#000000
    Gray#808080
    Orange#FFA500
    DarkOrange#FF8C00
    Pink#FFC0CB
    Blue#0000FF
    Lime#00FF00
    Green#008000
    Aqua#00FFFF
    cyan#00FFFF
    Magenta#FF00FF
    Violet#EE82EE
    Purple#800080
    Brown#A52A2A
    Gold#FFD700
    Silver#C0C0C0
    Aliceblue#FOF8FF
    Aquamarine#7FFFD4
    Azure#F0FFFF
    Antiquewhite#FAEBD7
    Beige#F5F5DC
    Bisque#FFE4C4
    Blanchedalmond#FFEBCD
    Blueviolet#8A2BE2
    Cadetblue#5F9EAD
    Burlywood#DEB887
    Chartreuse#7FF00
    Coral#FF7F50
    Chocolate#D2691E
    Cornflowerblue#64950
    Crimson#DC143C
    Cornslik#FFF8DC
    Darkblue#00008B
    Darkcyan#008B8B
    Darkgoldenrod#B8860B
    Darkgray#A9A9A9
    Darkgreen#006400
    Darkmagenta#8B008B
    Darkkhaki#BDB76B
    Darkolivegreen#556B2F
    Darkorchid#9932CC
    Darkred#8B0000
    Darksalmon#E9967A
    Darkseagreen#8FBC8B
    Darkslateblue#483D8B
    Darkslategray#2F4F4F
    Darkturqyoise#00CED1
    Deeppink#FF1493
    Deepskyblue#00BFFF
    Dimgray#696969
    Dodgerblue#1E90FF
    Firebrick#B22222
    Floralwhite#FFFAF0
    Forestgreen#228B22
    Fuchsia#FF00FF
    Gainsboro#DCDCDC
    Ghostwhite#F8F8FF
    Goldenrod#DAA520
    Greenyellow#ADFF2F
    Honeydew#F0FFF0
    Hotpink#FF69B4
    Indianred#CD5C5C
    Indigo#4B0082
    Ivory#FFFFF0
    Khaki#F0E68C
    Lavender#E6E6FA
    Lavenderblush#FFF0F5
    Lawngreen#7CFC00
    Lemonchiffon#FFFACD
    Lightblue#ADE8E6
    Lightcoral#F08080
    Lightcyan#E0FFFF
    Lightgoldenrodyellow#FAFAD2
    Lightgreen#90EE90
    Lightgray#D3D3D3
    Lightpink#FFB6C1
    Lightsalmon#FFA072
    Lightseagreen#20B2AA
    Lightskyblue#87CEFA
    Lightslategray#778899
    Lightsteelblue#B0C4DE
    Lightyellow#FFFFE0
    Limegreen#32CD32
    Linen#FAFOE6
    Maroon#800000
    Mediumaquamarine#66CDAA
    Mediumblue#0000CD
    Mediumorchid#BA55D3
    Mediumpurple#9370DB
    Mediumseagreen#3CB371
    Mediumslateblue#7B68EE
    Mediumspringgreen#00FA9A
    Mediumturquoise#48D1CC
    Mediumvioletred#C71585
    Midnightblue#191970
    Mintcream#F5FFFA
    Mistyrise#FFE4F1
    Moccasin#FFE4F1
    Navajowhite#FFDEAD
    Navy#000080
    Oldlace#FDF5E6
    Olive#808000
    Olivedrab#6B8E23
    Orangered#FF100%0
    Orchid#DA70D6
    Palegoldenrod#EEE8AA
    Palegreen#98FB98
    Paleturquoise#AFEEEE
    Palevioletred#DB7093
    Papayawhip#FFEFD5
    Peachpuff#FFDAB9
    Peru#CD853F
    Plum#DDA0DD
    Powderblue#B0E0E6
    Rosybrown#BC8F8F
    Royalblue#4169E1
    Saddlebrown#8B4513
    Salmon#FA8072
    Sandybrown#F4A460
    Seagreen#2E8B57
    Seashell#FFF5EE
    Sienna#A0522D
    Skyblue#87CEEB
    Slategray#708090
    Springgreen#00FF7F
    Royalblue#416E91
    Steelblue#4628B4
    Tan#D2B48C
    Teal#008080
    Thistle#D8BFD8
    Tomato#FF6347
    Turquoise#40E0D0
    Whitesmoke#F5F5F5
    Yellowgreen#9ACD32
    Snow#FFFAFA
    Wheat#F5DEB3
    Copyright © 2016 DuniaCyber

    Langganan: Postingan (Atom)