Responsive Banner design

Cara Optimalisasi SEO Blogger



Optimalisasi Gambar



Jika website Sobat  memiliki gambar, maka harus dioptimalkan agar mesin pencari dapat membaca tema dari gambar tersebut sehingga web Sobat  dipandang lebih “ bersahabat” dengan mesin pencari.
Format HTML tag untuk gambar :
<img src=”picture.jpg”alt=”keyword”/>
Faktor yang penting pada tag diatas adalah “alt” karena dari variabel “alt” inilah mesin pencari yang akan mengetahui tema dari gambar tersebut. Selain itu nama file gambar juga turut mengetahui optimalisasi ini. Jika nama filenya panjang, maka gunakan tanda pemisah minus / hyphen.
Contoh penerapan tag yang baik :
<img src =”sepatu-anak.jpg”alt=”alt=”sepatu anak muda”/>
Nama file gambar juga memiliki pengaruh. Nama file “sepatu anak”adalah lebih baik dari pada “Dhkihnkkiyugb12.jpg” karena mesin pencari Sobat  memahami bahwa gambar diwebsite sobat mengenai topik sepatu anak.
Relevan Konten
Konten harus relefan dengan title, kayword dan deskripsi pada tiap halamanya. Misalnya jika suatu halaman berjudul “sepatu anak” maka isinya jangan “nasi goreng” karena hal tersebut tidak relevan. Pemberian huruf miring atau tebal akan lebih menengaskan relevansi konten tersebut.
Contoh :
Sekarang Sepatu Anak sangat digemari . namun dengan anda memakai sepatu anak muda pastinya akan lebih trendi dan tampil keren.  
Duplikasi Konten
Hindari website yang sama persis kontennya dan berada diserver yang sama ini terjadi jika Sobat menyewa Hosting Unlimited dimana sobat  bisa menghosting beberapa website.
Misalnya anda membuat di www.contoh1.com  dan di www.contoh2.com  kedua website memiliki konten yang sama dan berada pada SERVER YANG SAMA.
Ini tidak akan membuat website Sobat tidak akan terindek di Google.
Hindari website yang memiliki banyak gambar dan animasi flash.
Mesin pencari sangat menyukai website / blog yang berbasis teks karena mudah diidentifikasi topik yang berkaitan dengan website tersebut. Jika sobat menggunakan animasi seperti Flash pastikan tidak banyak ditempatkan dihalaman website  sobat karena mesin pencari tidak menyukai flash sulit diidentifikasi oleh mesin pencari Google.
            Berbeda Halnya Dengan Gambar yang bisa diidentifikasi sepanjang sobat menggunakan tag ALT pada gambar tersebut.  
Namun gambar usahakan tidak mendominasi halaman web agar mesin pencari lebih mudah dan lebih cepat menjelajahi web/ weblog sobat.
RSS ( Really Simple Syndication)
RSS adalah sebuah file yang berformat XML untuk sindikasi yang telah digunakan diantaranya dan kebanyakannya situs web berita dan weblog. RSS digunakan secara luas oleh komunitas weblog untuk menyebar tulisan ringkasan terbaru.dijurnal, dan kadang-kadang juga menyertakan artikel lengkap dan bahkan gambar dan suara. Jadi website anda memiliki RSS. Biasanya yang terbuat dari CMS seperti Wordpress, joomla dan sejenisnya bahkan memiliki fitur ini.
Jika website anda bukan termasuk CMS maka anda bisa membuat RSS sendiri baik dengan pemograman maipun dengan mendaftar dilayanan Gratis RSS Builder sperti :
  1. http://www.icerocket.com
  2. http://www.hostmyrss.com 
  3. http://www.pnyfish.com
manfaat RSS adalah Orang bisa membaca artikel atau berita terbaru  misalnya detik.com, kompas.com, cnet.com dan lain-lain.  Sekian artikel yang saya buat semoga sobat dapat menerapan ilmu yang ada pada artikel saya ini.  



Cara Memasang Ralate Blogger



Cara Memasang Ralate Blogger 

Sudah lama tidak update kini saya akan memberikan Cara Memasang Ralate Box Pada  Blogger. Yang dulu di pake Kaskus namun sekarang tidak dipake lagi oleh Kaskus. Saya akan menjelaskan secara detail.
OKE SIMAK SEKARANG JUGA !
Cara Memasang Ralate Box Pada  Blogger
  1. Langkah Pertama Seperti biasa anda  LOGIN dulu di Blogger
  2. Masuk kebagian Tamplate > Edit Tamplate
  3. Kemudian Tekan Ctrl+F
  4. Copykan CSS dibawah ini tepat diatas kode ]]></b:skin>
    #related-box {
        width: 350px;
        overflow: hidden;
        height: 200px;
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #fff;
        box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.29);
        transition: all 0.5s;
    }
    #related-box .header h2 {
        font-size: 12px;
        margin: 0;
    }
    #related-box .header {
        padding: 10px 15px;
        color: #fff;
        background: #00ABFF;
    }
    #related-box .tombol {
        position: absolute;
        top: 10px;
        right: 15px;
    }
    #related-box .item {
        padding: 15px;
        width: 320px;
        float: left;
    }
    #related-box .list {
        height: 120px;
        overflow: hidden;
        width: 600px;
        transition: all 0.5s;
    }
    #related-box .gambar img {
        height: 100px;
        float: left;
        width: 50%;
        margin-right: 10px;
    }
    #related-box .header a {
        color: #fff;
    }
    #related-box .info {
        font-size: 12px;
    }
    #related-box .navigation a {
        float: left;
        border: 1px solid rgba(0, 0, 0, 0.32);
        margin-left: 10px;
        font-size: 10px;
        width: 10px;
        padding: 3px;
    }
    #related-box .navigation {
        position: absolute;
        width: 60px;
        right: 20px;
        bottom: 20px;
    }
    .relatedshow {
        position: fixed;
        bottom: 190px;
        right: -50px;
        transition: all 0.5s;
    }
    .relatedshow a {
        color: #fff;
        background: #00ABFF;
        padding: 7px 15px;
        box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.29);
    }

    5. Setelah itu Copykan CSS dibawah ini tepat dibawah  kode  <data:post.body/>
    <script type="text/javascript">
    // Related Article Settings
    var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop></b:if>];
    var relatedbox = {
        homepage : 'http://www.bloggerku.com', // Change with your homepage url
        title: 'Related Post', // Widget Title
        post: 3, // Max post
        date: true, // Show date
        scr: 500, // Show the related box if scroll more than 500
        showcredit: true // Add credit link to support bloggerku.com
    };
    </script>
    <script type="text/javascript" src="http://cdn.rawgit.com/Dihak/bloggerku/5048c6bd13c0d02a5ae41cfb6827a33a18d53d50/relatedbox/relatedbox.min.js"></script>


    Oke selanjutnya Anda simpan (Save)  dulu yang sudah diedit. Kemudian lihat dulu Ralate Blogger Sobat kalau sudah muncul Ralate Blognya. Maka lanjut kebagian Setting Ralate Boxnya, Sobat bisa merubah bagian Title Max Post  sembunyikan tanggal dan lain-lain. Sesuai yang anda inginkan.
    var relatedbox = {
        homepage : 'http://www.belajardesaingrapics.com', // Change with your homepage url
        title: 'Related Post', // Widget Title
        post: 3, // Max post
        date: true, // Show date
        scr: 500, // Show the related box if scroll more than 500
        showcredit: true // Add credit link to support bloggerku.com
    };

    Jangan Lupa anda Save LAGI.
    Sekian Artikel tentang Cara Memasang Ralate Blogger yang saya buat semoga bermanfaat untuk anda. Jangan lupa kunjungi terus www.belajardesaingrapics.blogspot.co.id Yang selalu Terupdate.