Mari Berkomunitas di Faceblog, ini blog saya sudah masuk sandbox gara-gara gak ngerti gimana optimasi seo artikel diblog ini, berawal dari saya lihat info disalah satu blog bloggers yang ikut kontes SEO "Mari Berkomunitas di Faceblog" yang diselenggarakan oleh faceblog yaitu komunitas bloggers indonesia karya anak bangsa, Sebenarnya awalnya setelah saya publish posting ini dan blog ini langsung menuju posisi hampir terakhir yaitu dapat posisi 710 lah dari 800 lebih link yang diindek oleh google dengan keyword mari berkomunitas di faceblog, hehehe parah.

Setelah itu saya semangat untuk terus optimasi agar bisa jadi nomor satu di google dengan keyword mari berkomunitas di faceblog, tapi apalah daya saya newbie dalam masalah optimasi seo, yaitu semalaman saya (baca: sampai begadang) komentar diblog-blog yang saya temui dan saya meninngalkan link mari berkomunitas di faceblog ini diblog yang saya temui, sampai-sampai komentarnya semuanya sama disetiap blog tersebut, setelah bebrapa hari saya lihat kok blog saya hilang dari peradaban google, bahkan diposisi terakhirpu saya gak nemuin link saya sama sekali.

Setelah saya cari tahu ternyata itu namanya kena sandbox yaitu blog kita diputusin "dihilangin" sama mbah google keparat ini. lalu saya browsing dan disalah satu artikel memberikan solusi dengan publish ulang dengan menegdit beberapa keyword tulisan kita sebelumnya, setelah itu terbitkan entri donk. Gak tanggung-tanggung walaupun judulnya sama "MARI BERKOMUNITAS DI FACEBLOG" hanya semua isi nya telah saya hapus semua dan jadilah artikel ini saya namai ( cara keluar dari sandbox) , kalau ada sobat blogger yang tau banyak cara agar cepat keluar dari sandbox mohon bantuannya dikomentar dibawah ini.


Semoga pengalaman ini bermanfaat buat yang baca tulisan ini walaupun dengan judul yang berbeda yaitu mari berkomunitas di faceblog.




Pada umumnya blog bawaan dari blogger tidak terdapat gadget yang berada diatas header. Tapi kita sering melihat web maupun blog yang meletakkan gadget diatas header, seperti iklan baris, baner, gambar, teks berjalan, animasi, atau apa saja sesuai selera atau kebutuhan blog. Lalu bagaimana cara menambah gadget diatas header ?.

Ok....Silahkan ikuti langkah - langkah berikut ini :
1. Login ke Blogger.
2. Klik Tata Letak/layout/rancangan.
3. Klik Edit HTML.
4. Lalu cari kode berikut :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Catatan : 
Setiap template mempunyai kode yang berbeda-beda, cari saja yang mirip seperti kode diatas.


5. Ganti kode diatas dengan kode berikut ini :

<b:section class='header' id='header' preferred='yes'>

6. Klik Save Template
7. Klik Page Element -> 

Lihat perubahan yang terjadi, sudah terdapat penambahan add a gadget diatas header yang dapat anda isi sesuai kebutuhan blog anda.

Mudah kan.....?

Selamat mencoba dan Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Programming,Networking,Operating System,Electronic book,Biography Tokoh,Security,Blogging,Handphone,Gadget

Cara Memblokir Situs Porno Cara Memblokir Situs Porno
Cara Memblokir Situs Porno – Pada kesempatan kali ini saya sedikit membagikan informasi mengenai bagaimana Cara Memblokir Situs Porno.Bagi para pengguna internet didunia maya ini tentu berpikir bagaimana Cara Memblokir Situs Porno terutama bagi para orang tua yang memberikan akses internet dirumah untuk putra – putrinya.Semoga dengan adanya artikel Cara Memblokir Situs Porno para orang tua dapat terbantu.
Sebenarnya Cara Memblokir Situs Porno ini dapat digunakan secara gratis untuk semua para pengguna internet untuk para orang tua.Nah bagaimana sebenarnya Cara Memblokir Situs Porno ini ?? Mari kita lihat secara lengkap mengenai bagaimana Cara Memblokir Situs Porno.
Berikut ini adalah sedikit langkah – langkah yang akan saya bagikan kepada semua pembaca blog sederhana saya yang masih menginginkan putra dan putrinya tidak melihat berbagai macam hal yang berbau porno di dunia internet.

Memblokir Situs Porno

Berikut ini adalah Cara Memblokir Situs Porno yang dapat saya berikan untuk semua para pembaca artikel di blog sederhana saya ini :
  • Masuk Control Panel dan Pilih Network Connection
  • Klik kanan pada Local Area Connection pilih Propertis
  • Double klik “Internet Protocol (TCP/IP)”
  • Isikan DNS nawala pada kolom DNS seperti terlihat gambar di atas, setelah selesai klik Ok
    • DNS #1: 180.131.144.144
    • DNS #2: 180.131.145.145
Semoga dengan adanya artikel sederhana mengenai bagaimana Cara Memblokir Situs Porno ini,para orang tua yang memberikan akses internet untuk putra dan putri kesayangannya dapat melakukan Cara Memblokir Situs Porno ini setelah membaca artikel sederhana ini.
Sekedar informasi bagi para pembaca blog sederhana yang sedang mencari Sekolah Manajemen Perhotelan silahkan melihat artikel saya mengenai Sekolah Manajemen Perhotelan IHS yang sudah saya tuliskan secara lengkap secara detail dan lengkap.
Jika teman – teman masih ada yang belum mengerti mengenai bagaimana Cara Memblokir Situs Porno yang saya berikan ini,silahkan teman – teman berkomentar pada kolom komentar yang sudah saya sediakan setelah artikel sederhana mengenai bagaimana Cara Memblokir Situs Porno.



Salam ceria sobat blogger,kali ini kita membahas cara memasang ,cara pasang flag counter di blog tapi ane khusus kan untuk para blogger di MWB (mywapblog),kenapa MWB ? cz buktinya banyak blogger baru yang bermunculan di mwb ini dan tak terkecuali saya ini salah satu nya.
Yang nama nya pemula pasti lah bingung bagai mana membuat ini atau membuat itu.

kembali ke pokok bahasan ,cara membuat/memasang flag counter di blog mwb.dan sebelum itu sobat sudah pada tau kan guna nya flag counter ini untuk apa . .


okeh langsung saja silah kan sobat
Klik di sini untuk membuat nya,cara nya sobat ikutin langkah langkah pembuatan nya ,stelah selesai sobat di minta untuk memasukan email sobat setelah itu selesai dan sobat di kasih kode untuk di pasang di menu navigation blog sobat ,setelah sobat dapat kode nya ,sobat tinggal pasang deh kode nya di blog sobat dengan format Bbcode.
Selesai

kenyataan nya sudah banyak blogger yang membahas cara pasang flag counter ini ,tapi saya sebagai blogger juga masa nggak boleh ikutan ngebahas hal ini juga. .
ha..ha..ha..

wasalam.

Mungkin banyak yang sudah tahu dengan The CSS3 Song. Tapi disini saya akan kembali men-share tentang ini.

Tahukah anda CSS 3? CSS 3 adalah versi CSS terbaru yang masih dikembangkan oleh W3C.
CSS 3 memiliki beberapa fitur baru, seperti:

    html, styling icon
  1. Animasi, sehingga pembuatan animasi tidak memerlukan program sejenis Adobe Flash dan Microsoft Silverlight
  2. Beberapa efek teks, seperti teks berbayang, kolom koran, dan "word-wrap".
  3. Jenis huruf eksternal, sehingga dapat menggunakan huruf yang tidak termasuk "web-safe fonts".
  4. Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah-ubah, transformasi 2 dimensi dan 3 dimensi, sudut-sudut yang tumpul dan bayangan.
referensi : http://id.wikipedia.org/wiki/CSS_3

    CSS 3 juga berfungsi untuk menambah keindahan dalam mendesain blog kita. Tidak hanya hubungannya di dalam blog, kini CSS3 telah di buat menjadi sebuah lagu yang diberi nama CSS3 SONG. Penasaran ? Mari kita simak videonya.



    Berikut lirik lagu dari CSS3 Song.
    "The CSS3 Song"

    CSS3
    Web animation done properly
    CSS3
    Degrading gracefully

    I had a dream, an awesome dream
    People surfing in the park
    On Windows, Linux and Mac
    And their page load speeds were oh-so-high
    No big JavaScript library
    Just to show some eye-candy

    CSS3
    Web animation done properly
    CSS3
    Degrading gracefully

    As we surf down the superhighway
    Did you ever even think
    We could replace <marquee> and <blink>?
    With just one, just one line of code
    But it's open to abuse
    We must be careful not to overuse it

    CSS3
    Web animation done properly
    CSS3
    Degrading gracefully

    CSS3
    Web animation done properly
    CSS3
    Degrading gracefully
    Degrading gracefully
    With HTML5, naturally

    Terus berkarya CSS3.

    Setting Domain Blogspot Tanpa Menggunakan WWW

    Mungkin settingan ini kurang begitu diperhatikan oleh sebagian blogger yang telah membeli TLD (Top Level Domain), tapi pernahkah anda membayangkan jika pengunjung mengetikkan URL blog anda tanpa menggunakan WWW lalu muncul sebuah pesan Error ? 1 pengunjung itu sangat berarti loh sobat blogger.
    coba perhatikan gambar dibawah, untuk mengetahui perbedaannya.
    Setting Domain Blogspot Tanpa Menggunakan WWW

    Sudah mengerti kan apa inti dari topik ini ? kalau belum mengerti baca ulang yah :p wkwkwk
    kalau begitu, kita langsung pada tutorial saja, disini saya mengambil sebuah contoh DNS Management dari salah satu provider domain di Indonesia untuk saya jadikan sebagai Ilustrasi. kalau tutorial DNS park saya rasa sudah banyak tutorial yang bertebaran di google.

    STEP 1. Login ke cpanel dan buka menu DNS Management, kemudian pilih Manage DNS..
    Setting Domain Blogspot Tanpa Menggunakan WWW
    Setting Domain Blogspot Tanpa Menggunakan WWW

    STEP 2. Pilih tab CNAME Records.
    Setting Domain Blogspot Tanpa Menggunakan WWW
    STEP 3. Pilih ADD CNAME RECORD. disini kita akan memasukkan 2 CNAME Record. lihat cara setting dan gambar dibawah. mari kita lihat untuk CNAME pertama.
    Name : www
    Value : ghs.google.com
    *NB : untuk kolom TTL biasanya sudah otomatis terisi, tapi jika belum terisi, isi saja dengan nilai 28800 Second
    Setting Domain Blogspot Tanpa Menggunakan WWW
    Contoh Settingan, Klik untuk memperbesar

    Setelah itu klik Save. CNAME Record pertama sudah selesai, sekarang klik ADD CNAME Record lagi untuk menambahkan CNAME Record yang kedua. isi seperti dibawah ini.
    Name : Kosongkan kolom ini
    Value : www
    Setting Domain Blogspot Tanpa Menggunakan WWW
    Contoh settingan, Klik untuk memperbesar
    Setelah itu klik save, dan selesai deh sobat blogger, oh iya, domain tidak begitu saja langsung connect ke blogspot. anda perlu menunggu 2-3 jam biasanya.
    untuk mensetting dari sisi blogspot. silahkan googling saja, hehe, saya rasa tutorial ini sudah jelas dan cukup mudah untuk dimengerti karena didukung oleh ilustrasi gambar :)

    Jika ada pertanyaan, silahkan anda bertanya pada kotak komentar dibawah :)
     

    Disini menyediakan 3 style loading. 
    Berikut kodenya

    1.  First Sample
    Kode CSS
    .ball {
        background-color: rgba(0,0,0,0);
        border:5px solid rgba(0,183,229,0.9);
        opacity:.9;
        border-top:5px solid rgba(0,0,0,0);
        border-left:5px solid rgba(0,0,0,0);
        border-radius:50px;
        box-shadow: 0 0 35px #2187e7;
        width:50px;
        height:50px;
        margin:0 auto;
        -moz-animation:spin .5s infinite linear;
        -webkit-animation:spin .5s infinite linear;
    }
    .ball1 {
        background-color: rgba(0,0,0,0);
        border:5px solid rgba(0,183,229,0.9);
        opacity:.9;
        border-top:5px solid rgba(0,0,0,0);
        border-left:5px solid rgba(0,0,0,0);
        border-radius:50px;
        box-shadow: 0 0 15px #2187e7;
        width:30px;
        height:30px;
        margin:0 auto;
        position:relative;
        top:-50px;
        -moz-animation:spinoff .5s infinite linear;
        -webkit-animation:spinoff .5s infinite linear;
    }
    @-moz-keyframes spin {
        0% { -moz-transform:rotate(0deg); }
        100% { -moz-transform:rotate(360deg); }
    }
    @-moz-keyframes spinoff {
        0% { -moz-transform:rotate(0deg); }
        100% { -moz-transform:rotate(-360deg); }
    }
    @-webkit-keyframes spin {
        0% { -webkit-transform:rotate(0deg); }
        100% { -webkit-transform:rotate(360deg); }
    }
    @-webkit-keyframes spinoff {
        0% { -webkit-transform:rotate(0deg); }
        100% { -webkit-transform:rotate(-360deg); }
    }
    Kode HTML
    <div class="ball"></div>
    <div class="ball1"></div>

    2.  Second Sample


    Kode CSS
    .circle {
        background-color: rgba(0,0,0,0);
        border:5px solid rgba(0,183,229,0.9);
        opacity:.9;
        border-right:5px solid rgba(0,0,0,0);
        border-left:5px solid rgba(0,0,0,0);
        border-radius:50px;
        box-shadow: 0 0 35px #2187e7;
        width:50px;
        height:50px;
        margin:0 auto;
        -moz-animation:spinPulse 1s infinite ease-in-out;
        -webkit-animation:spinPulse 1s infinite linear;
    }
    .circle1 {
        background-color: rgba(0,0,0,0);
        border:5px solid rgba(0,183,229,0.9);
        opacity:.9;
        border-left:5px solid rgba(0,0,0,0);
        border-right:5px solid rgba(0,0,0,0);
        border-radius:50px;
        box-shadow: 0 0 15px #2187e7;
        width:30px;
        height:30px;
        margin:0 auto;
        position:relative;
        top:-50px;
        -moz-animation:spinoffPulse 1s infinite linear;
        -webkit-animation:spinoffPulse 1s infinite linear;
    }
    @-moz-keyframes spinPulse {
        0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
        50% { -moz-transform:rotate(145deg); opacity:1; }
        100% { -moz-transform:rotate(-320deg); opacity:0; }
    }
    @-moz-keyframes spinoffPulse {
        0% { -moz-transform:rotate(0deg); }
        100% { -moz-transform:rotate(360deg);  }
    }
    @-webkit-keyframes spinPulse {
        0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
        50% { -webkit-transform:rotate(145deg); opacity:1;}
        100% { -webkit-transform:rotate(-320deg); opacity:0; }
    }
    @-webkit-keyframes spinoffPulse {
        0% { -webkit-transform:rotate(0deg); }
        100% { -webkit-transform:rotate(360deg); }
    }
    Kode HTML
    <div class="circle"></div>
    <div class="circle1"></div>
    3.  Third Sample

    Kode CSS
    .barlittle {
        background-color:#2187e7;  
        background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);
        background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
        border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333;
        width:10px;
        height:10px;
        float:left;
        margin-left:5px;
            opacity:0.1;
        -moz-transform:scale(0.7);
        -webkit-transform:scale(0.7);
        -moz-animation:move 1s infinite linear;
        -webkit-animation:move 1s infinite linear;
    }
    #block_1{
         -moz-animation-delay: .4s;
        -webkit-animation-delay: .4s;
     }
    #block_2{
         -moz-animation-delay: .3s;
        -webkit-animation-delay: .3s;
    }
    #block_3{
         -moz-animation-delay: .2s;
        -webkit-animation-delay: .2s;
    }
    #block_4{
         -moz-animation-delay: .3s;
        -webkit-animation-delay: .3s;
    }
    #block_5{
         -moz-animation-delay: .4s;
        -webkit-animation-delay: .4s;
    }
    @-moz-keyframes move{
        0%{-moz-transform: scale(1.2);opacity:1;}
        100%{-moz-transform: scale(0.7);opacity:0.1;}
    }
    @-webkit-keyframes move{
        0%{-webkit-transform: scale(1.2);opacity:1;}
        100%{-webkit-transform: scale(0.7);opacity:0.1;}
    }
    Kode HTML
    <div id="block_1" class="barlittle"></div>
    <div id="block_2" class="barlittle"></div>
    <div id="block_3" class="barlittle"></div>
    <div id="block_4" class="barlittle"></div>
    <div id="block_5" class="barlittle"></div>
    Demonya: silahkan ke http://tiny.cc/tqh4u



    Maaf ini tidak bisa langsung digunakan untuk blog anda