Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Sabtu, 09 November 2013

Cara Memberi Backgraund Di Dalam Posting Artikel Blog

backgraund posting

Lihat gambar di atas pada kotak posting di blog, ada kotak lagi, itu namanya Backgraund Posting Artikel. Jadi fungsinya menambah menarik artikel dan sebagai tempat menulis kode-kode css atau hal penting lainnya yang ingin anda tekankan sebagai pembeda dari isi artikel posting yang lain.

Berikut Cara Memberi Backgraund Di Dalam Posting Artikel Blog :

1. Logging Blog.
2. Buat Entri untuk mulai menulis artikel.
3. Lihat pojok kiri atas ada dua pilihan kotak Compose dan HTML.
4. Pilih HTML Masukkan kode berikut ini :

<div style="background-color: red; border: 1px dotted #ffffff; padding: 5px; width: 400px;">TULISAN ANDA</div>

5. Warna merah, itu warna backgraud ganti warna dalam Bahasa Inggris.
Warna hijau itu garis sekelilingnya atau bordernya, ganti dengan pilihan : solid, dotted, dashed, double, groove, ridge, inset,  atau outset. Warna pink itu warna garis bordernya, ganti dengan kode warna sesuai minat anda.
 6. Simpan setelah menulis artikel selesai.

Cara Membuat Border Pada Postingan Blog

Border BlogPernah tidak kalian mengunjungi blog teman anda, di blog mereka ada border keren-keren untuk tiap postingan blog. Sebelumnya pasti kalian sudah tahu apa itu border postingan pada blog. Border postingan blog itu adalah garis pembatas berbentuk kotak yang isinya berupa postingan artikel kalian. Contohnya border postingan saya menggunakan dotted (garis putus-putus) berwarna merah. Ada banyak tipe untuk membuat border postingan caranya berikut :

1. Logging blog >> template >> tingkat lanjut >> Ccs.
2. Tulis kode Ccs.
3. Contoh border saya seperti ini kodenya Ccsnya :

.post{
  border-bottom:4px dotted #ff0000;
  border-top:4px dotted #ff0000;
  border-right:4px dotted #ff0000;
  border-left:4px dotted #ff0000;
  padding-bottom:0.9em;
  padding-left:0.9em;
  padding-right:0.9em;
}

3. Tapi kalau kalian ingin border yang berbeda begini tinggal ganti tulisan yang berwarna kuning dengan solid, dotted, dashed, double, groove, ridge, inset, outset. Dan tulisan berwarna hijau dengan kode warna sesuai minat anda. Kalau padding itu istilah lainnya margin.
4. Setelah anda utak-atik, jangan lupa disimpan.

Rabu, 02 Oktober 2013

Cara Mengedit Tampilan Copy Right

copy rightCopy Right adalah keterangan yang terletak pada bagian bawah blog yang berisi nama, tahun, dan template pembuat blog.  Copy Right tidak mempengaruhi rank blog anda. Copy right hanya memberi kesan profesional dan ciri khas tersendiri pada blog anda. Seperti yang telah dijelaskan pada Cara Menyembunyikan Attribution Power By Blogger, setiap blog 2013 sudah memiliki copy right namun tampilannya sederhana. Jika anda ingin mengedit tampilannya saya sarankan untuk menyembunyikan dulu copy right di blog setelah itu silahkan coba cara  mengedit tampilannya berikut ini :

Cara Mengedit Tampilan Copy Right :


1. Logging Blog
2. Sembunyikan Copy Right bawaan blog
3. Edit dengan klik Template >> Edit HTML
4. Letakkan kode berikut di atas ]]></b:skin>

.copyright{
float:left;
padding-top:5px;
padding-bottom:5px;
font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;
} 

5. Ganti float menjadi right jika Sobat ingin meletakkannya pada bagian kanan blogleft pada bagian kiri. Jika ingin terletak di tengah, hapus kode float.
6.  Taruh kode berikut ini, di atas </body>


<div class='copyright'>
Copyright &#169; 2013-2014 <a href=' http://r3394.blogspot.com/'>r3394 </a> | All  <a href='Right '>  </a> Reserved</div>
<div class='copyright'>

Template Design by <a href=' http://r3394.blogspot.com/'>Resti Fatmawati </a> | Powered By <a href='http://www.blogger.com/'>Blogger</a> </div>

Ganti warna :
Putih untuk tahun, Biru untuk URL blog anda, Pink untuk judul blog, Hijau Untuk nama anda.


Cara Menyembunyikan Attribution Power By Blogger

Power By BloggerAttribution Power By Blogger adalah widget yang ada pada bagian bawah blog berisi tentang pemberitahuan Copy Right blog. Copy Right blog biasanya berisi tentang nama, tahun pembuatan dan template pembuat blog yang berada di posisi paling bawah blog. Sebenarnya setiap blog tahun 2013 sudah disediakan widget untuk mengedit copy right, tapi para blogger kurang suka akan tampilannya sehingga banyak blogger yang ingin mengganti dengan tampilan yang lain. Ketika ingin mengganti tampilan copy right ini biasanya blogger harus menghapus atau menyembunyikan Attribution Power By Blogger dulu. Nah, berikut cara pertama untuk membuat Attribution Power By Blogger lebih menarik, caranya dengan menyembunyikan Attribution Power By Blogger terlebih dulu baru mengedit tampilannya :


Cara Menyembunyikan Widget Attribution Power By Blogger :


1. Logging Blog.
2. Klik Desigh >> Template >> Edit HTML.
3.  Cari kode ]]></b:skin>, gunakan F3 atau Ctrl F untuk pencarian.
4. Letakkan Kode dibawah ini, letakkan kode tepat di atas ]]></b:skin>

#Attribution1 {
height:0px;
visibilitty:hidden;
display:none
}

5. Simpan.

Sekarang tinggal mengedit caranya baca Cara Mengedit Tampilan Copy Right.


Selasa, 24 September 2013

Mengedit Dan Mempercantik Tampilan sidebar



sidebar
Sidebar adalah kolom-kolom di kanan atau kiri blog yang berisi label, arsip blog, informasi diri dll. Sidebar memudahkan menemukan artikel posting blog untuk ditemukan pembaca. Yang pernah saya baca, sidebar itu bagus kalau tempatnya di sebeloah kiri karena google robot merayap dari kanan ke kiri. Jadi kalau di tempatkan di sebelah kiri, Google Robot akan merayapi artikel postingan kita terlebih dulu. Jadi saran saya taruh sidebar ki sebelah kiri dan percantiklah. Berikut cara jika anda ingin mempercantik sidebar dengan memberi judul sidebar, efek bayangan pada judul sidebar, border dan brackground silahkan ikuti langkah berikut ini :



Cara Mengedit Dan Mempercantik Tampilan Sidebar :


1. Logging blog >> Template >> Sesuaikan
2. Tingkat lanjut >> Edit CCS
3. Copy dan pastekan kode berikut :

.main-inner .sidebar .widget h2 { 
 margin-top: 0px; margin-bottom: 0px;
 margin-left-value: 0px; 
 margin-right-value: 0px; 
 padding: 5px 5px; color: #ff0000 !important;
 text-align: center; 
 border: 0px solid #ff0000; 
 border-radius: 0px; 
 box-shadow: 7px 6px 7px 1px #3d85c6;  
 background: #6fa8dc; 
 }

.main-inner .sidebar .widget-content { 
 margin: 2px; padding: 2px 2px; 
 text-align: justify; 
 text-decoration: none; 
 border: 0px solid #ff0000; 
 border-radius: 0px; 
 box-shadow: 0px 0px 35px 0px #6fa8dc; 
 background:#ffffff; 
 }

.main-inner .widget ul, 
.main-inner .widget li,
.main-inner .widget ul li,
.main-inner .widget #ArchiveList ul.flat li { margin: 1px; padding: 4px; list-style: none; 
 }

Edit CCS tersebut sessuai keinginan anda.

Sabtu, 21 September 2013

Cara mengatasi pemberitahuan Warning: property image_url, blogid, postid is not part schema

Biasanya Warning: property image_url, blogid, postid is not part schema terjadi karena kita menggunakan template lama atau klasik. Atau kita telah menambahkan Author Rich Snippet Google Plus pada blog. Awalnya mungkin anda tidak mengetahui kesalahan Warning: property image_url, blogid, postid is not part schema ini, namun ketika anda menggunakan alat penguji data terstruktur atau testing rich snippet di Google Webmaster Tool masalah ini bisa terdeteksi.

Berikut cara mengatasi pemberitahuan warning : property image_url, blogid, postid is not part schema :


1. Logging Blog >> Template >> Edit HTML
2. Cari kode dibawah ini, jika ketemu hapus image_url

<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>


hingga menjadi seperti kode dibawah ini :

<meta expr:content='data:post.thumbnailUrl' itemprop=''/>

3. kmudian cari kode dibawah ini, setelah ketemu hapus semua kodenya.

<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

4. sekarang cek pada alat penguji data terstruktur atau testing rich snippet di Google Webmaster Tool anda.

Baca juga masalah setelah pemasangan  Author Rich Snippet Google Plus yaitu  Mengatasi Missing Required Field "updated" pada Rich Snippet Testing Tool

Sabtu, 14 September 2013

Mengatasi Missing Required Field "updated" pada Rich Snippet Testing Tool

Pada posting sebelumnya r3394 telah membahas Cara Membuat Author Snippet Google Plus. Setelah memasangnya, coba kunjungi Rich Snippet Testing Tool yang ada di Google Webmaster Tools. Rich Snippet Testing Tool ini biasanya digunakan untuk uji coba data terstruktur. Jika anda telah mendaftarkan blog anda ke Author Snippet Google Plus maka sering-seringlah melakukan Uji Coba Data.

Cara Membuat Author Rich Snippet Google Plus

gambar Author Rich Snippet Google Plus
Author Rich Snippet adalah Google Plus adalah cara menampilkan identitas penulis artikel blog pada halaman pencarian. Jadi setiap artikel yang anda ulas pada blog, jika ada seseorang mencari informasi pada mesin pencarian, informasi yang muncul pada halaman pencarian akan muncul potongan halaman blog anda disertai identitas nama anda sebagai penulis.

Cara Membuat Author Rich Snippet Google Plus :


1. Memasang URL profil Google Plus pada Blog


  • Logging Blog >> Template >> Edit HTML
  • Gunakan F3 untuk mencari kode </title>
  • Copy Paste kode ini dibawah </title>

<link href='https://plus.google.com/117423676697871229026/posts' rel='publisher'/>
<link href='https://plus.google.com/117423676697871229026/about' rel='author'/> 
<link href='https://plus.google.com/117423676697871229026' rel='me'/>


  • Ganti Nomor di atas dengan nomor URL Google Plus anda caranya, Sign in google plus >> Home >> Profil.
gambar Author Rich Snippet Google Plus
  • Simpan

2. Memasang Blog ke Google Plus

  • Sign in ke Google Plus anda
  • Pilih "Home" >> "Profil" >> "About"
  • Scroll ke bawah cari "Contributor To"
gambar Author Rich Snippet Google Plus

















  • Edit >> Isi dengan Nama dan URL Blog
  • Simpan

3. Verifikasi Data Pengarang (Authorship)

gambar Author Rich Snippet Google Plus











4. Test Author Rich Snippet Google Plus

gambar Author Rich Snippet Google Plus










Langkah-langkah membuat Author Snippet Google Plus telah selesai. Silahkan tunggu Google Robots untuk mengindeks ulang setiap halaman blog anda. Sekian posting kali ini, terimakasig telah berkunjung pada r3394.

Kamis, 12 September 2013

Cara Tercepat Mengindeks Artikel Blog Dalam Hitungan Detik

Siapa yang tidak mau kalau artikel blog anda cepat-cepat di indeks google. Biasanya kita menggunakan Google Webmater Tools untuk mempercepat. Tapi, tidak jaminan juga, terkadang walau sudah menggunakan Google Webmaster Tools tetap saja pengindeksan terjadi lama dari berjam-jam sampai berminggu-minggu. Nah coba bayangkan jika anda ingin memposting berita atau kejadian yang heboh, pastinya postingan tersebut malah jadi tidak aktual. Hasilnya tidak seperti yang anda inginkan, tapi jangan khawatir berikut adalah cara agar artikel blog dapat diindeks dalam hitungan detik.

Cara Tercepat Mengindeks Artikel Blog Dalam Hitungan Detik :


1. Logging ke blog anda.
2. Pilih URL artikel anda yang ingin di indeks.
3. Silahkan kunjungi https://www.google.com/webmasters/tools/submit-url?
4. Masukkan copy dan pastekan URL pada alamat tersebut.
5. Untuk mengetahui apakah sudah terindek, ketik "site:URL artikel" artikel pada mesin pencarian, lihat google telah mengindeks artikel anda.

Gambar Hasil artikel yang terindeks google












Terimakasih telah membaca, semoga posting r3394 hari ini bermanfaat bagi anda.

Senin, 09 September 2013

Cara Mengetahui Meta Tag Berfungsi Pada Blog

Meta Tag sangat penting bagi pengindeksan dan meningkatkan SEO Friendly blog anda. Apakah itu Mata Tag?? Apa fungsinya? secara garis besar Meta Tag adalah kode-kode HTML tersembunyi yang diletakkan pada bagian bawah kode <head> dan berfungsi mempercepat google mengindeks artikel yang terposting pada blog anda. Agar anda lebih jelas silahkan membaca cara memasang meta tag. Jika anda sudah jelas dan mampu memasang Meta Tag pada blog anda langkah selanjutnya adalah mengecek berfungsi tidaknya Meta Tag yang sudah anda pasang pada blog.

Berikut Cara Mengetahui Mata Tag Berfungsi Atau Tidak :


1. Silahkan kunjungi http://metachecker.net/
2. pada kolom teratas isikan URL blog anda >> Klik Checks.
3. jika meta tag berfungsi akan tampil seperti di bawah ini.


Jika belum tertampil seperti ini, maka segera perbaiki dengan memasang Meta Tag pada blog anda. Terimakasih telah membaca semoga posting r3394 kali ini bermanfaat.

Minggu, 08 September 2013

Cara Memasang Meta Tag Title, Meta Tag Author, Meta Tag Description, Meta Tag Keyword dan Meta Tag Robot

gambar meta tag
Meta Tag adalah kode-kode HTML tersembunyi yang diletakan pada bagian bawah kode <Head>. Fungsi dari Meta Tag adalah untuk membantu pengindeksan lebih cepat pada  mesin pencarian karena Meta Tag digunakan mesin pencarian untuk menampilkan potongan halaman blog anda ketika seseorang menekan tombol share/ berbagi pada media sosial. Selain itu Meta Tag dapat meningkatkan SEO Frinedly blog anda. Meta Tag SEO Friendly sendiri ada bermacam-macam yaitu Meta Tag Title, Meta Tag Description, Meta Tag Author,  Meta Tag Keyword dan Meta Tag Robot. Kali ini r3394 akan membahas satu persatu cara memasangnya pada blog anda.

Langkah-langkah Memasang Meta Tag SEO Friendly


Cara Memasang Meta Tag Title :

1. Logging Blog anda.
2. Pilih Tata Letak >> Edit HTML.
3. Cari Kode <title> atau <title><data:blog.pageTitle/></title>  dibawah <head> dengan F3.
4. Amati kode <title> sampai </title> apakah sudah seperti dibawah ini.
5. Jika belum hapus kode HTML <title> sampai </title> ganti dengan kode di bawah ini.

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>

6. SIMPAN


Cara Memasang Meta Tag Description Penelusuran :

1. Logging Blog >> Klik Menu Setelan.
2. Pilih Preferensi Penelusuran >> Deskripsi.
3. Klik Tombol Aktifkan Deskripsi Penelusuran.
4. Isi kolom dengan deskripsi blig anda maksimal 150 karakter.
5. Simpan.
6. Tulis Entri baru >> lihat Setelan Entri.
7. Deskripsi Penelusuran tertambah di menu setelan entri.


Cara Menambah Meta Tag Description, Meta Tag Author,  Meta Tag Keyword dan Meta Tag Robot :

1. Logging Blog anda.
2. Pilih Tata Letak >> Edit HTML.
3. Sisipkan kode di bawah </title>

<meta content='NAMA ANDA ' name='author'/>
<meta content='DESCRIPTION BLOG' name='description'/>
<meta content='KEYWORDS BLOG' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Contoh :
<meta content='Resti Fatmawati' name='author'/>
<meta content='Blog yang berisi artikel tentang Blog, ringkasang modul universitas terbuka, cerita pendek, laporan pengamatan sd' name='description'/>
<meta content='Blog, ringkasang modul universitas terbuka, cerita pendek, laporan pengamatan sd'name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
4. Simpan.

Jika Anda sudah melakukan langkah-langkah tersebut, kini saatnya cek apakah meta tak berfungsi dengan baca disini.

Sekian Posting r3394 tentang cara-cara memasang berbagai Meta Tag di Blog, semoga membantu.

Sabtu, 07 September 2013

Cara Memasang Alexa Rank Pada Blog

Karena sudah jelas apa itu Alexa Rank pada posting kali ini kita akan membahas cara memasang Alexa Rank pada blog anda. Jika anda kurang jelas mengenai Alexa Rank silahkan baca disini. Namun langsung saja untuk anda yang sudah mengerti simak cara berikut ini. Berikut langkah-langkah memasang Alexa Rank di blog ala r3394 :

Cara Memasang Alexa Rank Pada Blog :

2. Masukan URL blog anda pada salah satu kolom.
3. Klik "Build Widget".

gambar alexa rank








4. Pilih kode widget, copy dan pastekan pada html blog anda.

gambar alexa rank





5. Logging Blog anda untuk mempastekan kode.
6. Pilih "Tata Letak".
7. Pilih "tambah gadget" sesuai posisi yang anda inginkan.
8. Pilih "HTML Java Script" dan pastekan kode pada bagian ini.

Sekarang pada blog anda telah terpasang Alexa Rank. Terimakasih telah membaca, semoga posting r3394 bermanfaant.

Memasang Alexa Rank Pada Mesin Pencarian

gambar alexa rank
Pada artikel cara mendaftar atau membuat akun alexa telah saya gambarkan sedikit tentang Alexa.com dan Alexa Rank. Keduan nama tersebut sama saja, bedanya mungkin pada istilahnya saja. Jika Alexa.com adalah situs tempat membuat akun atau mendaftar akun Alexa. Maka Alexa Rank adalah tools atau bagian dari pada situs Alexa.com untuk mengetahui peringkat blog anda dari trafik para pengguna internet yang memasang tools Alexa Rank pada blog mereka.

Tahukah anda Alexa Rank dapat dipasang pada mesin pencarian dan blog anda. Tapi untuk kali ini kita akan membahasa cara memasang Alexa Rank pada mesin pencarian. Keuntungan Alexa Rank yang dipasang pada mesin pencarian adalah selain anda dapat mengetahui peringkat blog sendiri, anda juga dapat mengetahui peringkat blog orang lain ketika anda belum masuk pada blog mereka dan walaupun orang itu tidak memasang Alexa Rank pada blognya.

Banyak macam mesin pencarian di internet. Tapi kebanyakan orang menggoounakan mesin pencarian Google Chrome dan FireFox. Jika anda ingin memasangnya wajib untuk memiliki AKUN ALEXA. Berikut cara memasang Alexa Rank pada mesin pencarian anda :

Cara Memasang Alexa Rank pada Google Chrome :

1. Silahkan kunjungi http://www.alexa.com/toolbar..
2. Klik tombol "Install Alexa Extension"
3. Klik " (+) Add to Chrome" pada pojok kanan atas >> klik "Add".
4. Tunggu proses download selesai.
5. Pada halaman pop up klik "Accept and Enable".
6. Jika muncul simbol seperti ini Alexa Rank sudah terpasang pada Google Chrome anda.

Cara Memasang Alexa Rank pada Firefox :

1. Silahkan kunjungi http://alexa.com/toolbar.
2. Klik "Accept dan Install" pada halaman "User License Agreement".
3. Klik "Alow" >> klik "Install" pada jendela baru.
4. Klik "Restart".
5. Jika muncul pemberitahuan "Here new toolbar" >> "centang semua" >> "OK".

Namun jika anda ingin memasang Alexa Rank pada blog baca disini

Jumat, 06 September 2013

Cara Mendaftar atau Membuat Akun Alexa Rank

Alexa.com adalah situs yang menyediakan cara pendaftaran akun Alexa Rank. Guna Alexa Rank sendiri adalah untuk memantau perkembangan blog anda. Alexa menampilkan peringkat berdasarkan trafik pengguna internet yang memasang toolbar Alexa Rank pada blog mereka.


gambar logo alexa

Alexa Ranka yang menunjukan digit kecil berarti semakin bagus. Jika anda membuat blog dengan tujuan mendapat uang anda wajib memasang Alexa Rank. Karena Alexa ini berguna sebagai indikator webmaster untuk menilai blog dan para pemasang iklan untuk menaksir nilai suatu blog. Perlu diingan Alexa tidak menjamin blog anda akan naik daun, semua tergantung kreatifitas anda untuk membuat blog anda membumming. Tapi, Alexa ini juga sedikit membantu dari pada tidak sama sekali. Maka milikilah akun Alexa untuk mendapatkan Alexa Rank.

Berikut cara mendaftar akun Alexa :
1. Kunjungi http://www.alexa.com/
2. Create an Account pada pojok kanan atas.


gambar alexa rank












3. Isikan dengan alamat email dan nickname, klik register.


gambar alexa rank










4. Buka email anda, klik URL yang dikirimkan Alexa.


gambar alexa rank










5. Masukkan password anda, klik submit.


gambar alexa rank

6. Sekarang anda telah mempunyai akun alexa. 

Cara menggunakan Alexa Rank :
 "logging akun Alexa" >> Klik "Site Info >> "masukan alamat blog anda" >> "search".
Tapi, jika anda ingin melihat rank anda tanpa mengunjungsi situs Alexa.Com. Anda dapat adalah memesang Alexa Rank pada Blog anda atau pada mesin pencarian anda.
Terimakasih sudah berkunjung semoga posting r3394 membantu.

Cara Membuat Kursor Blog

gambar kursor blog
Banyak cara agar mempercantik blok salah satunya adalah memberi tampilan kursor blog yang menarik. Jika anda berfikir dan tertarik pada cara ini silahkan simak langkah-langkahnya..

Untuk anda yang masih baru pada dunia blog dan masih belum bisa membuat HTML untuk kursor blog anda sendiri jangan khawatir karna tersedia link-link yang menyediakan code HTML secara gratis. Berikut alamat link yang bisa anda kunjungi :
1. http://.cursors-4u.com
2. http://www.totallyfreecursors.com/

Setelah anda memilih model kursor, langkah selanjutnya :
1. Logging ke blog anda.
2. Klik "Tata Letak" -> "Tambahkan Gedget"
3. Pilih "HTML/Java Script" pastekan code dari alamat.
4. Kursor anda telah berubah.

Minggu, 25 Agustus 2013

Cara Memasang Google Analytics ke Blog

google analytics logo
Google Analytics adalah tool gratis milik google yang berguna melacak dan menganalisis traffik web/blog anda. Google Analytics dirilis oleh Google bulan Novenber tahun 2005 dengan nama pertama "Urchin" untuk tujuan menghitung pengaruh situs web/blog dan kampanye pemasaran. Kegunaan dari tool ini sendiri adalah anda dapat menetahui perilaku pengunjung anda; halaman favorit pengunjung, lama kunjungan, asal pengunjung, sumber kunjungan, dan tren pengunjung yang dilaporkan dalam persentase. Jika anda berniat memanfaatkan tool ini, syarat pertamanya adalah anda wajib memasang Google Web Master Tools pada blog anda. Silahkan klik disini untuk membaca cara mendaftar Google Web Master Tools. Jika anda sudah memiliki akun Google Web Master Tools silahkan ikuti langkah berikut ini :

Langkah-Langkah mendaftar Google Analytics pada blog :
1. Logging ke Google Analytics.
2. Klik "Sign In" pada pojok atas.

google analytics sign in

3. Setelah berganti halama, klik "Sig Up"
4. Akan muncul halaman pendaftaran, silahkan anda isi.

google analytics daftar

5. Klik "Get Traking ID" setelah anda mengisi daftar dengan benar.
6. Akan muncul pop up "Google Analytics Term of Service" -> Klik "I Accept"
7. Setelah itu anda akan mendapat ID pelacakan dan  Tracking Code dari Google Analytics.

google analytics ID


Setelah anda berasil mendaftar pada Google Analytics, langkah selanjutnya andalah memasangnya pada blog anda.

Berikut adalah langkah-langkah  memasang Google Analytics pada blog :
Langkah Pertama, "Memasang Google Analytics Tracking ID" :
1. Logging ke blog anda.
2. Pilih "Setting" -> Klik "Other".
3. Masukkan Google Analytics ID.
4. Simpan.

Langkah ke dua, Memasang "Google Analytics Tracking Code" :
1. Logging ke blog anda.
2. Pilih "Template" -> Klik "Edit HTML"
3. Cari code </body>, gunakan F3 untuk mempermudah pencarian.
4. Simpan Template.
5. Pada Web Master Tools akan muncul pemberitahuan berikut -> "Centang"-> Klik "Save".


google analytics

6. Setelah itu akan ada pemberitahuan "Site Masagges" dari Google Web Master Tools.


google analytics


Catatan : jika Template blog anda klasik maka langkah pertama akan gagal, jika terjadi silahkan mengabaikan dan melanjutkan ke langkah ke dua.
Terimakasih telah membaca, semoga posting r3394 bermanfaat.

Cara Membuat Google Sitemaps Pada Blogspot

google sitemaps
Sitemaps adalah halaman pada Google Web Master Tools yang memaparkan seluruh isi artikel/URL posting pada blog anda.
Fungsi dari Sitemaps itu sendiri adalah memudahkan dan mempercepat google mengindek setiap URL artikel posting dalam blog anda tanpa menunggu pengunjung mengunjungi satu per satu alamat URL posting blog anda. 
Jika anda menginginkan membuat Sitemaps, wajib hukumnya untuk anda memiliki akun Google Web Master Tools. Jika anda belum memilikinya silahkan baca cara mendaftar Google Web Master Tools. Namun, untuk anda yang sudah memiliki silahkan ikuti langkah berikut ini :

Langkah-langkah membuat Sitemaps pada Blog :
1. Sign In ke Google Web Master Tools anda.
2. Pilih "Manage Site" -> Klik "Add or Remove Users"
3. Pilih daftar kanan "Crawl" -> Klilk "Sitemaps"
4. Klik "Add/Test Sitemap" pada pojok kanan atas.
5. Tambahkan URL "feeds/posts/default?max-results=400" -> Klik "Submit Sitemaps".

google sitemaps

6.  Muncul Pop Up page "Refresh".

Jumat, 23 Agustus 2013

Cara Mendaftarkan Blog ke Google Web Mater Tools

gambar google webmaster tools
Google Web Master Tools adalah tool gratis yang disediakan google untuk memonitor web/blog anda. Bagi anda newbie silahkan menggunakan cara ini untuk mengindeks blog anda di google. Mengindeks adalah memunculkan alamat Url setiap entri blog anda agar terbaca oleh Google. Untuk para newbie hal ini sangat dianjurkan. Kenapa? Kerena Google Web Master Tools memudahkan anda dalam mempromosikan blog, mengoplimalkan SEO blog dan meningkatkan rank blog anda pada mesin pencarian. Simak langkah-langkah r3394 untuk mendaftar.

Cara mendaftar Google Webmaster Tools :
1. Logging ke "Google Web Mastertools" isi dengan akun dan password blog anda.
2. Pilih "Add Site" -> masukkakn URL blog anda.

google web master tools

3. Anda otomtis akan dibawa pada halaman "User & Site Owners"


google web master tools

4. Klik "Owener Verifycation Page"
5. Klik "Verify Using a Different Method" terletak pada kiri atas.


google web master tools

6. Pada tab verification methods -> centang "HTML tag" akan terlihat code seperti ini :

<meta name="google-site-verification" content="E80O8Ki87Mh8eA6TZeJsy056tpT1tI2gi_xtrb_UP5Y" />


google web master tools


7. Copy dan pastekan code pada "Template" -> "Edit html" (Logging ke blog anda).
8. Pastekan tepat dibawah <head>, gunakan F3 untuk mempermudah pencarian -> "simpan".


HTML

9. Kembali ke halaman "Verification Methods" -> klik "Verify"


google web master tools

10. Akan muncul keterangan "Verified"


google web master tools

Indeks biasanya terjadi 4 hari setelah pemasangan.


Sekian posting r3394 hari ini, semoga bermanfaat. Jika ada hal yang kurang jelas silahkan bertanya dengan bahasa yang sopan.

Cara Membuat Zoom Gambar Postingan Blog

Kebanyakan para blogger lebih senang menampilkan posting disertai gambar hal ini akan lebih menarik dan membuat pembaca lebih memahami postingan blog. Tapi, sebagian besar gambar yang mereka sisipkan dalam posting berukuran kecil sampai sedang. Hal ini dipilih para blogger karena  akan membuat tampilan posting blog terkesan rapi. Jadi untuk anda yang suka kerapian, tapi ingin gambar yang anda sisipkan di posting tetap terbaca dan berguna silahkan gunakan "Zoom Gambar Posting Blog". Berikut langkah memasangnya : 

Memasang Efek Zoom Gambar pada semua posting :

1. Logging ke blog anda.
2. Pilih "Template" -> "Edit HTML"
3. Cari code ]]></b:skin> gunakan F3 untuk mempermudah pencarian.

gambar template HTML zoom

4. Silahkan copy code ini, tepat diatas ]]></b:skin>.

    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3); }

5. Simpan.

Sekarang coba anda lihat blog anda. Setiap gambar pada blog anda akan membesar otomatis jika dilalui kursor.

Sekian posting saya hari ini, semoga bermanfaat. Jika ada hal yang kurang mengerti silahkan bertannya dengan bahasa yang sopan.

Memasang Efek Zoom pada sebagian gambar di posting :

gambar zoom

Efek Zoom kebalikan adalah efek tampilan gambar dari gambar kecil ke gambar besar. Tapi Efek ini hanya berlaku pada sebagian gambar yang anda pilih dan tidak berlaku untuk seluruh gambar yang anda posting. Jika anda penasaran, berikut langkah yang harus anda ikuti untuk mencobanya : 

1. Logging ke blog anda.
2. Tambahkan entri untuk menulis artikel baru.
3. Pilih HTML pada pojok kanan atas pada jendela penulisan entri.
4. masukkan code berikut :


<style type="text/css"> border: none; vertical-align: top; </style> <script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript"> </script><img border="0" class="expando" height="100" src="http://seoconia8.com/wp-content/uploads/2012/12/img-ref-01-200x300.png" width="100" />

5. Ganti URL berwarna biru dengan alamat URL gambar anda, ganti panjang dan lebar sesuai keinginginan anda.
6. Simpan, Lihat hasilnya akan seperti gambar zoom di atas.