OPTIMASI BLOG 3: trik blogspot

Tampilkan postingan dengan label trik blogspot. Tampilkan semua postingan

Akibat Mengedit URL Artikel Blog

Blogger dengan Tampilan Barunya banyak menanamkan fitur SEO. Beberapa di antaranya adalah Desripsi penelusuran, Gambar yang bisa langsung di beri rel nofollow atau doffolw tanda edit HTML, dan masih banyak lagi termasuk fitur Tautan Permanen yang berguna untuk mengedit URL artikel.

Gambar 1 : Akibat Mengedit URL Artikel Blog

Semua fitur baru blogspot terbukti mendongkrak SEO blogger kecuali fitur tautan permanen agar kita bisa memberikan link sendiri untuk artikel, baik URL panjang maupun URL pendek. Kesimpulan sementar ini berdasarkan salah satu artikel BB yang saya publikasikan beberap minggu lalu dengan memberikan URL lengkap sesuai judul artikel dan terget keyword yang saya bidik. Hasilnya... artikel tersebut hanya mampu tembus di halaman 3 beberapa jam setelah dipubliksikan.

Tertarik dengan salah satu kontes SEO yaitu Laku.com BELANJA ONLINE GROSIR ECERAN MURAH DAN AMAN, saya coba ikut kontes untuk yang pertama kalinya setelah beberapa tahun mengenal blog. Karena artikelnya harus super SEO agar bisa bersaing dengan kontestan lain, artikelnya saya publish beberapa menit sebelum membuat artikel ini + 3 hari tersimpan di draft. URL yang lengkap sesuai terget keyword yaitu laku.com belanja online murah dan aman seharusnya lebih SEO di bandingkan dengan URL yang terpotong karena batas URL blogspot hanya 5 kata.

Saya lupa dengan nasib artikel sebelumnya lalu saya edit URL kontes Seo tersebut. Hasilnya....

10 Menit setelah dipublikasikan artikel laku.com belanja online grosir eceran murah dan aman belum terindeks juga. Seharusnya arikel BLOGGERBUGIS bisa langsung terindeks oleh google beberapa detik setelah di publikasikan atau paling lambat 2 menit. Tapi artikel kontes ini belum muncul juga setelah 10 menit. Ini mungkin awal yang buruk untuk artikel kontes, tapi bisa jadi sebaliknya. Alogaritma google pinguin yang selalu berubah ubah menjadi semakin rumit. Padahal sebelumnya, 3 artikel pengawal artikel Kontes mampu tampil di halaman 1 hanya dalam 3 menit. Tragis untuk artikel yang seharusnya Super SEO agar bisa menang kontes. Ternyata mengedit URL arikel dengan menggunakan fitur baru blogspot, membuat artikel lama terindeks.

Cara Membuat Semua Label Breadcrumbs Terindeks

Setelah sebelumnya BLOGGERBUGIS menulis artikel tutorial cara submit blog ke 3.124 search engine sekaligus secara otomatis, sekarang dengan pembahasan yang sama seputar SEO yaitu tentang breadcrumbs. Di blog ini sendiri sudah ada 2 artikel tentang breadcrumbs. Artikel ketiga ini merupakan penyempurnaan dari kedua artikel tersebut yaitu Trik Membuat Semua Label Breadcrumbs Terindeks dengan tujuan untuk memaksimalkan kinerja breadcrumbs yang telah terindeks.

Jika membuat sebuah artikel dengan bebrapa label, breadcrumbs biasa maupun breadcrums terindeks hanya akan menampilkan 1 label. Untuk itu, jika anda hanya menggunakan salah satu dari kedua breadcrumbs yang dimaksud, sebaiknya ganti kode breadcrumbs anda dengan kode breadcrumbs yang baru agar semua label artikel tampil di BREADCRUMBS, baik di dalam artikel, maupun di hasil pencarian google.

Gambar 1 : Cara membuat Semua Label Breadcrumbs Terindeks

Cara Membuat Semua Label Breadcrumbs Terindeks.

Ada 2 kode yang di pasang di template untuk membuat breadcrumbs. Kode pertama adalah kode CSS untuk mengatur tampilan breadcrumbs dan kode kedua adalah kode HTML untuk menampilkan breadcrumbs di dalam artikel, baik di atas posting maupun di bawah postingan sesuai keinginan kita.

Untuk anda yang sudah mempunyai breadcrumbs, lewati step pertama ini.
Untuk anda yang belum memasang breadcrumbs di template anda, pasang kode berikut di atas kode ]]></b:skin>

Berikut kodenya :

.breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 11px georgia; border-bottom:1px dashed #ccc;font-weight:normal}

Selanjutnya, cari kode <b:includable id='main' var='top'>.

Untuk anda yang belum memasang breadcrumbs, ganti kode tersebut dengan semua kode di bawah ini. Untuk anda yang sudah memiliki BREADCRUMBS, ganti kode HTML ( kode kedua ) breadcrumbs anda dengan kode di bawah ini :

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Jangan lupa save template anda lalu kunjungi :

http://www.google.com/webmasters/tools/richsnippets

Untuk memeriksa hasil pekerjaan anda. Masukkan URL artikel anda yang memiliki label lebih dari 1 lalu klik preview. Semua label sudah muncul, berarti anda telah melakukan tutorial cara membuat semua label breadcrumbs terindeks ini dengan baik.

Semoga bermanfaat...

Cara Submite Blog ke 3124 Search Engine Sekaligus

Mendaftarkan blog ke banyak search engine adalah cara yang sebaiknya dilakukan agar blog lebih populer di hasil pencarian.Semakin banyak search engine atau mesin pencari yang mengindeks artikel blog, maka akan semakin besar kesempatan blog muncul di halaman depan hasil pencarian ketika seseorang mengetikkan kata kunci di google search atau search engine lain seperti BING dan Yahoo. Karena itu, SUBMITE BLOG ke search engine adalah hal yang harus dilakukan agar trafik blog bisa meningkat.

Beberapa Cara Submit Blog.

Sebelumnya BLOGGERBUGIS telah menulis beberapa artikel tentang cara mendaftarkan blog di search engine. Beberapa diantanya adalah :

Untuk menambah daftar search engine yang mengindeks blog, masih ada banyak situs yang bisa digunakan untuk melakukan submit ke banyak search engine sekaligus, salah satunya adalah www.imtalk.org. Dari banyak web submitter, ini adalah situs yang paling banyak daftar search enginenya yaitu sampai 3.124 situs. Dengan menggunakan situs ini, kita bisa mendaftarkan blog ke ribuan search engine sekaligus secara otomatis tapi tentunya membutuhkan waktu sedikit lebih lama di bandingkan web submitter lainnya.

Gambar 1 : Cara Submite Blog ke 3124 Search Engine

Untuk mulai melakukan SUBMIT ke ribuan search engine yang dimaksud, silahkan kunjungi :

www.imtalk.org

Semoga bermanfaat...

Cara Membuat Tanda Tangan di Bawah Artikel Blog

Satu lagi trik dari BLOGGERBUGIS untuk mempercantik tampilan blog yaitu dengan memasukkan tanda tangan ke dalam postingan blog. Dengan adanya tanda tangan penulis atau admin, tulisan di artikel akan terlihat lebih memperkuat karakter penulis. Tanda tangan yang dimaksud disini adalah tanda tangan otomatis yang akan selalu muncul disetiap artikel, baik artikel yang belum diposting, maupun artikel yang telah diposting sebelum memasukkan tanda tangan. Mari kita mulai tutorialnya....

Cara Memasukkan Tanda Tangan di Blog

Sebelumnya anda harus memiliki tanda tangan digital, yaitu tanda tangan yang berupa gambar. Tanda tangan ini bisa diperoleh dengan cara scan tanda tangan lalu upload di image hosting seperti picasa. Bisa juga dengan memanfaatkan situs pembuat tanda tangan online yang banyak dijumpai di internet. Setelah memiliki tanda tangan yang dimaksud, silahkan lanjutkan dengan melakukan tutorial CARA MEMBUAT TANDA TANGAN di blog berikut ini :

Silahkan buka bagian kode template blog anda. Bagi anda yang belum tahu cara masuk ke bagian ini, silahkan klik "Cara Edit Template" untuk membaca tutorialnya.
Setelah membuka halaman kode template, berikan tanda checklist pada kotak yang ada di depan tulisan "Expand Template Widget".
Cari kode <data:post.body/> lalu letakkan kode berikut di bawahnya :

<b:if cond='data:blog.pageType == "item"'>
<div style='text-align:right; margin:55px 5px 0 0'><img alt='tanda tangan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirdgf2D-Gu9FF5y1Dr5c6atnrTKNRymjdexNw9bRDxCrL6YRR_99Low8S7xOd8hR2r0d8-IWfck6M6ReH-8oZBk5dyBu1lO-5W_1BZUszK_OOWklwIb7N0N_wIKyiKBE7EOUM80v5J0p_M/s640/Tanda%20Tangan%20Awal.png' style='border:0px; width:100px;'/></div>
</b:if>

Simpan template lalu ucapkan alhamdulillah...
Selesai...

Notes :

Ganti kode yang berwarna merah dengan URL tanda tangan anda.
Ganti kode yang berwarna biru dengan angka yang lebih besar atau lebih kecil untuk mengatur ukuran tanda tangan anda.
Jika anda menggunakan read more atau baca selengkapnya, pasang kode si bawah kode <data:post.body/> yang kedua.
Kode tersebut bisa juga diletakkan di bawah kode <div class='post-footer'>.

Live demo TANDA TANGAN di blog bisa anda lihat di bagian bawah artikel CARA MEMBUAT TANDA TANGAN di blog ini.

Semoga bermanfaat...

Cara mengetahui posisi artikel di hasil pencarian

Cara Mengetahui Posisi artikel di SERP - Untuk melakukan optimasi SEO pada artikel blog, sangat penting untuk mengetahui artikel mana yang harus di optimasi terlebih dahulu. Artikel yang sudah duduk manis di halaman pertama SERP untuk sementara tidak perlu lagi di optimasi. Sebaiknya, dahulukan mengoptimasi artikel yang jauh dari halaman pertama. Lalu, bagaimana cara mengetahui posisi artikel di SERP ( Hasil Pencarian ) ???

Meskipun blog ini sudah berjalan beberapa tahun, saat ini Blogger Bugis bisa di katakan sebagai blog baru. Semua artikel BB yang lama saya hapus karena sudah tidak cocok lagi di baca tahun ini mengingat tampilan blogger sudah dipermak google. Sebagai blog baru, saat ini saya hanya mulai memfokuskan artikel di Blogger Bugis bisa tampil pada halaman depan hasil pencarian search engine google terutama google indonesia. Untuk itu, saya hanya menggunakan Google SERP Checker untuk mengetahui posisi artikel di hasil pencarian google Indonesia.

Tools ini bisa anda temukan di http://easyseotracking.com/google-serp-checker.php ( blog baru tidak boleh banyak link keluar, jadi anda harus copy paste URLnya

). Sesuai dengan namanya, Google SERP Checker akan membantu kita cek posisi artikel di hasil pencarian Google dot com, google.co.id, .am, .as, dan dot dot google lainnya

sesuai dengan keyword yang kita tentukan.

Cara Menggunakan Google SERP Checker

Cara menggunakan tools ini sangat mudah dan praktis. Perhatikan gambar di bawah ini :

cara mengetahui posisi artikel | Cara melihat posisi artikel di SERP | Cara mengetahui posisi artikel pada hasil pencarian

Gambar 1 : Cara Mengetahui Posisi Artikel di Hasil Pencarian Google

Pilih target pengunjung, misalnya google.co.id untuk target pengunjung Indonesia.
Masukkan keyword atau kata kunci yang di bidik pada hasil pencarian google, misalnya "Cara Membuat Blog"
Berikutnya masukkan URL artikel yang ingin di ketahui posisinya di SERP, tentunya artikel yang sesuai dengan keyword yang di bidik sebelumnya.
Klik check untuk mengetahui posisi artikel di SERP jika seseorang melakukan pencarian di google target pengunjung anda, lalu lihat hasilnya di bagian bawah tools tersebut.

Selamat bereksperimen...
Semoga bermanfaat.....

Cara Membuat Tulisan Berjalan

Cara Membuat Tulisan Berjalan - Setelah mengetahui cara membuat spoiler, trik Blogger Bugis berikutnya adalah membuat teks atau tulisan atau widget yang ada pada blog bergerak sendiri dengan menggunakan kode HTML. Teks atau tulisan bergerak ini biasa di sebut dengan tulisan berjalan, dalam kode HTML di kenal dengan perintah marquee.

Gambar 1 : Cara Membuat Tulisan Berjalan

Membuat tulisan berjalan akan memberikan tambahan variasi pada blog. Biasanya, tulisan berjalan atau widget berjalan pada blog di gunakan oleh blogger untuk menampilkan semua widget atau tulisan yang tersimpan di dalam kotak yang tidak menggunakan scroll. Kecepatan berjalan, arah gerakan dan variasi lain bisa di tambahkan pada teks atau tulisan berjalan untuk membuat tulisan atau teks berjalan bergerak atau berjalan sesuai dengan yang kita inginkan.

Cara Membuat tulisan berjalan

Kode HTML dasar yang di gunakan untuk membuat tulisan bergerak atau berjalan adalah :

<marquee>Tulisan Berjalan</marquee>

Kode tersebut akan membuat tulisan berjalan seperti di bawah ini :

Tulisan Berjalan

Cara Membuat Widget Berjalan

Membuat widget berjalan atau bergerak sama saja dengan cara membuat tulisan berjalan. Gunakan kode yang sama seperti kode di atas lalu ganti tulisan yang berwarna merah dengan kode widget yang ingin di buat bergerak atau berjalan sehingga kodenya seperti ini :

<marquee>Tulisan Berjalan</marquee> 

Ubah kodenya menjadi seperti ini :

<marquee>Kode Widget</marquee> 

Ganti kode yang berwarna merah dengan kode widget yang ingin di buat bergerak

Macam - Macam Tulisan Berjalan

Setelah mengetahui cara membuat tulisan dan widget berjalan, berikut saya jelaskan cara mengatur gerakan dan memberi variasi pada tulisan berjalan agar terlihat lebih menarik

1. Mengatur Kecepatan Gerakan

Tambahkan perintah scrollamount="angka kecepatan" untuk mengatur kecepatan gerakan tulisan berjalan sehingga kodenya menjadi seperti ini :

<marquee scrollamount="angka kecepatan">TULISAN BERJALAN</marquee>

Ganti kode berwarna biru dengan angka ( misalanya 2, 3, atau 4 dsb ) dan ganti Tulisan berjalan dengan teks atau tulisan atau kode widget yang ingin di buat berjalan atau bergerak.
Contohnya :

<marquee scrollamount="2">TULISAN BERJALAN</marquee>

<marquee scrollamount="3">TULISAN BERJALAN</marquee>

<marquee scrollamount="4">TULISAN BERJALAN</marquee>

Ke tiga kode diatas akan membuat tulisan berjalan dengan kcepatan berbeda yaitu 2, 3, dan 4. Kode di atas akan membuat tulisan berjalan seperti berikut ini :

TULISAN BERJALANTULISAN BERJALANTULISAN BERJALAN
Semakin besar angka scrollamount semakin cepat tulisannya berjalan.

2. Mengatur Arah Gerakan

Tambahkan perintah direction="arah gerakan" untuk menentukan arah gerakan tulisan berjalan. Adapun arah gerakan yang bisa di gunakan adalah :

right = arah gerakan ke kanan
up = arah gerakan ke atas
down = arah gerakan ke bawah

Penempatan kode arah gerakan sama dengan penempatan kode kecepatan gerakan. Contohnya seperti ini :

<marquee direction="right">TULISAN BERJALAN</marquee>

Jika kode kecepatan dan kode arah gerakan di gabung, kodenya akan menjadi seperti ini :

<marquee scrollamount="2" direction="right">TULISAN BERJALAN</marquee>

<marquee scrollamount="2" direction="up">TULISAN BERJALAN</marquee>

<marquee scrollamount="2" direction="down">TULISAN BERJALAN</marquee>  

hasilnya :

TULISAN BERJALANTULISAN BERJALANTULISAN BERJALAN

Dengan memahami contoh di atas, anda sudah tahu bagaimana cara menambahkan perintah dan menggabung perintahnya untuk memberikan efek berbeda pada tulisan berjalannya. Sekarang saya akan memberikan beberapa kode perintah untuk tulisan berjalan. Anda tinggal menggabung kodenya jika anda menginginkan efek berbeda pada saat membuat tulisaan berjalan.

3. Tulisan Berjalan Bolak Balik

Membuat tulisan berjalan mondar mandir juga menarik. Untuk itu, berikut cara membuatnya versi Blogger Bugis. Kode yang di gunakan :

<marquee behavior="alternate">TULISAN BERJALAN BOLAK-BALIK</marquee>

Hasilnya :
TULISAN BERJALAN BOLAK-BALIK

4. Tulisan Berjalan dan Berhenti
Kode yang di gunakan :

<marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN BEJALAN dan BERHENTI</marquee>

Hasilnya :
TULISAN BEJALAN dan BERHENTI

Kode diatas akan membuat tulisan berhenti saat di sentuh mouse. Arahkan mouse anda pada tulisan berjalannya untuk melihat hasilnya.

5. Memberi background

Untuk memberi background dan warna pada tulisan berjalan kode yang di gunakan adalah sebagai berikut :

<marquee bgcolor="#FDEAE8">Tulisan Berjalan</marquee>

Hasilnya seperti ini :

Tulisan Berjalan

#FDEAE8 adalah kode warna background, untuk melihat lebih banyak kode warna, anda bisa lihat di artikel Blogger Bugis sebelumnya "Tools Untuk Melihat Kode Warna"

6. Mengatur Lebar dan Tinggi Jarak Gerakan.

Untuk mengatur lebar dan gerakan tulisan berjalan, kode yang di gunakan adalah sebagai berikut :

<marquee scrollamount="2" direction="up" width="50px" height="70px">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="down" width="50px" height="70px">TULISAN BERJALAN</marquee> 

Hasilnya :
TULISAN BERJALANTULISAN BERJALAN

Pengaturan tinggi gerakan biasanya di gunakan untuk tulisan berjalan yang bergerak ke atas dan ke bawah agar arah gerakan tidak terlalu naik tau terlalu ke bawah seperti pada contoh nomor 2 tulisan bergerak ke atas / bawah.

Width adalah lebar, sedangkan height adalah tinggi. Anda juga bisa menambah kode width saja atau height saja sesuai keinginan anda. Ganti angkanya dengan angka yang lebih besar atau lebih kecil jika ingin membuat lebar atau tinggi menjadi lebih lebar atau lebih tinggi atau sebaliknya. Semakin tinggi angka, maka akan semakin lebar atau semakin tinggi.

Beberapa contoh tulisan berjalan di atas saya rasa sudah cukup. Anda bisa memberikan variasi lain dengan menggabungkan kodenya. Jika anda ingin membuat link di berjalan, ganti kode "Tulisan Berjalan" dengan kode html link anda. Jika anda belum tahu bagaimana cara membuat kode HTML link, klik "Cara Membuat Link".

Selamat membuat blog anda lebih ramai dengan menambahkan Tulisan Berjalan. Jika masih ada pertanyaan tentang cara membuat tulisan berjalan di blogspot, sampaikan melalui kotak komentar di bawah artikel ini.
Semoga bermanfaat......

Cara Membuat Spoiler

Cara membuat spoiler - Spoiler adalah sebuah tombol yang akan menyembunyikan widget / gadget atau tulisan. Jika tombol spoiler di klik, maka tulisan atau widget yang tersembunyi akan di tampilkan. Jika di klik lagi maka widget atau tulisan tersebut akan di sembunyikan kembali. Artikel ini tidak berhubungan dengan postingan BB sebelumnya yaitu "Cara Menghapus Broken Link". Agar tidak terlalu tegang menghapus link rusak, saya tulis artkel untuk mempercantik blog yaitu "Cara Membuat Spoiler di blog"

Gambar 1 : Cara Membuat Spoiler

Contoh / Live Demo tombol spoiler di blog yang terpasang di postingan atau di dalam artikel blog, bisa anda lihat di artikel "Cara Membuat Daftar Isi Blog Otomatis". Untuk melihat contoh Spoiler yang lain, anda bis lihat di bagian paling bawah blog ini, tepatnya di bagian komentar blog ( Selama template BLOGGER BUGIS belum di edit / berubah ).

Cara Membuat Spoiler

Untuk membuat spoiler, kode yang digunakan adalah :

<div style="font-family: verdana; margin-top: 5px; text-align: center;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Kembali'; }" style="font-size: 12px; margin: 0px; padding: 3px 5px;" type="button" value="Buka" /></div>
<div style="margin: 0px; padding: 1px;">
<div style="display: none;">
www.bloggerbugis.com
</div>
</div>

Keterangan :

Verdana = Jenis Huruf tulisan pada tombol Spoiler. Ganti dengan Trebuchet ms, georgia, arial, atau jenis huruf lain yang anda inginkan
5 = Jarak tombol dari objek di atasnya. Ganti dengan angka yang lebih besar untuk membuatnya lebih jauh dari objek yang ada di atasnya atau sebaliknya
center = Posisi / Letak tombol spoiler. Center berarti posisi tombol berada di tengah. Jika ingin membuat tombolnya berada di sebelah kiri, ganti center dengan Left, untuk sebelah kanan, ganti dengan right.
Tutup = Tulisan pada tombol spoiler saat spoiler menampilkan widget atau tulisan yang di sembunyikan.
Buka Kembali = Tulisan pada tombol spoiler saat widget atau tulisan tersembunyi tapi sebelumnya sudah pernah di buka / di tampilkan spoiler
Buka = Tulisan pada tombol spoiler saat tulisan atau widget masih di sembunyikan oleh spoiler
www.bloggerbugis.com adalah tulisan yang di sembunyikan oleh spoiler. Ganti dengan tulisan yang ingin anda sembunyikan dengan spoiler atau ganti dengan kode widget jika anda ingin menyembunyikan widget dengan spoiler

Untuk memasang Spoiler pada postingan atau artikel blog, anda harus memasang kode spoiler pada mode HTML ( Kecuali anda menggunakan "Tafsirkan HTML yang di ketik" pada menu pilihan yang ada di post editor blogspot ).

Sampai baris ini, tutorial cara membuat spoiler selesai. Sampai jumpa di artikel tips dan trik Blogger Bugis berikutnya. Salam Blogger......

Tutorial Cara Menghapus Broken Link di Blog

menghapus broken link, cara mengatasi broken link, panduan menghapus link rusak, trik mengatasi broken link pada blog

Cara menghapus broken link -Broken link adalah bahasa Bugis

, dalam bahasa Indonesia artinya Link Rusak. Broken Link atau link rusak pada blog akan sangat merugikan blog seperti yang telah saya bahas di artikel sebelumnya "Mengatasi Error 404". Karena ~~merokok~~ dapat merugikan kesehatan blog, kita harus segera menghapus broken link yang ada di blog. Dengan menghapus link rusak / broken link akan buat blog maksud saya membuat blog lebih mudah bersaing di hasil pencarian search engine google dan bing bahkan di 50 search engine lainnya.

Cara Menghapus Broken Link

Banyak cara untuk menghapus broken link pada blog. Dari banyak cara tersebut, saya hanya akan share cara terbaik menghapus broken link versi Blogger Bugis. Caranya yaitu dengan menggunakan bantuan brockenlinkchecker dot com.

Dengan bantuannya, kita bisa cek broken link yang ada di blog. Setelah menampilkan link yang rusak, brockenlinkchecker akan menunjukkan lokasi brokenlink tersebut, baik brocken link yang ada template, artikel maupun brocken link yang ada di widget blog. Powerfull...

Dengan demikian, kita tidak perlu repot mencari linknya. Kita bisa langsung menghapus link yang rusak dan masalah broken Link langsung teratasi. Agar anda tidak tambah penasaran, saya langsung saja menunjukkan cara menghapus link rusak di blog :

Kunjungi "http://www.brokenlinkcheck.com/"
Masukkan URL blog anda tanpa http:// pada kotak putih lalu klik "Find Broken Links"

Gambar 1 : Cara menghapus broken Link di Blog

Masukkan security Code pada opsi nomor 2 sesuai dengan kode yang anda lihat di sampingnya lalu klik tombol "Find Broken Links Now".

Gambar 2 : Cara menghapus broken Link di Blog

Tunggu beberapa saat sampai pencarian Link Rusak yang ada di blog selesai.
Klik tulisan SRC yang berkedip / blink di sebelah kanan url yang rusak.

Gambar 3 : Cara menghapus broken Link di Blog

Anda akan melihat lokasi / posisi / tempat atau terserah anda menyebutnya apa Brocken Link yang ada di blog.

Gambar 4 : Cara menghapus broken Link di Blog

Hapus atau ganti atau perbaiki link yang rusak tersebut.
Selesai...

Penyebab Broken Link

Broken Link biasanya karena kesalahan penulisan pada url tujuan link. Penyebab lain Broken Link di blog adalah karena url tujuan link sudah tidak ada, misalnya link menuju ke sebuah artikel tapi artikelnya telah di hapus. Apabila anda menemukan Brocken Link di Blog anda karena penyebab kedua, berarti anda mempunyai masalah lain, yaitu ERROR 404 atau halaman tidak ditemukan. Segera atasi masalahnya dengan trik Blogger Bugis sebelumnya "Mengatasi Error 404" lalu baca juga artikel "Cara menghapus Link dari Indeks Google" yang akan saya jelaskan pada tutorial berikutnya....

Semoga hari anda menyenangkan....
Salam Blogger.......

Cara Terbaik Mengatasi Error 404

cara terbaik, simpel, cepat, praktis, efektif dan mudah untuk mengatasi error 404 atau halaman tidak ditemukan pada blogspot

Cara Terbaik Mengatasi Error 404 - Page Not Found atau halaman tidak di temukan adalah penyebab ERROR 404. Error ini termasuk salah satu masalah serius pada blog yang harus segera di atasi. Jika anda ingin membuat breadcrumbs lebih cepat terindeks, mengatasi Error 404 adalah prioritas utama. Apabila anda ingin tampil dan bertahan di halaman depan hasil pencarian, ERROR 404 harus segera di atasi.

Penyebab dan cara Mengatasi Error 404

Penyebab utama ERROR 404 ini adalah postingan atau artikel yang telah terindeks oleh google lalu kita hapus dari blog. Ketika seseorang menemukan artikelnya di hasil pencarian, linknya akan menuju ke blog tapi halaman tidak di temukan karena Artikelnya sudah di hapus.

Gambar 1 : Cara Terbaik Mengatasi Error 404 Pada Blog

Link error berikutnya berasal dari artikel lain yang di blog yang telah bemberi link ke halaman artikel yang telah di hapus. Selain itu, bisa saja blogger lain telah membuta link dari blognya menuju ke halaman artikel yang telah terhapus tersebut.

Artinya, ada 1 penyebab utama dan 3 sumber datangnya error 404 pada blog. Penyebabnya adalah Artikel yang telah di hapus, dan sumber datangnya error yaitu:

Dari hasil pencarian karena artikel terlanjur terindeks
Dari artikel lain yang memberi link ke artikel yang telah di hapus
Dari blog lain yang memberi link ke artikel yang telah di hapus

Mengatasi Error 404

Untuk mengatasi sebuah masalah, cara terbaik adalah langsung dari sumbernya, betul ???
Sumber utama datangnya error 404 ada 3, berarti setidaknya diperlukan 3 cara untuk mengatasinya.

Sumber error 404 yang pertama harus diatasi dengan menghapus setiap url artikel dari indeks serach engine google dan Bing. Semakin banyak artikel yang telah di hapus dari blog, semakin banyak juga URL terindeks yang harus segera di hapus. Ini adalah cara terbaik yang harus di lakukan agar Blog kembali sehat bugar. Masasalahnya, cara ini butuh waktu paling cepat 3 - 4 hari. Selain itu tutorialnya harus saya bahas di artikel lain agar artikel ini tidak terlalu panjang.
Sumber error 404 kedua juga bisa di atasi dengan trik dari Blogger Bugis. Waktu yang di butuhkan untuk mengatasi sumber error kedua ini sedikit lebih cepat dari sumber error pertama. Tutorial selengkapnya akan saya tulis di artikel lain.
Sumber Error 404 ke tiga merupakan sumber error yang paling susah karena kita tidak bisa menghapus link di Blog milik orang lain yang mengarah ke artikel blog kita yang telah di hapus. Karena tidak bisa di hapus, cara terbaik adalah dengan mengalihkan tujuan link.

Cara ini terbukti ampuh, cepat, dan praktis bahkan bisa mengatasi sumber error pertama dan kedua. Dengan mengalihkan tujuan link yang artikelnya telah di hapus, maka tidak ada lagi error 404 di blog. Pengunjung juga tidak akan terlalu kecewa karena tidak menemukan artikel yang di cari karena kemungkinan akan menemukan artikel lain yang lebih menarik.

Meskipun demikian, untuk kepertingan Optimasi SEO, sumber error pertama dan kedua tetap harus di atasi dengan caranya masing masing. Sebagai langkah awal, cara ketiga harus segera di lakukan agar tidak ada lagi error 404 pada blog.

Caranya :

Gambar 2 : Cara Terbaik Mengatasi Error 404 Pada Blog

Masuk ke dasbord blog lalu klik tanda panah hitam kecil mengarah ke bawah yang ada di sebelah kiri tombol "Lihat Blog".
Pilih "Setting / Setelan"
Klik "Preferensi Penelusuran"
Klik Edit pada bagian "Pesan Ubahsuaian untuk Laman Tidak Ditemukan"
Masukkan kode di bawah ini pada kotak yang tersedia :

<script type="text/JavaScript">
location.replace('http://www.bloggerbugis.com/');
</script>
<a href='http://www.bloggerbugis.com'>Click Disini</a>

Klik "Simpan Perubahan".
Selesai.

Jangan lupa mengganti kode yang berwarna merah dengan URL blog anda !!!
3 baris kode pertama akan mengalihkan error 404 ke halaman beranda blog.
Kode baris terakhir akan menjadi link ke halaman utama jika pengunjung tidak mengaktifkan JavaScript browsernya.

Dengan cara ini, maka tidak ada lagi error 404. Semua artikel yang tidak di temukan akan langsung di alihkan ke halaman utama blog.
Semoga Trik mengatasi Error 404 dari Blogger Bugis ini bermanfaat....
Sampai jumpa di artikel trik berikutnya...

Tutorial Cara Membuat Breadcrumbs Langsung Terindeks

Di artikel sebelumnya, saya sudah menulis tutorial cara membuat menu navigasi breadcrums di blog. Bagi anda yang membaca artikel ini tapi masih belum tahu tentang menu Navigasi Breadcrumbs, silahkan klik "Cara Membuat Breadcrumbs di Blog" untuk membaca penjelasan lengkap tentang breadcrumbs.

Membuat breadcrumbs di blog dengan mengikuti tutorial pada artikel tersebut, akan membuat breadcrumbs lama terindeks oleh mesin pencari terutama google. Biasanya hanya blog dengan PR minimal 3 yang akan breadcrumbsnya terindeks oleh google. Karena itu, saya akan memberikan tutorial gratis bagaimana agar breadcrumbs cepat terindex bahkan langsung terindeks.

Anda tidak perlu memiliki PR minimal 3 atau ratusan artikel. Anda hanya perlu memasang kode breadcrumbs pada template blog dan silahkan langsung buktikan hasilnya setelah membuat artikel baru atau memeriksa hasil serp artikel anda yang telah terindeks mesin pencari.

Tutorial cara membuat menu navigasi breadcrumbs blogspot cepat terindeks google

Gambar 1 : Cara Membuat Breadcrums Terindeks

Cara Membuat Breadcrumbs Terindeks

Untuk membuat menu navigasi breadcrumbs terindeks, anda cukup menggunakan kode breadcrumbs yang telah di edit. Berikut tutorial dan kode breadcrumbs terindeks :

Apabila anda telah membuat breadcrumbs biasa dengan mengikuti tutorial di blogger Bugis, klik "Cara Membuat Breadcrumbs". Jika anda telah membuat breadcrumbs dengan mengikuti tutorial dari blogger lain, cara memasangnya biasanya sama.
Masuk ke halaman kode template anda. Jika belum tahu caranya, klik "Cara Mengedit Template"
Hapus semua kode yang di pasang pada template di artikel tersebut lalu simpan template anda.
Cari kode <b:includable id='main' var='top'>
Hapus kode tersebut dan ganti dengan kode berikut :

<b:includable id='breadcrumb' var='posts'>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType == "static_page"'>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
    <b:else/>
    <b:if cond='data:blog.pageType == "item"'>
    
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
    <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast == "true"'>
     » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
    </b:if>
    </b:loop>
     » <span><data:post.title/></span>
    </div>
    <b:else/>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
    </b:if>
    </b:loop>
    <b:else/>
    <b:if cond='data:blog.pageType == "archive"'>
    
    <div class='breadcrumbs'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
    </div>
    <b:else/>
    <b:if cond='data:blog.pageType == "index"'>
    <div class='breadcrumbs'>
    <b:if cond='data:blog.pageName == ""'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
    <b:else/>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
    </b:if>
    </div>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:includable>
<b:includable id='main' var='top'>
    <b:include data='posts' name='breadcrumb'/>

Selanjutnya.........

Cari kode ]]></b:skin>
Letakkan kode CSS breadcrumbs terindeks berikut ini di atas kode tersebut :

.breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 11px georgia; border-bottom:1px dashed #ccc;font-weight:normal}

Simpan Template anda
Selesai...

Anda mungkin akan lebih yakin dengan breadcrums yang cepat terindeks jika melihat gambar. Karena itu saya sertakan gambar screenshoot hasil serp artikel ini yang saya ambil beberapa menit setelah artikel ini saya posting lalu saya edit kembali untuk memasukkan gambarnya :

Gambar 2 : Cara Membuat Breadcrums Terindeks

Dengan membuat breadcrumbs cepat terindex, setidaknya salah satu optimasi seo blogspot telah di lakukan. Semoga setelah memasang breadcrumbs yang cepat terindeks oleh google ini akan membuat blog anda lebih cepat tampil di halaman depan hasil pencarian sehingga trafik pengunjung akan lebih banyak dari biasanya. Amien...

Semoga bermanfaat...
Have a nice day..

Trik Mudah Cara Membuat Daftar isi blog

cara membuat daftar isi blog, cara membuat daftar isi blog keren, cara membuat daftar isi blog otomatis, cara membuat daftar isi blog dengan scroll

Cara Membuat daftar Isi Blog - Beberapa artikel terakhir yang saya posting di blog seperti Cara Memasang Tracking ID kode Google analystics di blog dan artikel sebelumnya berhubungan dengan SEO. Agar tidak terlalu banyak di pusingkan dengan Optimasi SEO saya akan selingi artikel SEO di BB dengan artikel tentang cara menghias dan mempercantik blog.

Widget daftar isi blog otomatis.

Saya memilih menulis artikel tentang widget daftar isi blog sebagai selingan artikel SEO Blogger Bugis. Alasannya, karena Widget Daftar isi Blog akan membuat pengunjung lebih mudah mencari artikel di dalam blog.Tampilannya yang menarik tidak akan membuat pengunjung bosan berlama lama nongkrong di blog.

Selain itu, Cara Membuat Daftar isi blog yang akan saya share di artikel ini akan bekerja secara otomatis tanpa perlu memasukkan link artikel satu persatu ke dalammya. Yang membuatnya lebih menarik, gadget Daftar Isi Blog ini di lengkapi dengan menu drop down untuk memudahkan pengunjung memilih jenis artikel yang akan di tampilkan oleh daftar isi blog keren ini.

Pengunjung bisa memilih melihat daftar isi Blog berdasarkan tanggal posting, dan bisa juga berdasarkan label artikel. Saya juga menambahkan Kotak dengan Fungsi Scroll agar widgetnya tidak terlalu panjang ke bawah jika settingan widget memuat ratusan artikel sehingga membuat widget ini lebih menarik. Untuk melengkapi tampilannya, saya juga menambahkan efek shadow inset atau efek bayangan ke dalam box widget, artinya, anda bisa menyebut widget ini dengan "Widget daftar isi blog otomatis dengan scroll efek shadow"

Agar anda lebih tertarik untuk memasang widget daftar isi Blog otomatis ini di blog anda, silahkan lihat gambar di bawah ini :

Tidak puas dengan gambar ?
Klik tombol spoiler di bawah ini untuk melihat Live Demonya :

Untuk membuat daftar isi blog otomatis seperti di atas, kode yang digunakan adalah sebagai berikut :

<div style="background: #f2f2f2; width: 320px; color: #000; float: center; font: normal 13px verdana; height: 350px; margin: 10px auto; overflow: auto; padding: 10px; text-align: left; text-shadow: 1px 1px 2px #fff; border:4px double #ccc; -moz-box-shadow: inset 2px 2px 2px #404040; -webkit-box-shadow: inset 2px 2px 2px #404040;box-shadow: inset 2px 2px 2px #404040">
<div id="cl_option">
Masih loading bro... sabar ya... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan =200;
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerbugisdotkom/javascript/Dafatar_isi_Biasa_Bloggerbugis.js">
</script>
<script type="text/javascript" src="http://www.bloggerbugis.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500">
</script>
<div style="float:right;font:normal 10px verdana; color:#ccc;text-align:right;padding:5px 0px;text-shadow:1px 1px 1px #000">
Widget by <a href="http://www.bloggerbugis.com">Blogger Bugis</a></div>
</div>

Kode di atas bisa di edit untuk menyesuaikan tampilannya dengan tema blog anda.
Perhatikan kode yang berwarna merah !!!

f2f2f2 adalah kode warna background ( Warna Latar Belakang ) yaitu Abu - Abu. Ganti kode tersebut dengan kode warna yang anda inginkan untuk mengganti warna background widget Daftar Isi Otomatis.Untuk melihat kode warna HTML, silahkan klik "Daftar Kode Warna HTML".
320px adalah Kode lebar widget. Ganti dengan angka yang lebih besar untuk membuat widgetnya lebih lebar atau ganti dengan angka yang lebih kecil untuk membuat widgetnya lebih sempit. Misalnya 300px atau 350px.
000 adalah kode warna tulisan yaitu hitam. Silahkan ganti dengan warna yang anda inginkan. Adapun warna Link yang ada di dalam widget, tergantung dari pengaturan CSS template anda.
4px double adalah kode ketebalan garis pinggir widget, yaitu garis pinggir ganda ( double ) dengan ketebalan 4 piksel ( 4px ) . Ganti dengan angka 4 yang lebih besar atau lebih kecil. untuk membuat hanya 1 garis pinggir, ganti double dengan solid, untuk membuat garis pinggir putus - putus, ganti dengan dashed
ccc adalah kode warna garis pinggir, ganti dengan kode warna yang anda inginkan.
Masih loading bro... Sabar ya.... adalah kalimat yang di tampilkan jika widgetnya belum terbuka karena halaman masih loading. Silahkan ganti dengan kalimat yang anda inginkan.
500 adalah jumlah maksimal judul artikel yang akan di tampilkan di dalam widget daftar isi otomatis. Ganti dengan angka yang lebih besar atau lebih kecil. Pada live demo yang anda lihat di atas, saya hanya menggunakan 15.
Yang terakhir dan paling penting adalah kode http://www.bloggerbugis.com. Ganti kode tersebut dengan URL / Alamat blog anda

Dengan mengedit semua kode di atas, anda akan memiliki daftar isi blog yang sesuai dengan tema warna blog anda. Silahkan pasang widgetnya pada sidebar blog atau laman atau halaman artikel blog anda, jika belum tahu caranya, simak tutorialnya berikut ini :

Cara Memasang Widget Daftar Isi Blog Otomatis

Ada 2 cara yang bisa di lakukan untuk memasang widget daftar isi tersebut di dalam blog. Yang pertama adalah memasang daftar isi blog otomatisnya pada sidebar blog, dan yang kedua memasang daftar isi otomatis tersebut pada halaman artikel atau laman blog. Berikut masing masing panduan cara memasang daftar isi blog otomatis :

1. Pasang Daftar Isi Blog Otomatis di Laman atau Halaman Artikel

Untuk memasang daftar isi otomatis pada Laman Baru atau Halaman Posting ( artikel ), silahkan masuk ke Post Editor blogspot sama seperti jika ingin membuat artikel. Pada halaman Post Editor, pilih mode HTML lalau paste kode Daftar Isi Blog Otomatis.

Untuk membuat widgetnya berada di tengah halaman, tambahkan kode <center> sebelum kode Daftar Isi lalau tambahkan kode </center> di bawah kode daftar isi sehingga kodenya akan terlihat seperti ini :

Kode Daftar Isi Blog Otomatis

</center>

Setelah selesai, jangan lupa publish / terbitkan seperti artikel biasa.

2. Pasang Daftar Isi Blog Otomatis Pada Sidebar Blog

Untu memasang daftar Isi Blog Otomatis pada sidebar blog, silahkan masuk ke halaman TATA LETAK >>> Klik Tambah Gadeget >>> Pilih HTML/JavaScript >>> Copy Paste kode Daftar Isi ke kotak HTML/JavaScript >>> Klik Simpan.

Penjelasan lengkap tentang cara memasukkan widget daftar isi Blog pada sidebar blog, klik "Cara Menambahkan Widget di Blog" untuk membaca tutorialnya yang di lengkapi dengan gambar

Semoga artikel Blogger Bugis tentang Cara Membuat Daftar Isi blog ini bermanfaat. Jika anda kurang suka dengan widget ini, saya akan membuat artikel lagi tentang widget daftar isi di blog dengan tampilan berbeda

Happy Blogging.......

Cara Pasang Tracking ID Kode Google Analytics di Blog

Panduan lengkap cara mendapatkan dan memasang tracking ID dan kode google analystics di blog

Mendaftar dan Memasang Google Analytics - Di artikel sebelumnya, saya telah menulis artikel tentang "Fungsi Google Analystics". Tulisan saya di artikel kali ini adalah "Cara Mendapatkan dan Memasang Tracking ID dan kode google analystics" di blog.

Tanpa memasang Tracking kode goole analystics di blog, google analystics tidak akan memberikan laporan lengkap dan detail. Selain itu, SEO DOCTOR juga akan memberikan bendera kuning.

Sebelum memasang ID Google analytics, anda harus memiliki kodenya, betul ???
Berikut tutorial cara mendapatkan ID google analystics dan cara pemasangannya di blog :

Langkah Pertama :
Mendapatkan Kode Google Analystics Blog

1. Untuk mendapatkan Tracking ID Google analystics anda, silahkan terjun bebas ke : https://www.google.com/analytics/
2. Jika anda belum log In / Masuk di layanan google seperti email gmail, blogspot, google plus, dll, anda harus login terlebih dahulu dengan menggunakan username dan password google anda.
3. Setelah masuk ke halaman google analystics, klik tombol "Sign Up".

Gambar 1 : Cara Mendaftar dan memasang kode google analystics

4. Isi masing masing kotak sesuai petunjuk berikut ini :

Account Name = Isi dengan "Nama Blog" anda
Website's Url = Pilih http:// lalu masukkan url blog anda pada kotak berikutnya
Time Zone = Pilih "Indonesia" ( Kecuali anda tinggal di afrika ), GMT = Pilih zona waktu anda

Gambar 2 : Cara Mendaftar dan memasang kode google analystics

5. Scroll halaman ke bawah untuk melihat bagian "User Agreement"

Your Country or territory = Pilih "Indonesia"
Baca Persyaratan Layanan Google Analystics
Beri tanda checklist pada kotak "Term Of Condition" dengan mengklik kotaknya
Klik Tombol "Create Account".

Gambar 3 : Cara Mendaftar dan memasang kode google analystics

6. Copy code yang ada di depan tulisan "Tarcking ID" lalu paste di notepad, Microsoft Office, wordpad, atau aplikasi text editor lain yang ada di komputer anda.

Gambar 4 : Cara Mendaftar dan memasang kode google analystics

Pada contoh diatas, kode yang harus di copy adalah :

UA-31709464-1

7. Scroll halaman ke bawah lalu copy kode di dalam kotak yang ada di bawah tulisan "2. Paste This Code On Your Site".

Gambar 5 : Cara Mendaftar dan memasang kode google analystics

8. Jangan tutup halaman Google Analystics !!!

Langkah Kedua :
Memasang Kode Google Analystics di Blogspot

Setelah melewati proses di atas, berarti ada 2 kode yang harus di pasang di blog. Kode pertama yaitu kode UA-317...... dst yang akan di pasang pada setting blog dan kode kedua yang berupa JavaScript di pasang pada kode HTML template.

9. Untuk memasang kode pertama, masuk ke Dasbor blog anda dengan memasukkan username dan password www.blogger.com. Di halaman dasbor, klik tanda panah ke bawah yang ada di dekat tulisan "lihat Blog" lalu pilih "SETELAN". Pada halaman berikutnya, pilih "LAINNYA".

Gambar 6 : Cara Mendaftar dan memasang kode google analystics

Scroll halaman sampai ke bagian paling bawah lalu masukkan kode pertama seperti yang terlihat pada gambar di bawah ini :

Gambar 7 : Cara Mendaftar dan memasang kode google analystics

Penjelasan lengkap tentang cara melakukan pengaturan di blogspot bisa anda baca artikelnya di "Cara Setting Blog".

10. Untuk kode kedua, anda harus mengedit template blog untuk memasang kodenya. Letakkan kode kedua dari Google Analystics dari google tersebut di atas kode </head> template blog. Jika anda belum tahu cara mengedit template atau di mana letak kode </head>, silahkan klik "Cara Mengedit Template" untuk membaca tutorialnya yang lebih detail dan di lengkapi dengan gambar.

11. Setelah pasang kode Google Analystics blog di atas kode </head> template, jangan lupa klik "Simpan Template / Save Template". Setelah template tersimpan, kembali ke halaman google analystics lalu klik tombol "SAVE" yang ada di bawah kode kedua ( kode yang di pasang di atas kode </head> template ).

12. Selesai.....

Semoga bermanfaat....
Sampai jumpa di artikel Blogger Bugis yang lain....

Fungsi Google Analystics Pada Blog dan Manfaatnya

Fungsi Google Analystics dan Manfaatnya - Google analystics adalah salah satu layanan google yang bisa di gunakan untuk mengetahui keyword dan arah datangnya pengunjung blog. Dengan mengetahui kedua hal tersebut, kita akan lebih mudah melakukan optimasi SEO serta melakukannya dengan tepat. Kata "TEPAT" dalam hal ini adalah melakukan optimasi mulai dari arah kunjungan yang paling rendah sehingga kita tidak selalu mengoptimasi sumber trafik yang sudah berjalan mandiri dan mendatangkan cukup banyak visitor.

google analytics id tumblr google analytics login tumblr disqus disqus shortname google analytics script google analytics subdomain google analytics data

Gambar 1 : Fungsi Google Analystics dan Manfaatnya

Selain kedua hal yang saya sebutkan di atas, Google Analytics juga akan memberikan laporan lengkap tentang banyak hal seputar visitor seperti berikut ini :

Menampilkan jumlah pengunjung berdasarkan rentang waktu tertentu, perhari, perminggu, perbulan atau jumlah total.
Menampilkan Halaman atau artikel yang paling sering dikunjungi serta jumlah total kunjungan pada masing-masing halaman.
Menampilkan berapa lama rata-rata waktu yang dihabiskan pengunjung di blog
Menampilkan sumber kedatangan pengunjung. Pilihannya adalah Mesin pencari (search engine), Pengunjung langsung (direct traffic), dari website lain (referring website) dan lainnya (other)
Menampilkan asal negara pengunjung

Selain itu, Google Analytics juga memberikan laporan yang lebih detail tentang pengunjung seperti :

Total Kunjungan pengunjung
Total kunjungan baru (pengunjung yang baru pertama kali datang ke blog )
Lamanya waktu yang digunakan pengunjung membaca artikel di blog
Jenis browser dan sistem operasi yang digunakan pengunjung bahkan resolusi monitor komputer pengunjung
Jenis gadget yang digunakan pengunjung (Komputer, Handphone) dan sistem operasi handphone, kecepatan koneksi serta ISP pengunjung berikut nama ISP tersebut.

Gambar 2 : Fungsi Google Analystics dan Manfaatnya

Masih banyak lagi laporkan yang akan di berikan oleh Google analystics. Dengan adanya laporan yang sangat detail tersebut, kita akan lebih mudah melakukan optimasi untuk menambah visitor blog dengan memfokuskan sumber trafik yang paling rendah lalu mengoptimasi SEOnya.

Untuk menggunakan salah satu layanan terbaik dari google ini, silahkan kunjungi :

https://www.google.com/analytics

Anda hanya perlu mendaftar dengan menggunakan account google lalu anda akan mendapatkan layanan powerfull yang Gratis. Anda juga harus memasang Tracking ID dan kode Google Analystics pada template blog.

Semoga artikel singkat Blogger Bugis kali ini bermanfaat....
Happy Blogging...