Selasa, 10 Januari 2012

Memasang dynamic meta tag di blogger

Memasang dynamic meta tag di blogger

Salah satu masalah ketika kita memasang meta tag di platform Blogger (blogspot) adalah duplikat konten meta.
Dalam postingan kali ini kita akan mencoba untuk membuat solusi dengan membuat kata kunci meta dinamis dan deskripsi untuk blog Blogger (blogspot) Anda.
Bagaimana pun memasang meta tag di blog sangatlah penting untuk mengoptimalkan SEO pada search engine blog kita. Beberapa mesin pencari mengandalkan pada konten meta tag untuk hasil pencarian mereka. Meskipun dampak apabila muncul pada hasil pencarian dengan 'deskripsi meta' Anda
menghadapi dengan istilah pencarian mereka.
Berikut adalah cara paling mudah untuk membuat isi meta tag yang dinamis untuk blog platfom Blogger.
  1. Cari tag ini pada awal template Anda:
    <head>
    <b:include data='blog' name='all-head-content'/>
    <title> <data:blog.pageTitle/>
    </title>

    <b:skin> <[[CDATA / *!
  2. Hapus baris tag kode di bawah ini:
      <title><data:blog.pageTitle/></title>
  3. Sekarang salin dan paste blok kode no 2 dengan kode berikut.

    <b:if cond='data:blog.pageType
    == "index"'>
    <title><data:blog.pageTitle/></title>
    <meta content='Tulis dreskripsi blog anda di sini panjang minimal 100 karakter dan maksimal 250 karakter ' name='description'/>


    <meta content='Isi dengan kata kunci (keyword) blog anda setiap kata kunci di pisahkan dengan koma ( , )'
    name='keywords'/>


    <b:else/>
    <title><data:blog.pageName/> -
    <data:blog.title/></title>

    <meta expr:content='data:blog.pageName + " Tulis deskripsi blog anda panang minimal 100 karakter maksimal 250 karakter "'
    name='Description'/>


    <meta expr:content='data:blog.pageName + " Tulis kata kunci blog anda di sini. Setiap kata kunci di pisahkan dengan koma ( , ) "' name='Keywords'/>

    </b:if>
  4. Ganti bagian text yang berwarna merah yang dengan deskripsi meta dan kata kunci meta blog Anda.

    <meta content='Tulis deskripsi blog anda di sini panjang minimal 100 karakter dan maksimal 250 karakter'
    name='description'/>


    <meta content='Isi dengan kata kunci (keyword) blog anda setiap kata kunci di pisahkan dengan koma ( , )'
    name='keywords'/>


    Kemudian simpan template Anda.

Sekarang Anda dapat menguji jika konten meta berubah secara dinamis dengan melihat blog Anda, kemudian klik kanan->> view source halaman tersebut, dan anda harus melihat meta deskripsi dan kata kunci atau keyword yang berbeda ketika Anda melihat situs blog anda berada di homepage dan salah satu posting Anda (single post).
Selamat mencoba.!!!

Cara Membuat Tulisan Berjalan pada blog

Cara Membuat Tulisan Berjalan (Marquee)

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :
  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :



1. Teks berjalan dari kanan ke kiri


kode :
hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan


kode :
hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik


kode :
hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah


kode :
hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas


kode :
hasil :

Contoh Tulisan Berjalan



6. Teks berjalan mondar-mandir


kode :
hasil :

Contoh Tulisan Berjalan



7. Teks berjalan zig-zag nembus


kode :
hasil :


Contoh Tulisan Berjalan




8. Teks berjalan zig-zag mantul


kode :
hasil :




Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan
Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.

Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka


Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka

Mungkin sobat sudah paham dengan Judul postingan saya kali ini Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka beda hal nya dengan cara membuat buku tamu yang telah saya posting pada postingan saya yang lalu yang berjudul Cara Pasang Buku Tamu Di Blogspot
maka Di postingan saya kali ini hanya menambahkan saja,.sebagai contoh Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka sobat bisa lihat buku tamu saya.




Gambar di atas yg di tunjuk oleh panah adalah Buku tamu yang saya miliki,sobat tidak perlu meng klik nya,tinggal sorot saja dengan Mouse,maka akan kuluar sendiri.
jika sobat berminat untuk memasang di blog sobat,mari kita mulai saja Cara pembuatan nya.



 1. Login Ke Akun Blog Sobat
 2. Pilih Rancangan/Tata Letak
 3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
 4. Masukan Script Berikut Di dalamnya



  <style type="text/css">

#gb{

position:fixed;

top:20px;

z-index:+1000;

}* html #gb{position:relative;}


.gbtab{

height:150px;

width:50px;

float:left;

background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat;

}


.gbcontent {

float:left;

border:1px solid #BB0000;

-moz-border-radius-bottomleft:10px;

-webkit-border-radius-bottomleft:10px;

-o-border-radius-bottomleft:10px;

-khtml-border-radius-bottomleft:10px;

-moz-border-radius-topright: 10px;

-moz-border-radius-topleft: 10px;

background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMC4zBVaaG4nRtcwIHwRyO0O6SmnZ2r_kCftNV2THG5LZ5qJy1d4ufB-1cfI6LlwZRqrLjZQ3cJ6fgcF84KYuICx1EyxSix95_mL5T1KIGdvvthLRHRi1NpZQeuxX4RoOhkoy_aRhHaFax/s1600/api.gif) no-repeat bottom;

padding:10px;

}


</style>


<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);

gb.opened = !gb.opened;

}function moveGB(x0, xf){


var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 25 ? 25 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}

}</script>


<div id="gb">

<div class="gbtab" onmouseover="showHideGB()"> </div>


<div class="gbcontent">

<center>


Letakan Script Buku tamu sobat Disini


<br />

<div style="text-align:center">

<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">

<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>

</a>


</div>

</center></div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (50-gb.offsetWidth).toString() + "px";

</script></div>


5. Teks yang saya beri warna merah,silahkan ganti dengan script buku tamu dobat
6. Kemudian simpan dan lihat hasil nya

Mungkin hanya itu saja info dari saya mengenai Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka semoga di lain kesempatan akan ada cara lain lagi mengenai Buku tamu.
Seperti biasa jangan lupa ucapkan terimakasih dengan berkomentar di postingan ini.

Membuat blog anti klik kanan

Membuat Anti Klik-Kanan pada blog



Membuat blog anti klik kanan,anti copy paste,
kembali lagi blog tutorial blogtegal mengulas tentang tutorial blogspot yg mana pada kesempatan kali ini akan membahas tentang membuat anti klik kanan,membuat blog anti copy paste,disable your right click,membuat blog anti jiplak, mungkin lebih tepatnya mematikan klik-kanan untuk menghindari peng-copy paste-an artikel dari suatu blog ke blog lain.
Manfat dari membuat anti klik-kanan pada suatu blog itu banyak,terutama dalam urusan SEO,mengapa? Jika suatu artikel di copy paste dari suatu blog ke blog lain,maka ke-2 blog yg di copy maupun blog yang mem-paste akan berkurang nilai SEO blog tersebut di mata search engine, terutama search engine Yahoo yg pengecekannya dilakukan secara manual oleh tenaga manusia. Yang berakibat menurunnya traffic,pagerank dan alexa rank suatu blog. Yang mana walaupun blog yg meng-copy menyebutkan blog sumber artikel berasal, itu hanya untuk pengunjung saja memberitahu,tapi untuk search engine ''halah nyong ora ngarti pokoke koen ora kreatif dadi tak tempatna nang mburi pisan'', ihh gak banged deh.
Tapi ada satu hal yg perlu kamu catat baik-baik sebelum membuat anti jiplak pada blog kamu yakni pelu gak blog kita diberi kode anti copy paste?
Jika blog kamu bertemakan sama kayak blogtegal ini atau sejenisnya maka sebaiknya jangan,karena berisi tentang tutorial kode yg memang harus di copy, jěka diberi script anti jiplak mau dibuang kemana tu pengunjung? Mau dapat ilmu dari mana jika kodenya tidak bisa di kopi? Di tulis? Keburu kiamat membuat anti klik kanan,membuat blog anti copy paste,disable your right click,membuat blog anti jiplak
Kecuali kode yg mau di copy di tempatkan pada textarea
Jika memang ingin membuat blog anti copy paste bisa ikuti tutorial berikut:
Ada dua script yg bisa kamu pake menurut keperluan dari blog kamu, diantaranya:

  1. Script anti copy paste + disable klik kanan.
  2. script anti copy paste yg bisa klik kanan.

1. Script anti copas + disable klik kanan

Script yang pertama ini berguna untuk membuat blog anti copas plus men-disable klik kanan, jadi pengunjung tidak bisa membuka tab baru dg klik kanan diatas link ''Open in New Tab'', caranya: Yakni tempatkan script di bawah ini pada widget HTML/javascript pada blog kamu.
  • login ke dashboard blogspot kamu.
  • pilih Rancangan/Desain
  • pada halaman element laman klik ''tambah gadget'' / ''Add gadget''
  • pilih widget HTML/javascript
  • dan pastekan script berikut didalamnya.
  • klik SIMPAN
Script yang dicopy:
Ganti tulisan yang berwarna ungu resuai kehendakmu.

2. Script anti copas yang bisa klik kanan

Untuk script yang kedua ini berguna untuk membuat blog anti copy paste yang bisa klik kanan. Jadi pengunjung bisa membuka halaman blog kamu dengan klik kanan ''Open in New Tab, caranya: Tempatkan script berikut diantara kode dan kode di dalam template kamu.
Tentukan pilihanmu untuk membuat blog anti klik kanan,anti copy paste,anti jiplak,disable klik kanan.

Cara Mendaftarkan Blog ke Webmaster tools

Cara Mendaftarkan Blog ke Google Webmaster Tools

Cara Daftar Google Webmaster Tools
Cara Mendaftarkan Blog ke Google Webmaster Tools - Google Webmaster Tools merupakan layanan gratis milik perusahaan search engine raksasa, Google yang memungkinkan kita untuk untuk memantau dan mengoptimalkan blog atau web kita agar dapat dicrawl dan diindex dengan baik oleh Google. Layanan ini juga memungkinkan untuk meminta search engine melakukan crawling terhadap blog atau web dan memantau 'kesehatan' suatu blog/web. Tentunya hal  ini sangat penting manfaatnya bagi para blogger dalam melakukan optimalisasi blognya.
Untuk dapat menggunakan layanan Google Webmaster Tools anda harus mendaftar terlebih dahulu menggunakan akun Gmail atau akun Google lainnya. Bagi yang belum memiliki akun Google silakan mendaftar terlebih dahulu.

Berikut ini cara mendaftar dan melakukan verifikasi blog di Google Webmaster Tools :

1.)  Buka halaman www.google.com/webmasters/tools/ lalu Login lah menggunakan akun Gmail atau akun Google anda.

2.)  Kemudian pada halaman Google Webmaster Tools , Klik tombol Add a Site lalu masukkan alamat blog anda yang ingin didaftarkan. Setelah itu klik Continue.

 Daftar Google Webmaster Tools

3.)  Lalu pada halaman Verify Ownership kita diminta untuk melakukan verifikasi blog. Ada 4 pilihan dalam melakukan verifikasi blog, yaitu :

    >> Use your Google Analytics account
         Menggunakan kode Google Analitycs pada blog anda

    >> Add a DNS record to your domain's configuration
         Menambahkan DNS record pada domain registrar atau hosting provider

    >> Add meta tag to your site's home page
         Menyisipkan kode meta tag yang disediakan kedalam kode HTML blog.

    >> Upload an HTML file to your server
         Kita akan diminta untuk mendownload sebuah file HTML yg disediakan
         kemudian menguploadnya ke blog kita.
 
     Saya sarankan menggunakan metode Add meta tag to your site's home 
     page karena lebih mudah.

    Adapun berikut ini cara melakukan verifikasi menggunakan meta tag:
    a.) Pada halaman Verify Ownership tadi, klik Add meta tag to yous site's
         homepage
    b.) Kemudian, copy kode meta tag yang ada disana. Adapun bentuk dari
         kode meta tag kira-kira sebagai berikut
    c.) Login ke akun Blogger anda
    d.) Pilih Design >> Edit HTML
     e.) Sebaiknya backup dulu template anda dengan cara klik Download Full
          Template
    f.) Masukan kode meta tag tadi diantara tag dan (anda
        boleh meletakkannya dibawah tag atau diatas tag , pilih
        salah satu saja)
    g.) Klik Save Template. Sekarang meta tag sudah terpasang di blog anda,
        ikuti langkah selanjutnya

4.)  Setelah memasang kode meta tag atau melakukan verifikasi dengan salah satu metode diatas, kembali ke halaman Verify Ownership lalu klik Verify.

Sekarang Blog anda sudah terdaftar dan terverifikasi di Google Webmaster Tools. Langkah selanjutnya agar blog lebih mudah dicrawl oleh spiderbot adalah dengan mensubmit sitemap blog anda ke Google Webmaster Tools. Sitemap digunakan untuk memberiahu search engine tentang suatu halaman blog atau web agar dicrawl. Dengan membuat dan mensubmit sitemap ke Google Webmaster Tools, blog anda memiliki kemungkinan lebih besar untuk cepat dicrawl dan diindex search engine Google.

Adapun cara mensubmit sitemap ke Google Webmaster Tools adalah sebagai berikut :

1.)  Masuk ke dashboard Google Webmaster Tools blog anda

2.)  Klik Site Configuration, lalu pilih Sitemaps.

3.)  Klik Submit a Sitemap, lalu masukkan sitemap blog anda. Setelah itu Klik Submit Sitemap.

Mendaftarkan Blog ke Google Webmaster Tools

Sekarang blog anda sudah terdaftar di Google Webmaster Tools dan sitemap blog anda sudah tersubmit. Jangan lupa untuk melakukan resubmit sitemap setelah memposting artikel, namun sebaiknya jangan terlalu sering meresubmit sitemap. Selain sitemap, anda juga dapat memantau kesehatan blog anda, mengetahui link yang menuju blog anda, memperbaiki proses crawl yang error atau halaman tidak di crawl, dan masih banyak lagi..

Minggu, 08 Januari 2012

forum new

Forum adalah salah satu sarana untuk membangun sebuah komunitas khusus untuk blog kamu, tapi cara gimana seh?, atau tools apa yang mesti kita gunakan untuk hal tersebut. Ada berbagai cara untuk membuat suatu Forum antara lain dengan :

  • Menyewa sebuah hosting atau yang gratisan juga ada dan Memasang Forum anda di Hosting tersebut dan membuat link dari blog ke forum itu.
  • Bisa juga dengan cara membuat forum diskusi di Facebook misalnya.
  • dan lain-lain.

Bagaimana cara membuat forum di blogger?

Nah berikut ini sedikit tips untuk membuat forum dengan menggunakan Forum dari Pihak ketiga yakni Vanilla. Forum ini dapat tampil sendiri atau tampil di bagian Halaman (Pages) dari blog anda tanpa harus membuat link ke Forum tersebut.
Setelah anda membuat akun baru, Copy Code Forum yang di berikan kemudian, buat Pages baru dan tempatkan Kode tersebut.

Sebelum itu jangan lupa buat kode CSS untuk Forum tersebut seperti ini :
<style>
.forum {width: lebarnya terserah anda }

Dan pada halaman baru anda buat seperti ini :

Vanilla forum script anda tempatkan disini