curiindomeeting: blogspot

Tampilkan postingan dengan label blogspot. Tampilkan semua postingan

Senin, 07 Mei 2012

Memasang Rel Canonical di Blogspot

Canonical ini berfungsi sebagai pencegah terserapnya halaman dengan isi yang sama (url yang berbeda). Nih lebih jelasnya, ketika kita membuat toko online dimana terkadang dalam satu halaman kita memberikan list berdasarkan abjad dan beberapa lain kita memberikan list dengan berdasarkan harga untuk produk yang sama. Tanpa menggunakan canonical, maka hal ini akan mempersulit mesin pencari google untuk memprioritaskan hasil pencariannya untuk artikel/halaman kita. Tapi tenang berikut penangkal semua hal itu.

Memasang Rel Canonical di Blog

Langkah 1
Login ke Blogger
Masuk ke "Rancangan - Edit HTML"
Cheklist "Expand Template Widget"
Langkah 2
Cari kode <head> dan letakkan kode dibawah ini dibawahnya

Langkah 3

Memasang Rel Canonical di Blogspot

Semoga bermanfaat, selamat mencoba dan semoga berhasil

Minggu, 29 April 2012

Mencari Kode Area Handphone (seluler) di Indonesia

Mencari Kode Area Handphone (seluler) di Indonesia

Masukkan nomor HP yang ingin anda lacak di bawah ini

Bagi anda yang ingin memasangnya pada web/blog masing- masing, berikut caranya :

1. Copy script:

<iframe src="http://stufimedia.com/hasil.php" frameborder="0" ></iframe>

2. Untuk Blogspot :
Login blogger.com → pilih rancangan → tambah gadget → pilih html/javascript → paste script di atas.

3. Untuk WordPress :
Login ke dashboard wordpress → pilih Widget → pilih Text → paste script di atas.

Kamis, 26 April 2012

Cara Membuat Backround Blog Berubah-ubah Dalam Satu Templates

Mungkin anda ingin tampilan blog anda indah/keren/lainnya tapi harus merubah template atau lainnya. Berikut cara untuk membuat backround blog anda berubah - ubah dalam satu template. Script-nya ini:

<div class="widget-content">

    <center><blink style="color: rgb(0, 102, 0);"><span style="font-weight: bold; color: rgb(0, 153, 0);">Change Background of This Blog!</span></blink><br /><br />

    <center><select onchange="document.body.style.background = this.value;this.style.background = this.value;" name="DADcbgc" title="Change Background Image" width="185" height="30">

    <option value="url() repeat center center fixed" />None

    <option value="url(http://cdn.indowebster.com/www42.indowebster.com/7dd2ae51f4b0cb792d3a435dc953f5cc_thumbnail.gif) repeat center center fixed" />Red Matrix

    <option value="url(http://yahyarezpectors.files.wordpress.com/2011/01/sharingan_wheel_by_neronin2.gif) repeat center center fixed" />Sharingan

    <option value="url(http://data0.eklablog.fr/hinata/mod_article214242.gif) repeat center center fixed" />Sharingan 2

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2gWbTIFTg_ggTDtm_hjOWyItUtPwa7DtEjfEilbBAiyoZkeBHskeqzD8g05OuWbyXOPeHR48NBnrOZxaFZFjHdM8tcyeEYf-r7c8fTTyr3kmuBa838-leXntqttfWqqBLukZRWI1UzTy8/s1600/death-note%25284%2529.jpg) repeat center center fixed" />Death Note 1

    <option value="url(http://i469.photobucket.com/albums/rr57/dragonknight0000039/ae/death20note20L.jpg) repeat center center fixed" />L Lawliet 1

    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZF_GOqPR_I/AAAAAAAAEsY/iGS-uTIVDs8/DADbg.JPG) repeat center center fixed" />Hidden Leaf

    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC4NlmmMI/AAAAAAAAEvk/cma5mtW-beU/DADbg2.JPG) repeat center center fixed" />Rikimaru

    <option value="url(http://lh6.googleusercontent.com/_GaKwmMcf4N4/TZGC24bJuCI/AAAAAAAAEvg/O1mDH3LU91w/DADbg0.jpg) repeat center center fixed" />Yu-Gi-Oh!

    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGDGbOqsnI/AAAAAAAAEwI/FWAbOOZu2go/DAD1.jpg) repeat center center fixed" />Deidara

    <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud

    <option value="url(http://lh5.googleusercontent.com/_GaKwmMcf4N4/TZGC7UA67RI/AAAAAAAAEv0/ehJ-oez_akU/DADbluematrix.gif) repeat center center fixed" />Blue Matrix

    <option value="url(http://lh3.googleusercontent.com/_GaKwmMcf4N4/TZGC9O9ZNUI/AAAAAAAAEv8/Idjb8xIrw60/DADgreenmatrix.gif) repeat center center fixed" />Green Matrix

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPYyqFwe8Mr91sXF0d9Fh4MIISrew_Fiq1OIg2I35HUdOFgI-JIbpupRn8oT0lrVr94Vev2c0kw9mmPN_8JXl02mbMwkJzh9L8fNSPjpCtO8a4uiaHKiWAjnf-fWkzflgAsG2WsRZ4ho/s320/Henge_Kyubi.jpg) repeat center center fixed" />kyubi

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijkY2njBi170KJL_5MEQDrfeBcI4JYcFfKr0fNb5zmjV5Z3sPbZ5R9LnB_12NqJgIZUfJBplt8AKJfkCx2fWVnoXxY-sO_w60l4ES22MwXUZP_5YfoR7byEgX1aKCGxQWMv-DO3HvSddM/s1600/th_gif-sasuke-naruto.gif) repeat center center fixed" />Naruto VS Sasuke

    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/sharingan.gif) repeat center center fixed" />Sharinggan 3

    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/2748793811a3546012338b327107314l.gif) repeat center center fixed" />Sasuke Chidori

    <option value="url(http://i354.photobucket.com/albums/r409/zulqi/animasi/thsharingan.gif) repeat center center fixed" />sharinggan 4

    <option value="url(http://i1187.photobucket.com/albums/z387/amandayassin/GenerasiRasengan.jpg) repeat center center fixed" />Rasenggan

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWAJ1KSDiohvesJvZtnlCUCGJ2lWdXQ_GsUL8i8WdaiusL3tGrUIJmlTg6ZKK0KrQpiiHZUzw9Z3dVk1nmaU8UdOctkL4azr9Q20lOP86pEhjL7s8JQ63wNeF0Ak2X19oaMTJvTyhaIw/s1600/avenged-sevenfold.gif) repeat center center fixed" />A7X

    <option value="url(http://gifsoup.com/webroot/animatedgifs1/1591575_o.gif) repeat center center fixed" />afterlife

    <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0xrr3TOed212moXVmXFADLPGpWabLSZEnjyMCphkqaPTTwYsNMr-biRQXh0QguJG-wcmo93i8fZzJJzDQBy4YSYWBpJy6_nLEvsHZ06l4bYufO3C-zNQ7DbaNN3ii7WfSzO8DNxrTCKPh/s1600/deathbat1.gif) repeat center center fixed" />avenged 7fold

    <option value="url(http://29.media.tumblr.com/tumblr_lqvacoNquH1qay46jo1_400.gif) repeat center center fixed" />avenged

    </select></center></center>

    </div><br/><center><a href="http://blog.cyber4rt.com/" target="_blank">Cyber4rt Blog</a></center>

Semoga bermanfaat!!!

Rabu, 18 April 2012

Cara Edit Template Blog Agar Lebih Seo Friendly

Hallo sobat..!! Selamat datang di Cyber4rt, Buat sobat yang belum tahu apa itu seo, menurut yang saya baca dari wikipedia Seo adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut. Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.
Banyak cara untuk mencapai tujuan dari seo, dan salah satunya mungkin dengan cara mengedit template blog supaya menjadi lebih seo friendly. Berikut adalah cara mengedit template blog agar lebih seo friendly, yang saya dapatkan dari Blog Rudi.

Page Title - Biasanya format page title dari blogger kan seperti ini : JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML ( cara mudahnya di Mozilla tekan ctrl +f lalu copy paste kode dibawah ini):

<title><data:blog.pageTitle/></title>
Kalo udah dapet kodenya hapus n ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Atau sobat juga bisa tambahin beberapa kata kunci ( keyword ) :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
</b:if>

Ganti kode "kata kunci" dengan keyword yang sobat incar. Setelah semua selesai jangan lupa di save template
Meta keyword dan deskripsi - Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode :

<b:skin><![CDATA[/*
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if>

Lalu di save
Memasang Breadcrumbs - Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat diblog-nya juragan ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat menu breadcrumbs”
Memasang Related Post - Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat related post di blogger”.
Mematikan setting archive (arsip) - Lho ? buat apa juragan ? begini nih, seperti yang juragan bilang tadikan kalo google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :
sobat membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGSOBAT.blogspot.com/2007_03_01_archive.html, pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.
Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya : setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.

Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode<head> :
<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>
Menambahkan kode ‘rel=canonical’ - Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content ( *jadi buat yang kerjanya Cuma bisa copas hati-hati nih sebelum didepak dari gugel..xixixi*). Cara nya di edit html tambahkan kode berikut setelah kode <head>

<link expr:href='data:blog.url' rel='canonical' />

Save template dan selesai
Tag Heading - Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya cari kode berikut :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>Kode yang dicetak tebal dihapus dan ubah dari h3(atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Nah segitu aja dulu yaa, klo ada pertanyaan silahkan coment insya allah saya bantu!!
Berbagi apa yg saya tau itulah prinsip

Sumber: Rudi Cyber4rt

Sabtu, 14 April 2012

Besar Kapasitas Blogspot

Blogger pengguna blogspot mungkin sering bertanya-tanya, seberapa besar kapasitas yang diberikan oleh Blogspot untuk 1 akun? Apakah gratis berarti mendapatkan kapasitas yang sangat terbatas dibanding menggunakan blog platform berbayar? Mari kita bahas mengenai kapasitas dari Blogspot di bawah ini.

Besar Kapasitas Blogspot

Jumlah Blog : Blogspot mengijinkan kita memiliki jumlah blog sebanyak-banyaknya dalam 1 akun.

Jumlah Label/Kategori : Sampai dengan 2000 label per blog dan 20 label per posting (artikel).

Jumlah Posting : Tidak ada batasan jumlah posting yang dapat dimiliki dalam 1 blog.

Jumlah Komentar : Suatu posting tidak memiliki batasan jumlah komentar. Bila memilih menyembunyikan komentar, komentar tersebut akan tetap tersimpan (tidak hilang).

Jumlah Gambar : Sampai dengan 1 GB menggunakan Picasa Web

Besar Kapasitas Posting : Masing-masing posting (artikel) tidak memiliki batas kapasitas spesifik. Tetapi kapasitas posting (artikel) yang sangat besar sebaiknya memperhitungkan besarnya kapasitas halaman.

Besar Kapasitas Halaman : Besarnya kapasitas untuk 1 halaman blog (halaman utama/arsip) adalah 1 MB. Bila mencapai batas limit akan ada peringatan "006 Please contact Blogger Support." Untuk mengatasi masalah ini dapat dilakukan dengan mengurangi jumlah posting (artikel) di halaman utama blog (yang juga berarti akan mempercepat loading blog).

Kapasitas Gambar : Bila memposting gambar melalui Blogger Mobile, maka batas limitnya adalah 250K per gambar.

Jumlah Tim Member : Batas limit member perblog adalah 100 member.

Deskripsi Blog : Sampai dengan 500 karakter (tanpa kode HTML).

Informasi Profil "About Me" : Maksimal 1.200 Karakter.

Profil Minat dan Favorit : Maksimal 2.000 karakter untuk setiap kolom.

Hal Lain Yang Perlu Diketahui
Kapasitas diatas berlaku pula bila menggunakan domain sendiri dan tetap menggunakan hosting blogspot. Bila menggunakan hosting dari pihak lain (FTP) maka kapasitasnya menggunakan kapasitas dari hosting tersebut. [Google Support]

Sabtu, 07 April 2012

Cara Membuat Sitemap ( Daftar Isi ) Di Blogspot

Cyber4rt | Sitemap adalah salah satu alat bantu untuk para webmaster/visitor yang mempermudah dalam pengenalan peta situs di dalam website. bagi saya sitemap adalah sebuah halaman wajib untuk dibuat dalam merancang sebuah website, karena peran sitemap sangat penting baik dalam hal SEO maupun kemudahan bagi para pengunjung untuk mengetahui content dari sebuah website.

Cara Menambahkan Sitemap pada Halaman Blogger :

Login ke Dasboard Blogger.
Buat posting baru beri judul misalnya : Sitemap atau Daftar isi.
Masukkan script dibawah ini pada mode penulisan HTML (bukan Compose)

<script src="http://acizninja.googlecode.com/files/blogspot_sitemap.js"></script><script   src="/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Kemudian klik tombol Publish Post untuk menerbitkan artikel atau page.
Setelah itu lihat artikel atau page yang baru anda buat.

Sekarang anda bisa membuat daftar isi blog dengan lebih mudah dan simple tanpa perlu merubah template atau mengedit html. Selamat mencoba dan terima kasih kepada Abu Farhan.

Menghilangkan Tulisan "Tampilkan Posting Dengan Label"

Cyber4rt | Saat kita menampilkan daftar artikel dengan label tertentu, maka akan muncul tulisan seperti

Tampilkan Posting Dengan Label bla..bla..bla... Tampilan Semua Posting

Untuk menghilangkan tulisan tersebut ternyata tidaklah sulit. Pertama, masuk ke akun blogger, setelah itu masuk ke menu Template > Edit HTML > dan jangan lupa untuk mencentang Expand Widget template.

Jika sudah, silahkan cari kode di bawah ini :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Silahkan hapus kode tersebut dan ganti dengan kode berikut :

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div>

</div>

</b:if>

</b:includable>

Simpan, dan lihat hasilnya.
Semoga berhasil.

Jumat, 06 April 2012

Cara Membuat Spoiler Di Blogspot

Cyber4rt | Spoiler banyak digunakan untuk menyembunyikan gambar yang beresolusi tinggi sehingga dapat mempercepat loading halaman web atau blog. Untuk membuatnya adalah dengan meletakkan script dibawah ini didalam postingan.

Script spoiler adalah sbb :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Nama Spoiler</b>: <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<img arc="http://www.cyber4rt.com/logo.gif">
atau tulisan yang akan ditambahkan
</div>
</div>
</div>

nb: ganti tulisan yang berwarna merah sesuai dengan keinginan anda.

Hasilnya akan tampak seperti di bawah ini :

Nama Spoiler:

Selamat mencoba dan semoga berhasil.

Ubah Older / Newer Link Menjadi Judul Artikel Selanjutnya / Sebelumnya

Cyber4rt | Kali ini kita akan memodifikasi link older post dan newer post dibawah posting blog menjadi langsung menuju artikel selanjutnya maupun ke postingan yang lebih lama (yang ditampilkan adalah link judul artikelnya langsung).

Login ke Blogger.com dan langsung menuju ke Template > Edit HTML. Jangan lupa mem-backup script template terlebih dahulu.

Letakkan kode berikut ini sebelum </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Lalu, SAVE Template

Tambahkan kode di bawah ini ke gadget dengan menambahkan widget Javascript/HTML. Posisinya bebas dan tanpa judul

<style type="text/css">
#cyber4rt-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
#cyber4rt-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var olderLink = $("a.cyber4rt-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.cyber4rt-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
var newerLink = $("a.cyber4rt-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.cyber4rt-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
});
</script>

SAVE gadget Javascript/HTML. Sekarang coba buka blog kamu, dan lihat dibawah posting, apakah link older post dan newer post sudah berubah dan yang muncul adalah judul artikel atau postingannya ???

Semoga berhasil, terima kasih.

Kamis, 05 April 2012

Cara Memasang Meta Tag Otomatis Di Blogspot

Cyber4rt | Jika berbicara soal meta tag dan SEO tidak bakalan ada habisnya karena ada banyak cara untuk bisa menjadi lebih SEO lagi dan salah satunya adalah memasang meta tag otomatis di setiap postingan Blogspot. Nah jika Anda tertarik untuk memasang meta tag otomatis di setiap postingan blog silahkan ikuti langkah - langkah berikut ini :

Login ke Blogger.com dan langsung menuju ke Template > Edit HTML. Untuk menghindari kesalahan sebaiknya anda mem-backup script template terlebih dahulu.
Cari script / code berikut :

Setelah Anda mendapatkan kode diatas, hapus lalu ganti dengan kode berikut :

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.pageTitle/></title>

<meta content='DESKRIPSI HOMEPAGE' name='description'/>

<meta content='KEYWORD 1, KEYWORD 2, DST' name='keywords'/> 

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<title><data:blog.pageName/> | <data:blog.title/></title>

<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='description'/>

<meta expr:content='data:blog.pageName + &quot;, cyber4rt, teknologi&quot;' name='keywords'/>

</b:if> 

Setelah selesai klik Save Template