Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Cara Menempatkan Iklan Adsense di Tengah Artikel Blog

1:41 AM Add Comment
Para publisher Adsense tentunya akan mencari cara agar mendapat jumlah klik yang maksimal. Bagaimana tidak, besar maupun kecil pendapatan Adsense bergantung dari jumlah klik yang diterima dari pemasangan iklan di blog. Dan yang harus digaris bawahi adalah dimana penempatan iklannya yang memiliki potensi untuk di klik iklan tersebut.

Oleh karenanya, kita harus pintar-pintar memilih penempatan iklan di blog agar mendapatkan jumlah klik semaksimal mungkin. Ada berbagai cara untuk meningkatkan performa iklan Adsense, terutama dengan menempatkan iklan ditengah postingan atau artikel dalam blog. Cara itu cukup efiseien dikarenakan pada posisi iklan ditengah artikel, para pembaca blog kita dapat melihat jelas iklan yang tertera, dan besar kesempatan pula iklan yang muncul dapat diklik jika para pembaca merasa sesuai dengan yang imereka butuhkan.

Untuk menempatkan iklan diposisi manapun sebenarnya tidaklah sulit. Kita hanya perlu mengetahui kode script html agar kita dapat menyesuaikan penempatannya. Setelah itu juga kita harus tau ukuran iklan dari Adsense yang sesuai template blog yang kita gunakan.

Ada dua cara untuk meletakkan iklan Adsense ditengah artikel. Caa yang pertama ialah menggunakan widget dalam tata letak settingan template. Namun sayangnya tak semua template support untuk menempatkan iklan Adsense melalui penambahan fitur widget dalam tata letak pada template blogger. Kita bisa menggukan metode yang kedua untuk menempatkan iklan Adsense di tengah artikel, yaitu dengan cara penambahan script html. Untuk mengetahui caranya, ikuti langkah-langkah yang kami berikan.


  1. Login terlebih dahulu ke akun Blogger Anda
  2. Pada pilihan menu yang tampil di sisi kiri pili bagian tab Template, lalu pilih Edit HTML untuk menuju ke bagian editor blog template
  3. Dalam mode editor HTML, gunakan ctrl+F untuk mempermudah pencarian, kemudian ketikan <data:post.body/> lalu ganti kode <data:post.body/> dengan script di bawah ini:

  4. <div expr:id='"ads1" + data:post.id'></div>
    <div style="clear:both; margin:10px 0">
    SCRIPT IKLAN ADSENSE YANG TELAH DIPARSE
    </div>
    <div expr:id='"ads2" + data:post.id'><data:post.body/></div>
    <script type="text/javascript">
    var obj0=document.getElementById("ads1<data:post.id/>");
    var obj1=document.getElementById("ads2<data:post.id/>");
    var s=obj1.innerHTML;
    var t=s.substr(0,s.length/2);
    var r=t.lastIndexOf(" ");
    if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
    </script>
    Catatan: Biasanya terdapat beberapa kode <data:post.body/>, carilah tag <data:post.body/> yang diapit oleh tag kondisional <b:if cond=’data:blog.pageType == &quot;item&quot;’>. Umumnya tag tersebut berada pada kode <data:post.body/> yang ke dua.
  5. Setelah copy-paste kode script diatas ke dalam editor html blog, save terlebih dahulu
  6. Login ke Google Adsense, lalu pilihlah kode iklan Adsense yang sesuai dengan blog yang kamu kelola, dan copy kode iklan yang Anda pilih
  7. Sebelum paste kode iklan di editor html pada blog, Anda perlu parse kode iklan tersebut di website yang menyediakan free parse html seperti Blogrowds. Paste kode iklanmu kemudian mulailah parse script iklannya, lalu copy script iklan yang telah diparse
  8. Kembali ke editor html pada Blogger, lalu letakan kode iklan yang telah di parse di bagian "SCRIPT IKLAN ADSENSE YANG TELAH DIPARSE", kemudian klik save.
Seperti itulah cara untuk meletakan iklan Adsense ditengah artikel. Jika belum memahami sepenuhnya, Anda bisa berkomentar dalam postingan ini. Sekian dari kami untuk tutorial cara meletakan iklan Adsense ditengah artikel.



Cara Manual Membuat Link Terbuka Di Tab Baru

6:46 PM Add Comment
"Target Blank" merupakan code yang memiliki fungsi sebagai memeritahkan agar link yang ada pada saat diclick akan membuka secara otomatis di tab baru.Adapun manfaat metode tersebut ialah, guna memperkecil nilai bounce rate, karena visitor banyak meng-klik blog Anda tanpa meninggalkan laman yang sedang dilihat.

Dalam hal ini yang harus dilakukan ialah, menambahkan kode<target="_blank"> pada link. Jika pada link standar adalah:

<a href="http://seooptimalisasi.blogspot.co.id">Contoh</a>

Maka untuk mebuat link terbuka di tab baru dibutuhkan kode "Target Blank". Seperti contoh diatas, jika difungsikan untuk membuka link di tab baru maka penulisannya:


<a href="http://seooptimalisasi.blogspot.co.id" target="_blank">Contoh</a>

Namun jika Anda ingin menulisnya dalam postingan blog di Blogger, cukup ketik kata yang ingin dimasukan hyperlink, lalu seleksi bagian kata itu, klik Link dibagian atas saat menulis posting. Masukan halaman tautan yang ingin dituju pada kolom Web Adress, dan centang bagian "Open this link in a new window".
Hal yang sama jika Anda ingin memasukan link pada bagian gambar. Seperti itulah Cara Manual Membuat Link Terbuka Di Tab Baru. Selamat mencoba, see you.
ads

Cara Membuat Kotak Quote Dengan Fungsi Scroll Up/Down

12:30 AM Add Comment
 Bagi Anda ingin membuat quote yang "hemat" dalam sebuah postingan, Anda bisa menggunakan quote yang bisa di gulir ke atas dan ke bawah. Quote dalam bahasa Indonesia diartikan sebagai kutipan atau mengutip. Mengutip dalam sebuah postingan mempunyai banyak cara, tapi disini hanya ingin memberi tahu apa yang pernah saya pelajari. Kalau Anda belum tahu seperti apa bentuk quote dalam kotak yang bisa scroll up/down, Anda bisa lihat contoh dibawah ini

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium augue vel erat auctor scelerisque facilisis id nisi. Nullam vulputate luctus dictum. Aenean consectetur nibh felis, sed tristique quam tincidunt quis. Nam lacinia, diam ut viverra sodales, lorem dui sagittis tellus, vel congue ipsum orci ultricies odio. Duis sed tincidunt enim, quis tincidunt tortor. Sed id ligula massa. Vestibulum nec dui leo. Phasellus auctor lectus eros, vitae consectetur augue feugiat at. Praesent pharetra quam vel lectus mollis, sed cursus diam gravida.
Praesent diam quam, tempus at nibh non, accumsan gravida ex. Donec commodo lectus ut leo vehicula, nec interdum neque aliquet. Nam vel porta enim. Phasellus non porta nulla. Vestibulum lacus lorem, dictum vel interdum at, aliquam eget nibh. Sed et malesuada velit. Etiam venenatis, justo at elementum varius, ex risus ultricies felis, sit amet ullamcorper lorem ex ut augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum laoreet placerat fringilla. Maecenas semper lacinia dictum. Morbi efficitur ipsum sit amet purus venenatis, eu dictum sapien imperdiet.

Dari contoh diatas saya mengambil dua paragraf dari Lorem Ipsum atau sebuah dummy text yang biasa dijadikan contoh kalimat saat membuat website, dari dua paragraf tersebut Anda bisa melihat kotak kutipan yang bisa sroll up/down. Untuk cara membuatnya cukup mudah, buat saja postingan baru, lalu saat menulis postingan klik "HTML", lalu copy-paste kan script di bawah ini ke dalam HTML postingan Anda:

<div style="background-color: #d8d8d8; border: 1px solid black; height: 200px; overflow: auto; padding: 5px; width: auto;">
MASUKKAN KUTIPAN ANDA DISINI</div>
Penjelasan untuk pengaturan:
  • Untuk merubah garis ketebalan, Anda bisa merubah bordernya menjadi yang Anda inginkinkan, diatas saya mencontohkan hanya 1px solid.
  • Untuk merubah warna garis, Anda bisa merubahnya sesuai dengan tema warna pada blog Anda. Kode d8d8d8 adalah kode warna untuk warna gray, untuk mencari kode warna, Anda bisa buka Photoshop ataupun semacamnya.
  • height: 100px dan width: auto adalah pengaturan tinggi dan lebarnya, Anda bisa sesuaikan.
Kalau Anda sudah copy-paste kan kode script tersebut didalam editor HTML, maka kembali untuk menulis postingan dengan mengklik "Compose". Jika Anda benar memasukkan kode script tersebut maka akan keluar kotak, lalu ketikkan yang ingin Anda tulis didalam kotak quote tersebut yang bertuliskan "MASUKKAN KUTIPAN ANDA DISINI!!". Saat tulisan melebihi ambang batas, fungsi scroll barua akan muncul.

Hanya begitu saja caranya, semoga bisa dipahami.

Cara Membatasi Jumlah Postingan Pada Label Dalam Halaman

12:30 AM Add Comment

Mengatur jumlah postingan yang akan ditampilkan pada halaman label sangatlah berguna. Jika tidak dibatasi jumlah postingannya, maka yang terjadi adalah saat membuka halaman label yang dipilih akan ditampilkan semuanya. Untuk itu diperlukan membatasi jumlah tampilan tersebut guna mempercepat proses loading apabila salah satu tag di dalam  blog dipilih.

Secara umum, link label berada pada bagian menu label, breadcrump , dan widget label. Secara manual, kita bisa membatasi jumlah postingan yang akan ditampilkan, caranya dengan menambahkan atribut max-result dan jumlah posting disetiap url label. Langkah yang harus dilakukan adalah:

  • Masuk ke akun blogger Anda, kemudian setting template dibagian edit html
  • Untuk membatasi jumlah postingan di bagian menu, tambahkan kode max-results=9 dibagian link seacrh label, contohnya seperti pada blog ini:

<a href='http://seooptimalisasi.blogspot.co.id/search/label/Blogging'>Blogging</a>


  • Tambahkan max-results=9 jika ingin membatasinya dengan jumlah Sembilan potingan, sebagai contoh:

<a href='http://seooptimalisasi.blogspot.co.id/search/label/Blogging?&amp;amp;max-results=9'>Blogging</a>

  • Tahap selanjutnya, untuk membatasi keseluruhan jumlah postingan label, maka terapkan sebagai berikut.
  • Masih pada bagian edit html, cari semua kode seperti:


expr:href='data:label.url'

  • Kemudian tambahkan max-results=9 disetiap kode tersebut menjadi seperti


expr:href='data:label.url + &quot;?&amp;amp;max-results=9&quot;'

  • Simpan Template

Catatan: Anda bisa merubah angka sesuai dengan jumlah postingan yang Anda inginkan

Seperti itulah Cara Membatasi Jumlah Postingan Yang Ditampilkan Di Halaman Search Label. Selamat mencoba, see you.
ads

Membuat Kotak Kutipan Di Blog

6:42 AM Add Comment
Kolom quote atau yang sering di sebut kolom untuk mengutip memang terkadang dibutuhkan para penulis blogger. Metode ini adalah untuk memasukkan kata ataupun kalimat ke dalam sebuah kolom dalam postingan yang dibuat. Kolom quote biasa digunakan para blogger untuk menuliskan tutorialnya agar mudah dibedakan antara bait ke bait. Untuk membuatnya dibutuhkan kode/script HTML. Mungkin tutorialnya sudah banyak sekali disebar para blogger, namun tidak ada salahnya untuk menuliskan kembali untuk memberi tahu yang belum mengetahuinya.
Ada beberapa kode script yang diperuntukkan untuk membuat sebuah kolom dipostingan tertentu, tampilannyapun bisa berbeda-beda. Pada tutorial kali ini membahas tentang membuat kolom yang terlihat kotak atau persegi saja agar postingan tidak terlihat monoton.

Copy-paste kan saja script di bawah ini kedalam editor HTML saat menulis postingan:

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #d8d8d8 none repeat scroll 0% 0%; border: 1px solid black; overflow: auto;">
    <blockquote>Masukkan Kutipan Anda Disini!!</blockquote></div>

Catatan:

  •  #d8d8d8 = untuk warna latar pada kolom quote
  •  border: 1px = Untuk ketebalan garis
  • black = Untuk warna garis

Warna pada kolom bisa Anda rubah sesuai dengan yang diinginkan. Jika Anda sudah meletakkan script tersebut. Jika penempatannya sudah benar, akan nampak tulisan "Masukkan Kutipan Anda Disini!!" dan mulailah untuk menulis yang ingin Anda kutip, agar lebih mudah, tulis quotenya di dalam editor compose, silahkan klik priview terlebih dahulu. Jika Anda kesulitan untuk menekan enter saat selesai menulis quote, tambahkan kode <br /> setelah kode </div> di editor HTML.
Semoga bisa dipahami, selamat mencoba.

Membuat Menu Dropdown Di Blogger

3:00 AM Add Comment
 Dropdown Menu kadang dibutuhkan dalam sebuah blog, terlebih untuk blog yang memiliki banyak katagori yang dibahas. Awalnya sempat dibuat pusing dengan templatte dari Blogger, karena saat beberapa kali memasukkan kode standar untuk membuat tabel menu dengan fungsi dropdown, alhasil fungsi tersebut tidak mau muncul pada menu navigasi yang dibuat.

Pada akhirnya mencoba untuk mengganti design templatte yang berbeda, tapi masih templatte bawaan yang diberikan oleh pihak Blogger, akhirnya berhasil. Pada satu kesimpulan ternyata tidak semua design templatte yang diberikan oleh pihak Blogger bisa membuat menu navigasi dengan fungsi dropdown, hanya templatte tertentu saja yang bisa.

Menu dropdown atau sub-menu biasanya tidak muncul dikarenakan tertutup oleh elemen body. Script HTML yang dimasukkan pada bagian head di templatte tertentu biasanya dibuat tidak setara dengan body, atau secara simpelnya elemen yang ada pada bagian atas dibuat paling dalam, sehingga fungsi dari menu dropdown tidak terlihat karena terhalang oleh latar utama pada bagian entry,

Untuk membuat menu navigasi dengan fungsi dropdown biasanya sama saja, hanya script nya saja yang sedikit berbeda. Kalau ingin mencoba debgan cara yang sederhana, bisa ikuti atau copy-paste saja script pada tutorial kali ini. Langkah-langkah yang harus dilakukan sebagai berikut:

  • Login ke Blogger
  • Masuk pada dashboard Blogger lalu pilih pada pilihan Templatte
  • Klik edit HTML, lau akan muncul script HTML keseluruhan
  • Klik sembarang pada bagian HTML, tekan tombol CTRL + F untuk mempermudah pencarian
  • cari atau ketikkan kode ]]></b:skin>
  • Copy-paste script di bawah ini

#Menudp {
            background: #fff;
            width: auto;
            height: 35px;
            font-size: 12px;
            font-family: Impact;
            color: #fff;
            font-weight: bold;
            margin-bottom: 30px;
            padding: 2px;

        }
        #Box {
            width: 875px;
            float: left;
            margin: 0;
            padding: 0;
        }

        #punch {
            margin: 0;
            padding: 0;
        }
        #punch ul {
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #punch li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #punch li a, #punch li a:link, #punch li a:visited {
            color: #333333;
            display: block;
            font-size: 16px;
            font-family: Impact, sans-serif;
            font-weight: normal;
            text-transform: none;
            margin: 0;
            padding: 9px 15px 8px;
        }
        #punch li a:hover, #punch li a:active {
            background: #e31d28;
            color: #fcfbf8;
            margin: 0;
            padding: 9px 15px 8px;
            text-decoration: none;
        }
        #punch li li a, #punch li li a:link, #punch li li a:visited {
            background: #fcfbf8;
            width: 150px;
            color: #eb2626;
            font-size: 14px;
            font-family: Impact;
            font-weight: normal;
            text-transform: none;
            float: none;
            margin: 0;
            padding: 7px 10px;
            border-bottom: 1px solid #FFF;
            border-left: 1px solid #FFF;
            border-right: 1px solid #FFF;
        }
        #punch li li a:hover, #punch li li a:active {
            background: #1f1e1e;
            color: #ffffff;
            padding: 7px 10px;
        }
        #punch li {
            float: left;
            padding: 0;
        }
        #punch li ul {
            z-index: 9999;
            position: absolute;
            left: -999em;
            height: auto;
            width: 170px;
            margin: 0;
            padding: 0;
        }
        #punch li ul a {
            width: 140px;
        }
        #punch li ul ul {
            margin: -32px 0 0 171px;
        }
        #punch li:hover ul ul, #punch li:hover ul ul ul, #punch li.sfhover ul ul, #punch li.sfhover ul ul ul {
            left: -999em;
        }
        #punch li:hover ul, #punch li li:hover ul, #punch li li li:hover ul, #punch li.sfhover ul, #punch li li.sfhover ul, #punch li li li.sfhover ul {
            left: auto;
        }
        #punch li:hover, #punch li.sfhover {
            position: static;
        }
}

  • Save atau Simpan Templatte

Catatan:
Letakkan script tersebut tepat diatas kode ]]></b:skin>. Pada bagian warna bisa Anda rubah dan disesuaikan dengan tema warna yang anda gunakan, Pada script diatas menggunakan warna dasar merah(#e31d28), hitam(#333333), dan putih(#fff). Lanjut ke langkah berikutnya:

  • Lalu pindah pada pilihan Tata Letak di dashbooard
  • Pilih Tambahkan Gadget yang berada dibawah header
  • Pilih HTML/JavaScript
  • Judul biarkan saja kosong, pada bagian konten, masukkan script seperti dibawah ini


<div class="Menudp">
    <div id="Menu">
        <div id="Box">
              <ul id="punch">
                  <li><a href="Masukkan URL Yang Anda Tuju">Home</a></li>     
                  <li>
                    <a href="#">Dropdown Menu</a>
                        <ul>                    
                            <li><a href="Masukkan URL Yang Anda Tuju">Dropdown 1</a></li>            
                            <li><a href="Masukkan URL Yang Anda Tuju">Dropdown 2</a></li>
                            <li><a href="Masukkan URL Yang Anda Tuju">Dropdown 3</a></li>                                                    
                        </ul>
                  </li>
                  <li><a href="Masukkan URL Yang Anda Tuju">Tanpa Dropdown</a></li>              
                  <li>
                        <a href="#">Dropdwn Menu 2</a>
                        <ul>                    
                            <li><a href="Masukkan URL Yang Anda Tuju">Dropdown 1</a></li>                
                            <li><a href="Masukkan URL Yang Anda Tuju">Dropdown 2</a></li>
                            <li><a href="Masukkan URL Yang Anda Tuju">Dropdown 3</a></li>
                        </ul>
                  </li>                                                  
             </ul>
        </div>
    </div>
</div>

  • Klik save atau simpan

Catatan:
Utuk mempermudah mengeditnya, saya sarankan untuk copy-paste di Notepad terlebih dahulu agar lebih mudah merubahnya. Pada bagian "Masukkan URL Yang Anda Tuju" adalah dimana URL akan tertuju saat di klik. Pada bagian namanya, Anda bisa rubah sesuai yang Anda inginkan. Anda bisa menambahkan ataupun mengurangi pilihan pada menu. Untuk pilihan menu dengan pilihan dropdown tertulis:

                  <li>
                    <a href="#">Dropdown Menu</a>
                        <ul>                      
                            <li><a href="Masukkan URL Yang Anda Tuju">Dropdown 1</a></li>              
                            <li><a href="Masukkan URL Yang Anda Tuju">Dropdown 2</a></li>
                            <li><a href="Masukkan URL Yang Anda Tuju">Dropdown 3</a></li>                                                      
                        </ul>
                  </li>


Selamat mencoba

Pengertian Meta Tag

7:32 AM Add Comment

Meta adalah salah satu elemen tag yang kerap digunakan dalam bahasa pemrograman HTML ataupun XHTML. Pada dasarnya Meta Tag difungsikan untuk membaca deskripsi dalam sebuah situs web yang nantinya akan berpengaruh pada key word (kata kunci) agar terindex di dalam mesin pencari atau telusur. Secara garis besar Meta Tag terbagi menjadi beberapa bagian dan mempunyai fungsi yang berbeda-beda, yang paling utama adalah Meta Deskripsi dan Kata Kunci.

Meta Keywords

Pada tag Keyword (Kata Kunc)i, lebih berfungsi untuk menjelaskan isi dari halaman web melalui beberapa kata yang digunakan dalam situs tersebut yang berguna untuk metode pencarian di mesin pencari. Pihak dari Google kini membatasi penggunaan dari meta keyword dan akan menganggap sebuah spam apabila kata kunci melebihi dari 7 kata. Sebagai contoh lihat Meta keyword dibawah ini:

<meta name="keywords" content="Tutorial Blog, SEO, Blablabla"/>

Meta Description

Meta pada jenis ini untuk menjelaskan pada mesin pencari tentang garis besar sebuah halaman web. Metode pemasangannya juga berbeda dengan meta keyword, pada Meta Description yang dihitung bukanlah kata, melainkan kalimat, biasanya Google hanya mau menampilkan 56 karakter. Sebagai contoh, lihat Meta Description dibawah ini:

<meta name="description"
    content="Berbagi tutorial blog dan blablabla"/>

Selain dari meta deskripsi dan kata kunci, ada juga Meta Tag seperti Meta Robot, Author, dll. Setiap Meta Tag di letakan pada bagian <head> didalam text dokomen HTML ataupun XHTML.

<head>
    <meta name="description"
        content="Berbagi tutorial blog dan blablabla"/>
    <meta name="keywords"
        content="Tutorial Blog, SEO, Blablabla"/>  
</head>   



Cara Membuat Menu Di Blogger Tanpa Edit HTML

6:20 AM Add Comment
Bicara soal Tabel menu di bLog pastinya sangat penting, karena disitu bisa mengkatagorikan postingan menurut apa yang tulis pada setiap postingan. Mode pemasangan tabel menu di blogspot punya dua metode, cara yang dengan memasukkan script HTML  dan cara yang kedua adalah tanpa memasukkan script HTML. Kali ini yang akan dibahas adalah cara memasang tabel menu tanpa ribet memasukkan script HTML, karena pihak Blogger pun mempermudah para penggunanya untuk membuat tabel menu.

 Untuk memasang tabel menu tanpa script HTML caranya cukup mudag, ikuti saja langkah-langkah di bawah ini:
  • Login ke akun Blogger Anda
  • Jika sudah berada di dalam dasbor Blogger Anda, pilih Tata Letak
  • Lalu klik "Tambahkan Gadget"
Catatan: Setiap tata letak mungkin bisa berbeda, sesuai dengan dengan tata letak pada template yang Anda gunakan. Namun pada tabel menu biasanya akan dimasukkan pada bagian dibawah headaer.
Pilih Page lalu akan muncul tampilan lain
  •  Ketikkan kata Tab Menu atau apapun di dalam kolom Judul
Jika Anda pernah membuat laman kosong disitu akan tercantum judul lamannya, hanya tinggal dicentang saja kalau ingin memasukkannya kedalam Menu tapi pada gambar, saya hanya menulis About Me. pada kata Home seperti gambar diatas biasanya sudah bawaan dan URLnya pun menyesuaikan alamat dari Blogspot Anda. Jika Anda ingin menambahkan daftar menu yang lain, klik"Tambahkan Tautan Eksternal", lalu muncul kolom untuk mengisi kolom judul laman, isikan saja sesuai yang ingin Anda masukkan.

Jika Anda ingin memasukkan laman lain seperti Fb, Twitter atau yang diluar blog Anda, tinggal masukkan linknya kedalam kolom "Alamat Web (URL)". Tapi kalau yang Anda ingin untuk mencari kode label, tinggal masukkan saja kode linknya sesuai dengan nama label searchnya lalu simpan
Contoh url link untuk mencari nama label untuk seach : 
 http://seooptimalisasi.blogspot.com/search/label/label yang ingin dituju

Selamat mencoba dan berhasil. Sekian.



Membuat Tabel Simpel Pada Postingan Blog

9:26 AM Add Comment

Mungkin Anda sering melihat beberapa postingan blog menampilkan sebuah tabel atau garis kolom. Bagi mereka yang tebiasa dengan HTML mungkin ini bukanlah perkara sulit. Untuk membuat tabel di dalam blog mempunyai beberapacara, ada yang langsung menasukkan kode script di HTML, ada yang membuatnya di Ms. Office terlebih dahulu, dan bisa juga buatnya melalui Ms. Word terlebih dahulu.

Kali ini yang dibahas adalah cara memasukkan tabel langsung di dalam HTML, gak terlalu sulit kok, Anda pasti bisa melakukannya. Untuk membuat tabel dasr cukup menggunakan tiga elemen, yaitu tag <table> yang berarti tabel,  kemudian <tr> yang berarti table rows, dan yang terakhir adalah <td> yang berarti table data. Saat ketiganya dicantumkan maka butuh penutup pada setiap tagnya, contoh <table> maka harus ditutup dengan </table>. Semua tag tersebut dimasukkan didalam "HTML" saat Anda menuliskan postingan. Untuk lebih jelasnya lihat contoh dibawah ini:

Untuk tabel dua baris kesamping maka yang dibutuhkan:


<table border="1">
<tr>
<td>tabel 1 baris 1</td>
<td>tabel 2 baris 1</td>
</tr>
</table>

Maka akan menjadi:

tabel 1 baris 1 tabel 2 baris1

Jika Anda ingin memasukkan 2 tabel dan dua baris lalu ingin menambahkan ukurannya cukup tambahkan width


<table border="1" style="width: 500px;">
<tbody>
<tr>
<td>tabel 1 baris 1</td>
<td>tabel 2 baris 1</td>
</tr>
<tr>
<td>tabel 1 baris 2</td>
<td>tabel 2 baris 2</td>
</tr>
</tbody>
</table>
Maka akan menjadi:
tabel 1 baris 1 tabel 2 baris 1
tabel 1 baris 2 tabel 2 baris 2

Catatan:
  • Jumah tabel bisa Anda sesuaikan  sendiri
  • Semua tag tersebut dimasukkan didalam "HTML" saat menulis postingan
  • Saat menulis tag tersebut didalam "HTML", usahakan jangan dikosongkan antara tag <td> ! </td>agar nanti Anda bisa merubahnya saat ditampilan editor"Compose"
  • Untuk tulisan berada ditengah, seperti biasa gunakan Align Center saat Anda menulis postingan
 Sampai sini saja, semoga bisa dipahami.

Membuat Widget Translator Dengan Bendera Di Blog

3:30 AM Add Comment
 
Widget translator merupakan salah satu alat yang dibutuhkan dalam blog apabila visitor Anda kemungkinandalah orang luar negeri, atau memang target visitor Anda bukan dari Indonesia, widget ini membantu visitor untuk menerjemahkan kata-kata Anda yang ditulis didalam postingan dengan membuka tab baru yang langsung menuju halaman google translate dan akan diterjamahkan sesuai dengan bendera yang di klik.

Sebetulnya pihak Blogger telah menyediakan widget translator untuk ditampilkan pada blog tapi hasilnya kurang memuaskan , karena pada tampilan untuk HTML 5 kadang macet atau gagal membuka tab laman baru. Tapi tidak bisa dipungkiri kalau widget translate bawaan blogger jauh lebih lengkap, dan sekarang juga sudah ada beberapa perbaikan.

Tutorial pada kali ini akan berbagi cara untuk Anda yang ingin memasukkan widget translator untuk beberapa negara dengan lambang benderanya masing-masing, caranya cukup mudah:


  • Login pada Blogger
  • Masuk kedalam Dashboard Blogger
  • Pilih Tata Letak lalu klik Tambahkan Gadget
  • Cari pilihan HTML/JavaScript lalu klik tanda tambah
  • Namai judul Translator atau dikosongkan saja juga tidak apa-apa
Copy-paste kan kode script dibawah ini kedalam kolom konten:

<center><a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="English"><img alt="English" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLbPpV9qwhfBNe_3QMNDXMRlRTFx3pILJVihba5QGewlV-EQTw_VP3RzDlQtF-em5rH3MaLcilVrgCAPzp-I5wlnMf8iRuvSoVSWBVJMXhjwK6-AV1kFlcNCUH9qhNrlNwjdoxpUEmy8/?imgmax=800" title="English" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="French"><img alt="French" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm8H72VQexGT4GhIJ5L0KLk4oUsjF9b71A76YvOZPGwyhK182yuvLM-P2DxR20badDltOwouB3jc4czK6VllZQXfT-DmeF3y52jmz53N0skn8mpRFFmc1TBXw9FLm0XMydmIlE5pd8SEs/?imgmax=800" title="French" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="German"><img alt="German" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFv8sGp3CRWNsO7iukq1-3Gj3VYzS_klBhr_PljAtG3jAwCv1prvh9PpBWVptXpWaezi03wnYjjMKVZPvM9woZyR92TpaGo0yaEWhelg9erYHEt_kRmWfN4qvPsa8XnmB6WfFnz6g4BGvu/?imgmax=800" title="German" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain"><img alt="Spain" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlPhRt7J8i8fTGm4PKmoyg_RBJISRqAOKhwKzEbHLDzLN1Vkpzzv5DyOF-hC_i7MTks_trY3Xo96aTr2r_RjL13AKKqydCs4h01qqGUeRqGoX9uz5gGOwhyphenhyphen9aQYgTXC2rQP_0j286XsZby/?imgmax=800" title="Spain" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian"><img alt="Italian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKBdOPumlCUGvbnLYWYRo1YYLbog-idS907f4aExdhQzfHrAsrtPA9rI9z2Ww1LHLEJZbSlrh-ByhNxE7ItI0NeTFQQOQsJ4GRPZ_BLpLnnY3JmJACaFQqTLOBUFKroYTkbf1CLkJvoTg/?imgmax=800" title="Italian" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch"><img alt="Dutch" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLwrIzvUPpDD_e0zPOu5a4UJOuQNcEgzh5JEsGYjOI4SfcBV0Ih6RuAI2NfnYfEwH3qn1FnO4xy2gvobykWc5KBDcVqPsUmEa-YKLKc14j_1OpDkHASrIeflfipXSyPk_5W-d84e1Hl9Q/?imgmax=800" title="Dutch" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian"><img alt="Russian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxYKxRUt5V0pTz-SPkIYQzAYdaLohlCvqbatGmxjOcaeUzj0SLq8EZtxK9MHJPHFp7_cQv_tv8dpalLHLjbhbFXNlcIOhDp01SP4OW_kldYpnp13EcsvEwqbJpHwosKs-zCmB43JE-Wg/?imgmax=800" title="Russian" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese"><img alt="Portuguese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglu0S6HuXv745FhcQE5aQSHRr-2u7QSYbcQeZdKHW_u_2UPLBH1nDdbrMgg9KH4cyxi6gzRkzttou1qrZzMJsWQks2DzaodckMgEVhJ0ACuCeEi7uOXEzKA_JZ1t1QCQO-OOP1VjDA1lQ/?imgmax=800" title="Portuguese" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese"><img alt="Japanese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiajpZSraq6ojlP7Bp_LUsbR0hx5ta8g1qDJndFkKfP03hzaaOQik3zErKf2VQGMtvZQsxmP-DXaJlBVeaNKTEflFYqUR8DmyoFrqc3z3EAnYPDSu_dvP2kYheI9L1YaiCAZW5nuG_wZ3JE/?imgmax=800" title="Japanese" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean"><img alt="Korean" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRAtV5lc-BKkGpMaJzuA4CJfX8nP1e84Plos0gmi6q-CtqKjWa5NcIhgco_T76NP-qA1UoMZ2W8QIcieoyxuznSL6Zij0C1xd6DUoMLpRXj7L7tzglA-HR1sKd5WKimR40t159iLxDWis/?imgmax=800" title="Korean" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic"><img alt="Arabic" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3J4zdqgOf-7kKWKio307mcDHzgQ1ddg5FqBlkZl_db4grrsLXkzBdIKDkoav4fvaFkrxBRn62-6VWagxlsaPGs-haT28KOYyk3LsajWRaPYhjFIUNMjihtxyy7bjw8nFJgAzuMOqMG_I/?imgmax=800" title="Arabic" align="absbottom" border="0" height="20" /></a> <a onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified"><img alt="Chinese Simplified" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjTVWPrc7Xmu_NyKAie8S1nd5zfuc4eMlN10kmbrPCFw3y7z0TupnLl-L5MwIefKxgQdWOGljG672LeK7Hp1SIoWp-aokNKOKQh5ue-Rrqnfk_GmEwQvQwAegnVOcOuYBAMIEmhE9snQE/?imgmax=800" title="Chinese Simplified" align="absbottom" border="0" height="20" /></a></center><a href="http://seooptimalisasi.blogspot.com/" style="font-style: italic;align='right'">Translator</a>

Silalhkan dilihat hasilnya, semoga berhasil.

Cara Membuat Tab Menu Di Blogger

6:05 AM Add Comment

Dalam sebuah blog terkadang dibutuhkan tab menu , Menu di butuhkan biasanya untuk membedakan katagori postingan yang ada dalam blog dengan metode Input Directory, atau bisa juga untuk langsung masuk ke dalam sebuah website diluar blog, yang biasa disebut Output Directory.

Membuat menu di Blogspot memang sedikit ribet, tapi bukan berarti Anda tidak akan bisa memasangnya. Tutorial kali ini akan memberikan solusi bagi Anda yang ingin memasukkan tab menu di Blogspot, ikuti saja saja langkah-langkah sebagai berikut:

  • Login dengan Blogger Anda
  • Masuk ke dalam Dasbor
  • Pilih Template, lalu klik Edit HTML
  • klik sembarang tempat di dalam script, untuk mempermudah pencarian tekan CTRL+F hingga keluar kolom Search di kanan atas dalam script HTML
  • Pada kolom Search, ketik atau copy-paste script ini: ]]></b:skin>
  • Jika sudah ditemukan, copy-paste code script di bawah ini

/*Burastabs Ara*/
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:rgba(235, 235, 235, 0); border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover {color:#860e0e; background:#080808;}
#burasbar {width:auto; margin:0 auto;}

Letakkan tepat diatas script ]]></b:skin>

Tahap masukkan script pada template sudah selesai, tinggal tambahkan gadget, memberi nama, lalu masukkan link.
Langsung saja ke tahap berikutnya:

  • Pilih Tata Letak di Dashboard
  • Pilih Tambahkan Gadget yang berada di bawah Header, lalu pilih HTML/JavaScript dengan cara klik tanda +
NB: Jika Anda sudah memasang gadget yang lain di bawah header, maka harus dipindahkan dahulu gadget sebelumnya). Untuk warna, Anda bisa sesuaikan sendiri.

<div id='burasbar'>
<a class='burastabs' href='paste-kan url halaman di sini#'>Home</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>Facebook</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>Tutorial</a>
<a class='burastabs' href='paste-kan url halaman di sini#'>About</a>
</div>

Semua tahap sudah selesai, untuk menyempurnakan tampilan pada setiap konten, pastikan terlebih dahulu saat menulis postingan, Anda telah menggunakan Insert Jump Break  agar nantinya saat menggunakan URL seach label postingan Anda tidak ditampilkan semua di beranda, melainkan hanya sebagian saja sesuai di mana Anda menyematkan Insert Jump Break. Namun apabila didalam temlplate Anda sudah dimasukkan target summary post, maka jump break tidak digunakan juga tidak apa-apa.
Semua kode yang sudah berikan bisa Anda ubah sesuai dengan URL yang Anda ingin masukkan, begitu juga dengan nama-nama dalam menunya. Untuk videonya, Anda bisa lihat seperti yang ada dibawah ini.


Membuat Meta Tag Melalui Meta Tag Generator

3:00 AM Add Comment

Untuk memaksimalkan sebuah halaman web atau blog, maka diperlukan meta tag untuk menyempurnakannya, terlebih unuk sebuah website baru ataupun baru saja mengganti templatte. Pada prinsipnya, meta tag bekerja sesuai dengan perintah yang terdapat dalam meta tag tertentu yang dicantumkan. Beberapa pakar dari SEO pastinya selalu akan menyisipkan meta tag kedalam dokumen HTML dari halaman web yang ingin dimaksimalkan kinerjanya pada search engine.

Meta tag merupakan bagian penting untuk meningkatkan traffic melalui search engine. Bagaimana tidak, kinerja pada search engine akan menyesuaikan keyword yang mudah terindex, oleh karena itu meta tag selalu disisipkan bertujuan untuk mendesripsikan situs web tertentu agar mudah dikenali dan sesuai dengan keywordnya.

Agar mempermudah apa saja meta tag yang harus dimasukkan kedalam file dokumen HTML, maka gunakan lah Meta Tag Generator yang tersedia di  www.metataggenerator.org . Disana hanya butuh memasukkan apa yang ingin dimasukkan saja.Setelah selesai, hanya tinggal copy-paste dari apa yang sudah dicantumkan kedalam form. Untuk lebih jelasnya, langsung saja kepenjelasannya.

Akses situs tersebut melalui www.metataggenerator.org, setelah itu akan dibawa kedalam halaman form. Masukkanlah data-data dari website yang ingin ditambahkan meta tag.

Catatan:

  • Untuk Meta Charset pilih UTF-8
  • Pada bagian Description, masukkan sesuai deskripsi blog dengan kapasitas kurang dari 255 karakter (Contoh: Berbagi Pengatahuan Umum Dan Sharing bla bla bla...)
  • Masukan Keyword (kata kunci) untuk setiap postingan yang sering ditulis dan tidak lebih dari 12 kata kunci yang ingin dioptimalisasi  (Contoh: Tutorial blog, Kesehatan, Game, bla bla bla...)
setelah itu isikan form selanjutnya:
  • Copyright diisikan sesuai dengan tahun dibuat dan masukkan nama blog (Contoh: Copyright @2015 Nama Blogmu)
  • Masukkan nama Author atau penulis blog Untuk Designer masukkan saja sama sesuai dengan author, atau bisa masukkan platform semacam Blogger, Wordpress atau apapun. Masukkan Email Anda seperti blablabla.gmail.com
  • Pada Meta Robots, bisa dicentang sesuai dengan kebutuhan website, tapi disarankan untuk centang bagian NOFOLLOW dan NOINDEX yang bertujuan untuk mencegah semua mesin telusur (yang mendukung meta tag) agar tidak menggunakan informasi ini untuk deskripsi laman, untuk lebih jelasnya bisa dibaca pada halaman Support Google Webmasters
  • Untuk NOODP, bisa dicentang semua termasuk NOYDIR, namun kalau Anda mendaftar dan menggunakan Yahoo Directory, pada bagian Yahoo dan NOYDIR di biarkan saja NoPragma-NoCache bisa dicentang saja kalau Anda menggunakan free hosting sebagai penyimpanan setiap dokumen
  • Pada bagian Revisit-after gunakan saja 31 days, untuk saat ini biasanya pihak mesin telusur sudah melakukan refresh secara otomatis
  • Pada bagian Language, Bahasa Indonesia belum di support jadi dibiarkan saja, Anda bisa menambahkannya sendiri tag tersebut seperti:

<meta content='id' name='language'/>


  • Untuk Rating pilih saja General Pada bagian Distribution bisa dipilih Global, berfungsi untuk secara umum pendistribusiannya
  • Pada bagian Expires bisa diisi dengan Never atau lebih baik dibiarkan kosong saja Untuk Transitions  kosongkan saja, biasanya itu hanya diperlukan untuk website yang menggunakan form login, meta tersebut tidak semua didukung oleh web browser
  • Untuk Favicon dan Shortcuts bisa dicentang keduanya

Setelah selesai bisa di klik bagian Generate xHTML yang biasa digunakan untuk berbasis blog pada platform tertentu Setelah di klik Generate xHTML, maka akan keluar beberapa meta tag yang telah anda buat. Setelah itu tinggal masukkan saja pada bagian HTML dengan cara Edit HTML kemudian paste kan di bagian elemen <head> ... </head>

Cara seperti ini lebih mudah, dan bisa diketahui meta tag mana saja yang Anda akan dan ingin masukkan, daripada hanya copy-paste yang dibuat oleh orang lain, maka lebih baik buat sendiri.

Membuat Widget Join This Site Untuk Blog

2:00 AM Add Comment
Jika Anda sedang ingin menambahkan widget untuk mempermudah proses mengenalkan postingan yang ada di blog Anda, berarti Anda datang dipostingan yang tepat. Jika tidak, berarti dibaca saja ya, hehe. Widget follower atau Join This Site di blog sangatlah mudah dan bisa Anda terapkan ke web / situs web yang kamu kelola. Fungsinya adalah agar memudahkan pengunjung untuk mengikuti suatu blog dan mendapatkan informasi serta update artikel dari blog yang di ikuti. Pada umumnya widget Join This Site yang disediakan oleh pihak blogger terkadang memberatkan proses loading suatu blog, hal itu dikarenak widget tersebut membuka beberapa gambar foto profil dari pengikut blog tersebut. Tapi tak ada salahnya juga sih kalau masih ingin tetap memasang widget yang diberikan Blogger.

Widget Join This Site mempunyai beberapa efek, dan bisa juga tidak menggunakan efek, jadi hanya terlihat diam saja. Semuanya akan dibahas proses menambahkannya, caranya masuk dulu ke dashboard akun blogger Anda, tapi jangan ke dashboard blogger saya ya, itu sih hacking namanya :D . Selanjutnya masuk kepilihan Tata Letak, pilih bagian mana yang ingin diletakkan widget tersebut, lalu tambahkan gadget, terus pilih HTML/JavaScript, terserah mau diberi judul atau engga, setelah itu tinggal masukkan deh kode yang ingin mau ditampilkan seperti yang ada dibawah ini, baca tutorialnya sampai bawah, ada yang harus di edit lagi.

1. Join This Site Tanpa Efek

<a href="http://www.blogger.com/follow-blog.g?blogID=2915909004426473831" target="_blank"><img src="https://lh3.googleusercontent.com/-a3A-J1jrJH4/VYH-i0TnydI/AAAAAAAAAHU/pUwKa_qDOqM/s109/Join%252520This%252520Site%252520ga%252520kedip.png" /></a>

Untuk demonya seperti yang berada dibawah ini:



2. Join This Site Dengan Efek Gambar Kelap-Kelip


<a href="http://www.blogger.com/follow-blog.g?blogID=2915909004426473831" target="_blank"><img src="https://lh3.googleusercontent.com/-_Wa80ANM10I/VYH-iwJUtHI/AAAAAAAAAHU/XFHkFo19GX0/s128/Follow%252520my%252520blog.gif" /></a>

Untuk demonya seperti yang berada dibawah ini:



3. Join This Site Dengan Efek Gambar Terlihat Seperti Menembus Dinding Pembatas Lalu Muncul Dari Arah Berlawanan


<marquee>
<a href="http://www.blogger.com/follow-blog.g?blogID=2915909004426473831" target="_blank"><img src="https://lh3.googleusercontent.com/-a3A-J1jrJH4/VYH-i0TnydI/AAAAAAAAAHU/pUwKa_qDOqM/s109/Join%252520This%252520Site%252520ga%252520kedip.png" /></a>
</marquee>

Untuk demonya seperti yang berada dibawah ini:



4. Join This Site Dengan Efek Gambar Memantul Dinding Pembatas


<marquee behavior='alternate'><a href='http://www.blogger.com/follow-blog.g?blogID=2915909004426473831' rel="nofollow" target="_blank"><img alt="Join This Site" src="https://lh3.googleusercontent.com/-a3A-J1jrJH4/VYH-i0TnydI/AAAAAAAAAHU/pUwKa_qDOqM/s109/Join%252520This%252520Site%252520ga%252520kedip.png" title="Join This Site" /></a></marquee>

Untuk demonya seperti yang berada dibawah ini:

Join This Site

Jika salah satu kode diatas sudah diisikan pada bagian script code, maka pada bagian kode diatas yang berwarna merah harus diganti dengan blogID milik kamu. Untuk mengetahui blogID yang kamu miliki, cukup lihat pada bagian URL saat kamu berada didashboard dari akun blogger kamu. Coba lihat gambar dibawah ini:



Seperti itu cara membuat membuat Widget Join This Site, semoga bisa dimengerti dan dipraktekkan dengan benar. Selamat mencoba :)

Pengertian SEO

4:30 PM Add Comment

SEO adalah singkatan dari Search Engine Optimization, jika diartikan kedalam bahasa Indonesia adalah Optimisasi Mesin Pencari. SEO adalah serangkaian proses pencarian secara sistematis yang bertujuan untuk meningkatkan traffic atau pun volume kunjungan yang hasilkan oleh mesin pencari (seperti Google, Bing, dan semacamnya) untuk menuju situs atau halaman web tertentu melalui perhitungan algoritma.


Tujuan dari SEO adalah menempatkan beberapa situs web kedalam daftar pencarian berdasarkan kata kunci yang ditargetkan para pengguna web browser. dan situs web yang menempati posisi teratas mempunyai peluang besar untuk mendapatkan pengunjung. Seiring berjalannya waktu, internet dijadikan sebagai sarana bisnis atau pun kebutuhan, SEO semakin dikembangkan untuk memaksimalkan pemasaran berbasis web. Keberadaan SEO kerap dimanfaatkan sejumlah pihak agar halaman atau situs yang mereka kembangkan melalui internet bisa melaju dengan pesat.

Search Engine Optomization pertama kali digunakan pada 26 Juli 1997, hal itu diungkapkan oleh Danny Sullivan sebagai analisis industri. Pada era itu algoritma pada mesin pencari belum terlalu kompleks, sehingga banyak pesan spam yang dimanipulasi oleh pihak-pihak yang ingin mencari keuntungan melalui internet. Versi awal algoritma berpatokan pada informasi yang disediakan oleh Webmaster melalui Meta Tag yang terdapat pada kode HTML, hal tersebut dianggap tidak relevan karena situs-situs yang terindeks pada mesin pencari tidak konsisten, tidak akurat dan tidak lengkap, perhitungan jumlah link hanya mengarah pada situs-situs tertentu dengan analisis dan kualitasnya masing-masing.

Tekhnik pada SEO mempunyai dua dasar, yaitu Onpage Optimization dan Offpage Optimization. Pada Onpage Optimization adalah satu cara untuk mengoptimalkan situs web lewat beberapa komponen agar terindeks didalam mesin pencari, hal itu berkaitan dengan title, tag, dan content yang relevan pada kata kunci pencarian. Sedangkan Offpage Optimization, adalah sebuah tekhnik yang diterapkan diluar mekanisme bagian web tapi tetap mengacu pada sistem algoritma, tekhnik tersebut dengan mengandalkan beberapa back link yang bisa diandalkan.

Pada saat ini metode pada seach engine sangatlah dinamis, situs web yang ditampilkan bisa berubah kapanpun mengikuti urutan pada page rank. Para ahli dari SEO pun tidak bisa menjamin bahwa web page selalu terindeks pada mesin pencari setiap waktu.

Cara Memasang Domain .TK .ML .GQ Gratis Dari Freenom Melalui Blogspot

3:00 PM Add Comment
Jika Anda sudah mendaftarkan akun untuk membuat domain gratis di Freenom atau dimana saja Anda pernah mendaftar, maka tahap selanjutnya adalah memasukannya ke dalam akun blogger. Tutorial pada kali ini melalui Freenom. Jika belum tahu cara daftarnya, silahkan klik Cara Mendaftar Di Freenom. Untuk custom domain blogspot menjadi domain yang sudah didaftarkan bisa dibilang tidak terlalu sulit, hanya ganti setelan pada blogger dan memasukkan DNS pada freenom. Unttuk lebih jelas ikuti saja  tutorialnya:


  • Login ke blogger.com, lalu masuk ke area Setting atau Setelan
  • Pada alamat blog, klik + Siapkan URL pihak ke-3 untuk blog Anda
  • Masukkan alamat/domain yang telah Anda daftarkan (harus menggunakan www. pada awalan nama blog Anda, dan akan diberi Nama dan Target DNS yang harus dimasukkan pada DNS pada domain ANda di Freenom

  • Login Ke www.freenom.com untuk masuk ke Area Client
  • Arahkan panah kursor pada tulisan Domains lalu klik My Domains klik Manage Feenom DNS
 Klik Manage Domain pada record found
  •  Masukkan empat default DNS IP pada Google: 216.239.32.21, biarkan Type: A dan kosongkan saja pada bagian Nama
  • Lalu kembali pada Blogger, copy-paste Nama dan target yang diberikan di awal 

  • Jika sudah dimasukkan, klik Save Changes, kalau sudah benar dan masuk semua yang ditargetkan, klik Save Changes pada bagian yang paling bawah
  • Kembali lagi pada dashboard blogger lalu klik save
Jika saat di klik Save belu ada pernyataan tersimpan, mungkin Google sedang melakukan pendataan ulang untuk domain baru Anda. Proses tersebut bisa memakan waktu 3-10 menit. Coba ulangi langkah save, setelah menunggu perubahan. Jika sudah tersimpan, coba klik lihat blog, dan check kembali apakah url nya sesuai dengan nama domain yang Anda daftarkan. Seperti itulah cara meng-custom domain di blogger

Mendaftar Mendapatkan Domain Gratis di Freenom

3:00 PM Add Comment
Untuk mendapatkan domain gratis, Anda bisa mendaftar di beberapa situs penyedia domain  gratis. Artikel ini menjelaskan cara mendaftar melalui situs Freenom, domain yang didapat juga bisa digunakan selama satu tahun secara gratis. Langkah-langkahnya pun cukup mudah, syarat yang
dibutuhkan hanyalah alamat email yang belum terdaftar di situs tersebut guna memverifikasi pendaftaran di situs Freenom. Ikuti langkah-langkah berikut ini:
  • Akses terlebih dahulu ke alamat situs www.freenom.com
  • Ketik kan nama yang Anda inginkan lalu Check Avaibility
     
Jika sudah, lalu akan muncul ekstensi domain gratis yang bisa digunakan seperti .tk .ml .ga .cf .gq

  •  Klik Get It Now! pada domain yang Anda inginkan, jika sudah terseleksi lalu klik Check Out yang berada di bagian paling bawah
 Proses selanjutnya, pilih berapa lama Anda ingin menggunakan ekstensi domain tersebut, klik pada bagian Period.Jika yang keluar hanyalah 3 Month, coba reload atau muat ulang tab pada web browser.
Masukkan alamat email Anda didalam kolom Enter Your Email Address, lalu click Verify My Email Address dan click tautan yang keluar.

  • Masuk ke alamat email yang Anda daftarkan, lalu lihat pesan. Cari pesan yang dikirim oleh tim Freenom, kemudian Click tautan tersebut untuk verivikasi dan membawa Anda ke halaman selanjutnya di Freenom
  • Masukkan data-data Anda pada form tersebut (ngasal juga tidak apa-apa, tapi lebih baik masukkan data diri Anda yang sebenarnya)
Centang pada tulisan I have read agrement... dipojok kiri bawah, lalu confirm untuk complite order atau save  pada text box di paling kanan bawah. Jika sudah benar, maka akan keluar Order Confirmation, lalu Click Here To Go Area Client.

Begitulah cara mendaftar di situs Freenom, semoga bisa dipraktekkan dengan benar.

Kelebihan Dan Kekurangan Menggunakan Domain .TK

3:30 PM Add Comment




Seperti yang diketahui saat ini, banyak sekali penyedia domain gratis untuk meng-custom sub-domain dari blablabla.blogspot.com menjadi blablabla.tk. Sebenarnya domain yang gratis bukan hanya .tk ada juga .ml, .ga, .cf, .gq, dll. Dari beberapa domain gratis yang ada .tk lah yang banyak dipilih. Dot tk merupakan salah satu domain kode negara yang berasal dari daerah Tokelau, adalah salah satu bagian dari kepulauan new Zealand atau Selandia Baru. Domain tersebut mempunyai kelebihan dan kekurangan, apa saja? simak saja.


Kelebihan .tk

  • Sudah termasuk bagian dari Top Level Domain (TLD)
  • Gratis satu tahun, tidak dikenakan biaya sepeserpun saat pertama mendaftar dan untuk saat ini .tk tersedia dengan hosting gratis juga
  • Mempersingkat nama domain
  • Cepat respon saat pergantian dari sub-domain ke .tk
  • Akun Gooogle Adsense non-hosted (iklan dari GA bisa dipasang blog lain)

Kekurangan .tk

  •  Harus membayar jika 1 tahun sudah lewat masa ktifnya dan dikenakan biaya untuk registrasi ulang apabila gunakan email yang sama
  • Saat error, sulit diperbaiki dan jarang direspon oleh pihak .tk apabila mengalami gangguan
  • Sewaktu-waktu domain bisa diambil alih oleh pihak .tk, beda halnya saat dengan domain berbayar, ada pemberitahuan ataupun peringatan terlebih dahulu.
  • Posisi dalam Google Index bisa berada pada posisi kurang maksimal, dan bahkan kadang tidak terindex
Kekurangan yang tertera diatas prihal diambil alih biasanya dikarenakan domain .tk sering dibuat untuk melakukan kegiatan internet yang kurang baik bahkan Facebook pun kerap menganggap domain tersebut sebagai spam sebab banyak yang menggunakannya sebagai auto bot like dan Google pun sempat tidak mau menaruh hasil penulusuran halaman web bila menggunakan domain .tk. Semua tergantung pada pendirian dan penggunannya. Semua tergantung pada masing-masing, mau menggunakannya atau tidak.

Cara Membuat Label Pada postingan Blog

2:30 PM Add Comment

Label berfungsi untuk mengelompokkan beberapa postingan agar mempermudah pengunjung untuk mencari konten yang disediakan, bisa juga digunakan sebagai link url untuk dimasukkan kedalam tab menu melalui search label . Pemberian label pada setiap artikel akan sangat bermanfaat untuk memudahkan pengunjung dalam memilih konten dengan kategori yang sesuai dengan yang mereka cari, sehingga nantinya para pengujung akan mudah pada saat mengakses artikel yang mereka butuhkan.

Pada platform blogger dot com mungkin tidak akan ditemui istilah Kategori didalam dashboardnya, namun yang ada adalah Tag atau Label. Sebuah situs dengan kerangka website di-halaman dashboard admin biasanya terdapat menu khusus kategori dan tag/label secara terpisah. Dengan kategori pengelompokan postingan artikel, terlebih untuk  blog toko online, akan sangat memudahkan pengunjung mencari konten yang mereka inginkan.

Dengan memberikan satu atau beberapa label ke dalam sebuah postingan, juga akan sangat bermanfaat bagi Anda yang mengelola blog dengan beberapa varian konten yang beda-beda, sehingga meski blog anda memiliki banyak pilihan artikel, namun akan tetap terlihat rapi dengan adanya label yang anda berikan, dan juga pastinya akan mempermudah pengunjung dalam memilih navigasi konten berdasarkan label yang tertera. Pada contohnya bila dalam blog Anda membuat beberapa artikel tentang Kesehatan, Pengalaman, Dunia Internet, Tutorial Blogger, maka isi pada setiap postingan yang diberi label tersebut bisa diarahkan sesuai dengan artkel yang dibuat.

Pada saat Anda sedang menulis sebuah postingan, coba Anda perhatikan pada bagian paling kanan ditempat Anda menulis sebuah postingan, disitu terdapat "Setelan Entri" pada bagian pertama pada pilihan dibilah samping. Pada kolom yang dinamai Label, disitulah Anda bisa meberi nama label yang sesuai dengan artikel sedang Anda buat. Jika sudah selesai membuat postingan, klik saja tombol selesai atau finish pada kolom tersebut. Dengan cara seperti itu, apabila Anda memasukkan nama lebel kedalam menu navigasi yang dibuat dengan URL pencarian nama label, secara otomatis Nama label yang Anda buat akan terseleksi mengikuti label yang Anda sisipkan.

Namun apabila Anda sudah banyak membuat artikel tetapi belum diberi nama Label pada setiap postingan, Anda juga bisa melakukannya bersaman. Caranya juga tidak sulit, coba Anda masuk pada bagian dashboard lalu pilih bagian postingan. Disitu akan terlihat semua atau sebagian postingan yang pernah Anda buat. Utuk memberikan Label tertentu, centang beberapa artikel yang ingin Anda berikan Label yang sama, lalu pilih Label baru, ketikkan nama Label yang Anda inginkan. Cara seperti itu juga bisa dibuat untuk Anda yang ingin mengganti label postingan secara bersamaan. Apabila Anda pernah membuat label yang sama, hal yang diperlukan hanya mencentang pada bagian postingan tertentu saja, lalu pilih nama Label yang pernah Anda buat.

Demikianlah tutorial pada kali ini, semoga bisa dimengerti dan bermafaat untuk kalian yang belum mengetahui atau baru saja bergabung dalam dunia blog.

StumbleUpon Sangat Membantu Para Blogger Untuk Meningkatkan lalulintas situs

5:00 PM Add Comment
StumbleUpon Merupakan media social yang diperuntukkan bagi pengguna website atau blog dan memungkinkan para pembaca ingin mengetahui tentang apa yang ingin mereka dapatkan melalui jaringan online atau internet dengan metode yang agak sedikit berbeda dari biasanya. StumbleUpon menawarkan sebuah jasa gratis yang difungsikan membantu para penggunanya menemukan dan berbagi berbagai fitur seperti website, foto, video, dan blog dengan para pengguna maupun para pembaca lainnya.

Situs web tersebut juga memberikan fitur toolbar untuk para member penggunanya yang nantinya akan diinstall terlebih dahulu pada sebuah web browser favorit Anda. Proses awalnya kita diminta untuk memilih kategori telebih dahulu prihal topik ketertarikan yang nantinya ingin Anda baca atau lihat. Setelah memilih kategori, Anda dapat menekan tombol logo StumbleUpon yang ada pada toolbar dibagian kiri dan StumbleUpon akan memperkenalkan beberapa website menarik seputar topik yang Anda pilih pada saat menentukan topik ketertarikan.

Semua daftar situs yang dimasukkan kedalam database dari StumbleUpon akan melewati proses penyaringab, submit dan barulah setelah itu direkomendasikan kepada para membernya. Jika Anda suka dengan apa yang mereka rekomendasikan, maka Anda bisa memberikan ekspresi atau rating ‘bagus’ dengan melakukan klik tombol ‘thumbs up' (jempol keatas) dan jika tidak suka Andajuga  bisa klik ‘thumbs down' (jempol kebawah) dan StumbleUpon akan menyadari prihal ketertarikan Anda lebih mendalam pada saat membaca artikel. Apabila Anda pernah memilih 'thubs down' pada artikel yang Anda kurang minati maka nantinya tidak akan menampilkan website seperti itu lagi, hal tersebut menyangkut proses pada aplikasi filter untuk sebuah artikel. Halaman web yang Anda berikan 'thumbs up' atau sukai akan disimpan pada daftar list favorite pada account yang Anda miliki didalam situs tersebut dan akan menampilkan postingan yang serupa untuk kedepannya.

Dengan mekanisme seperti ini lah yang akan meng-eliminasi beberapa postingan yang dianggap kurang relevan, sehingga nantinya memungkinkan untuk tidak dimunculkan lagi saat pembaruan di beranda Anda. Jika terdapat banyak orang yang klik ‘thumbs up’ (jempol keatas) pada website atau postingan Anda, maka akan membuat situs anda akan semakin sering dimunculkan untuk pengguna- pengguna lainnya saat mereka berada di beranda dari StumbleUpon. Ini juga berarti StumbleUpon mampu membantu meningkatkan lalulintas dari situs yang Anda kelola. Semakin banyak orang yang menekan tombol ‘thumbs up’ pada website atau postingan Anda, maka akan kemungkinan akan semakin banyak pula lalulintas yang anda dapatkan dan dampaknya juga semakin bagus dalam segi SEO dan Page Rank untuk blog atau website yang Anda kelola.

Membuat account di StumbleUpon cukup mudah dan juga gratis, cocok sekali bagi para pengguna platform seperti Blogger dot com, Wordpress dot com, atau yang semacamnya. Anda bisa langsung mengaksesnya melalui internet dengan alamat  www.stumbleupon.com.. Pengguna bisa membuat profile dengan biografi dan personal data saat bersosialisasi dengan antar sesama pengguna StumbleUpon. Beberapa asitus online saat ini juga telah banyak yang menyediakan tombol logo StumbleUpon dibawah postingan untuk memungkinkan pembaca membagi artikel tersebut pada account mereka dengan hanya melakukan beberapa kali klik saja. Artikel yang ada di StumbleUpon dan konten lainnya dibagi menjadi 500 kategori, cara seperti ini membuat si pembuat atau penulis postingan akan lebih mudah menemukan target untuk sebuah halaman web yang mereka kelola.

Mengoptimalkan Teknik SEO OFF Page

5:00 PM Add Comment
Seo off page optimization atau optimasi seo off page dapat dikatakan sebagai optimasi yang dilakukan diluar blog maupun website. Secara luas dalam optimasi seo off page, Anda harus membangun sebanyak-banyaknya link yang mengarah ke blog atau website yang Anda miliki dengan, hal semacam ini biasa disebut Link Building atau membangun sebuah link halaman web atau blog yang dikelola.

Tekhnik pada SEO offpage, umumnya bisa dikatakan sebagai pertimbangan antara berhasil atau tidaknya sebuah website ataupun blog yang dikelola, oleh sebab itu jika Anda ingin memaksimalkan sebuah web dalam dunia internet terutama untuk internet marketing, jadi mau tidak mau wajib mengenal dan mempelajari teknik dasar dalam SEO,  hal tersebut menyangkut mulai dari SEO Onpage sampai dengan SEO off page. Untuk menerapkan semuanya terbilang gampang-gampang susah, tapi semua itu pasti bisa dipelajari asalkan didasari dengan niat untuk mengembangkannya.

Awamnya seorang blogger ataupun pengelola situs web lainnya lebih cenderung hanya menerapkan teknik pada SEO on page saja didalam situs mereka,  memang pada dasarnya teknik tersebut terbilang agak lebih mudah dan tak terlalu menghabiskan banyak waktu jika dibandingkan dengan teknik SEO off Page. Namun pada teknik SEO off page juga jangan diremehkan, karena bisa dibilang itu salah satu faktor yang mungkin justru lebih dominan bila dibandingkan dengan teknik SEO on page. Untuk melakukan SEO Off Page, Anda diharuskan konsisten dan merelakan sedikit waktu untuk mencari dan mendapatkan backlink. Teknik SEO Off Page dapat berdampak pada naiknya peringkat halaman di Google untuk blog atau website. Beberapa dari pengelola situs juga terkadang masih kurang maksimal untuk melakukan optimasi SEO off page pada sebuah blog atau webiste yang mereka kelola.

Banyak memang cara dan teknik bisa digunakan untuk optimasi blog dengan teknik SEO off page ini, salah satu yang banyak digunakan oleh para webmaster adalah dengan mendapatkan backlink yang berkualitas dan dengan kategori dofollow. Jika diulas secara garis besarnya saja, SEO off page ini dikelola oleh sebagian backlink, sedangkan baclink itu sendiri dipengaruhi oleh beberapa faktor pendukung seperti halnya natural backlink.

Beberapa yang bisa dilakukan untuk SEO Off Page adalah mementukan backlink yang mempuyai kualitas cukup mumpuni, sepertihalnya  memasukan link kedalam situs tersebut. Sebagian besar melingkupi ruang lingkup sebagai berikut:

Social Media

Social Media merupakan hal yang pokok dalam teknik SEO off page, pihak Google beranggapan social media merupakan wadah berkumpulnya orang atau kelompok yang dilakukan melalui basis online, oleh sebab itu peranan social media saat ini sangat amat diperhitungkan dalam search engine danjuga  termasuk bagian dalam metode algoritma SEO.

 Forum

Forum adalah salah satu media yang juga bisa dimanfaatkan untuk promosi sebuah website yang dikelola. Forum merupakan tempat cukup efektif untuk mendapatkan site traffic, salah satu caranya adalah kita memberi post komentar pada thread yang dibuat orang dan kita bisa tinggalkan signature yang diberi link aktif ataupun non-aktif menuju website yang ingin dipromosikan. Namun untuk melakukan hal tersebut, thread harus sesuai dengan bahasan postingan yang ingin dipromosikan. Hal itu juga bisa dilakukan didalam Google Forum atau semacamnya.

Social Bookmark

Untuk yang satu ini tidak perlu dikhawatirkan, karena saat ini sudah banyak situs yang bisa men-submit URL dari situs yang Anda kelola. Sebagian besar blogger dari luar menjadikan social bookmark sebagai kegiatan rutin bagi mereka setelah menulis pembaruan pada posting atau artikel. Beberapa social Bookmark yang berpengaruh antara lain StumbleUpon, Digg, Pinterest, Delicious, Reddit, Blog Catalog, dan sebagainya.

 Article Directory

Artikel directory juga digunakan saat kita sedang memperkenalkan website yang dikelola keberbagai orang atau kelompok dengan cara menulis sebaian dari artikel dan meninggalkan link website, cara semacam ini cukup efektif untuk menarik visitor kedalam blog maupun website.

Website Directory

Cara seperti ini juga tak kalah pentingnya, metode ini adalah proses submit postingan ke dalam directory. Menjalani hal tersebut memiliki dampak cukup  besar pada blog viewer, walaupun kadang pada sebuah website baru untuk bisa berada di halaman pertama google saja terbilang sangatlah sulit karena banyaknya kompetitor, oleh karena itu cara menginput data website pada Website Directory sangat direkomendasikan, terlebih blog atau website yang dikelola masih tergolong usia cukup pendek .

Quality Backlink atau istilah dalam bahasa Indonesia nya adalah kualitas backlink, pada dasarnya dilihat dari cukup banyaknya jumlah backlink yang disebar luaskan, urusan ada yang klik atau tidak itu adalah urusan yang berbeda. Hal tersebut akan meliputi One way link, Baclink yang harus relevan dengan tema blog (niche), dan memiliki Page Rank cukup baik, entah itu Page Authority maupun domain Authority. Hal-hal seperti itulah yang berkaitan erat dengan teknik SEO Off Page