Membuat Recent Comment Avatar

 Masih ingat dengan tulisan terdahulu? atau belum baca? Dulu pernah saya tuliskan, ada 8 widget yang sebaiknya ada di blog kita, salah satu diantaranya adalah Recent Comment. Kembali saya kutip dari tulisan terdahulu itu,

Recent comment, yaitu widget yang menampilkan komentar-komentar terbaru dari blog kita. Karena biasanya sebuah blog identik dengan person sehingga tulisannya itu berasal dari pemikirannya dan bisa dikomentari orang lain. Selain itu akan menambah semangat untuk berkomentar dan menghargai komentarnya.

Untuk itu, kali ini juga Belajar Ngeblog di BLOG akan membahas cara membuat Recent Comment yang lebih menarik, mengapa? Karena recent comment yang akan kita buat bisa menampilkan avatar si komentator, kalau yang biasa melihat di blog yang ada di wordpress, ya seperti itulah tampilannya. Jadi akan ada avatar (gambar) nama, dan isi komentar. Tentunya widget ini akan membuat tampilan blog lebih menarik. Langsung saja kita praktekan!

Cara Membuat Recent Comment Avatar.
1. Login ke akun blogger.com
2. Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
3. Kemudian masukan kode berikut ini:

 <style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://apricyber.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&
max-results=5"></script>

 4. Sebelum disimpan ganti http://apricyber.blogspot.com dengan URL blogmu sendiri. 5 adalah banyaknya komentar yang akan ditampilkan 50 adalah ukuran avatar dan 60 adalah banyaknya karakter komentar yang muncul.
5. Simpan jika sudah selesai.




Terima kasih atas kungjungan nya...

Read more


Membuat Recent Post Per Label

Layaknya sebuah blog yang ingin terlihat profesional, harus juga menampilkan yang sederhana tetapi bisa memudahkan penelusuran. Menu navigasi yang mudah bisa membuat pembaca blog merasa nyaman. Untuk itu blog juga menampilkan recent post atau link tulisan-tulisan terbaru kita di blog.

Blog yang bagus adalah tulisan atau postingan dikategorikan dengan rapi. Jika di blogspot kita menggunakan fitur label untuk mengaktegorikan jenis tulisan yang memiliki kesamaan. Misalnya saja kalau di blog ini ada, tutorial blog, tips ngeblog, widget dan sebagainya.

Untuk menyajikan lebih banyak menu dan pilihan, kita bisa membuat atau memasang widget recent post yang di tampilkan berdasarkan kategori atau recent post per label. Dengan pilihan menu bisa jadi pembaca akan banyak mengklik postingan-postingan terbaru yang tertata rapi sesuai dengan labelnya.

Cara Membuat Recent Post Per Label
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin> 

 img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}
ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}
.label_with_thumbs a{}
.label_with_thumbs strong{}

5. Lalu cari kode </head> dan letakkan kode di bawah ini tepat di atas:


<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>

6. Simpan Template jika sudah selesai.

Langkah-langkah di atas adalah untuk mengkostumisasi template. Jika sudah selesai kita ke langkah berikutnya untuk menambahkan recent post per label, yaitu:

7. Pilih Tata Letak lalu tambahkan Tambah Gadget > HTML/Javascript
8. Kemudian masukan kode berikut ini:

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>

<script type="text/javascript" src="/feeds/posts/default/-/
NAMALABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

9. Kita dapat menkostumisasi tampilan dengan mengubah kode yang berwarna merah. Dan ganti teks yang berwarna hijau dengan nama lebel yang akan ditampilkan. Simpan jika sudah selesai.
Terima kasih atas kungjungan nya...

Read more


Membuat Huruf Besar pada Awal Teks Postingan

 Ingin membuat blognya seperti gaya koran atau majalah? Yaitu dengan membuat huruf di awal teks postingan lebih besar dibanding setelahnya. Istilah lainnya adalah drop caps yaitu huruf besar yang ukurannya mungkin 10 kali lipat huruf biasa yang diletakkan di awal teks postingan.

Caranya cukup mudah, dengan membuat huruf pada awal teks yang ada di postingan bisa membuat halaman atau teks yang kita postingan lebih dinamis dan menarik. Kalau kamu ingin mencobanya, simak langkah-langkahnya berikut ini.

Cara Membuat Huruf Besar pada Awal Teks Postingan
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>


 /* kode untuk huruf awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

 5. Warna hijau adalah kode warna teks dan merah di atas kode warna background. Simpan Template jika sudah selesai.

Untuk menerapkan huruf besar di awal teks ini, setiap posting kamu harus pilih menulis lewat Edit HTML bukan Compose, ini hanya untuk di awal saja. Ketikkan kode ini dulu <span class="awal">huruf awal</span> Kata huruf awal, ganti dengan huruf pertamamu yang akan kamu posting. Misalnya : <span class="awal">B</span>


Terima kasih atas kungjungan nya...

Read more


Menambahkan Lencana Google+ dan Button +1

 Salam blogger... Dunia sosial media memang silir berganti yang muncul, populer ataupun mati. Salah satu sosial media yang sedang berjuang untuk mendapatkan tempat di hati pengguna internet yang jumlahnya terus bertambah adalah Google+. Sudah punya Google+ kan? Pastinya sudah punya semua, walau kadang ya hanya sekedar punya saja tetapi tidak begitu eksis.

Blogger.com sebagai salah satu keluarga Google juga meluncurkan atau memberikan pilihan gadget/widget Google+. Apa maksud dari blogger.com ini? Mungkin juga untuk mempopulerkan saudaranya yang ada di Google, sebagai sama-sama produknya Google.

Google+ sendiri adalah situs jejaring sosial, atau media sosial layaknya facebook. Tetapi tentu saja berbeda. Lalu ada Button atau tombol +1, yaitu untuk merating atau berbagi/share ke Google+. Di Google+ pun kita bisa membuat halaman blog, bagaimana caranya? Bisa kamu baca postingan terdahulu di sini.

Langsung saja, menambahkan Lencana Google+ yaitu gadget/widget untuk mempromosikan profil kita yang ada di Google+ atau halaman Google+. Dengan lencana yang kita tambahkan bisa mempermudah pengunjung blog kita yang ingin menambahkan menjadi teman, atau mengunjungi profil Google+. Ada juga tombol/button +1, dengan tombol +1 akan mempermudah pembaca membagikan post kita ke Google+ mereka.

Cara Menambahkan Lencana Google+ dan Button +1
1. Login ke akun blogger.com
2. Pilih Tata Letak lalu tambahkan Tambah Gadget
3. Kemudian Gadget yang ingin ditambahkan, Lencana Google+ atau Tombol +1

4. Jika kita ingin menambahkan Lencana Google+, tinggal klik saja, lalu memasukan URL profil Google+ milik kita, dan memilih tampilan terang atau gelap.



5. Jika kita ingin menambahkan Tombol +1, tinggal klik saja, lalu tinggal memilih ukuran tombol dan anotasi.


6. Simpan jika sudah selasai.

Itulah cara menambahkan Lencana Google+ dan Button +1 melalui galery gadget blogger.com, tetapi jika kita ingin menambahkan Button atau Tombol +1 dengan memasukan kode HTML/Java Script bisa didapatkan di sini sedangkan untuk menambahkan Lencana Google+1 bisa di dapatkan di sini dan untuk menambahkan Lencana Halaman Google+ bisa didapatkan kodenya di sini



Terima kasih atas kungjungan nya...

Read more


Mengatasi Lupa Alamat Email Untuk Masuk Blogger

lupa alamat
Pernah mengalami lupa alamat email yang digunakan untuk masuk atau login ke blogger.com? Mungkin sebagian blogger pernah mengalaminya, nama juga manusia. Ada beberapa kemungkinan mengapa sampai bisa lupa alamat email yang dipakai untuk login ke blogger.com.
  • Pertama, memiliki banyak akun atau alamat email, sehingga lupa email yang mana yang digunakan untuk daftar dan login ke blognya.
  • Kedua, lupa alamat email karena terlalu lama tidak meng-update blognya hingga waktu ingin masuk ke blogger.com dan mau masuk lupa alamat email.
  • Ketiga, bisa juga karena memiliki banyak blog sampai lupa yang mana email yang dipakai. Mau nambahin karena apa lupa alamat email?
Tidak hanya lupa alamat email, ditambah lagi lupa password yang digunakan untuk masuk ke blogger.com. Jangan khawatir, kali ini Belajar Ngeblog di BLOG akan memberitahukan caranya untuk mengatasi lupa alamat email untuk masuk ke blogmu yang ada di blogspot. Caranya cukup mudah, jika lupa kunjungi saja alamat URL untuk pengingat alamat email berikut:



Tampilannya akan seperti dibawah ini,lalu kita tinggal mengetik subdomain URL blog kita.


Setelah klik Cari maka alamat email akan dikirim ke email kita dan intruksi selanjutnya, misal menyetel ulang kata sandi atau password.

 
Itulah tadi cara mengatasi lupa alamat email yang digunakan untuk masuk atau login ke akun blog kita. Bagaimana jika lupa password untuk masuk email yang sudah dikirimi tersebut, coba pikirkan saja sendiri untuk memulihkannya. Sarannya, gunakan saja satu email untuk registrasi dan kesehariaan, jangan terlalu banyak. Semoga bermanfaat :)



Terima kasih atas kungjungan nya...

Read more


Membuat Hari dan Tanggal Otomatis di Blog

kalenderHari apa sekarang? Tanggal berapa ya? Mungkin pertanyaan itu pernah kita dengar atau meungkin juga pernah kamu ajukan. Memang hari dan tanggal adalah penanda yang tidak jauh dari kehidupan kita sehari-hari. Cukup ya pengantarnya? :)

Kali ini kita akan belajar untuk membuat hari dan tanggal secara otomatis di blog kita. Dulu di Belajar Ngeblog di Blog juga pernah dibahas cara menambahkan kalender. Sebenarnya tidak membuat juga, hanya tinggal menambahkan script sederhana untuk membuat hari dan tangga secara otomatis muncul di blog milik kita.

Dengan tampilan yang sederhana seperti ini "Kamis 07/06/2012" tidak akan terlalu membuat blog menjadi berat. Secara otomatis setiap pergantian hari, nama hari dan tanggal akan berubah sesuai dengan hari dan tanggal di laptop atau pc yang mengakses blog kita.

Cara Membuat Hari dan Tanggal Otomatis di Blog
1. Login ke akun blogger.com
2. Pilih Tata Letak
3. Lalu tambahkan Tambah Gadget > HTML/Javascript
4. Kemudian masukan kode berikut ini:

<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var montharray=new Array("01","02","03","04","05","06","07","08","09","10","11","12")
document.write(""+dayarray[day]+" "+daym+"/"+montharray[month]+"/"+year+"")
</script>



 5. Simpan jika sudah selesai.


Terima kasih atas kungjungan nya...

Read more


Rahasia Membuat Blog yang Ramai Dikunjungi

Rahasia Membuat Blog yang Ramai Dikunjungi  Blog yang ramai, banyak yang mengakses, banyak yang melihat, banyak yang berkunjung. Itu pasti keinginan sebagian besar blogger, termasuk saya :). Bukan hal mudah untuk membuat blog menjadi ramai, tetapi juga tidak sulit untuk mewujudkan blog yang ramai. Terinspirasi dari tulisan sederhana saya dulu yang posting di sini, ternyata hari ini setelah 3 tahun kembali saya temukan. Ternyata lumayan banyak yang membaca dan berkomentar.

Sebenarnya ini ceritanya mau memindahkan postingan, tapi buka dengan cara copy paste langsung melainkan dengan cara menulis kembali. Bisa ditiru juga, kalau mau memindahkan postingan jangan copy paste, dikhawatirkan bisa menjadikan duplikat post. Baiklah, kita buka kembali rahasia untuk membuat blog ramai pengunjung itu:

Posting dengan Rutin dan Original
Ini penting, jika blog kita lama tidak pernah kita update, ya tentu saja Mr google akan menurunkan posisi kita, dan juga pembaca akan bosan, mencari yang baru. Walau tidak sering tetapi haruslah rutin, misal 4 kali sebulan. pastikan juga yang kita posting adalah tulisan yang original, bukan copy paste.

Perhatikan Link yang Masuk dan yang Keluar
Usahakan lebih banyak link yang menuju blog kita, tetapi kita juga harus memasang link keluar, ke blog atau website lain. Mungkin perbandingannya 3 link yang menuju blog kita dan 2 Link yang kita pasang keluar. Link masuk bisa kita peroleh dengan blog walking, meningalkan jejak, dan berkomentar di blog orang lain. Link yang kita pasang yang biasanya sebagai blogroll atau menautkan di postingan, usahakan ke blog-blog yang mempunyai page rank yang tinggi.

Optimalkan Blog dengan SEO
Kita harus mengoptimalkan blog kita, artinya yang bekerja agar blog banyak dikunjungi orang adalah blog kita sendiri. Contoh-contoh yang bisa kita lakukan untuk mengoptimalkan blog kita adalah, menganti judul blog dengan judul postingan, menambahkan meta tag, mendaftarkan blog kita ke goole, dan sebagainya.

Manfaatkan Sosial Media yang Lain
Selain tergantung dari search engine, di zaman yang sekarang ini kita juga harus mampu memanfaatkan sosial media yang lain untuk menyebarkan link postingan terbaru. Sosial media atau situs jejaring sosial itu yang populer saat itu, semisal twitter, facebook, google+ dan lain-lain. Sosial media atau situs bookmarking untuk berbagi link menarik, kalau di Indonesia semisal Ureport-nya Vivanews atau Lintas Berita.

Itulah rahasia membuat blog yang ramai dikunjungi, sehingga bukan menjadi rahasia lagi. Blog adalah media dan tentunya saja blog milik kita bisa seperti sebuah merk atau brand. Jadi bangunlah brand itu dengan baik, sehingga banyak pelanggan, banyak pembaca sehingga menjadi ramai.

Terima kasih atas kungjungan nya...

Read more


Cara Kembali ke Dasbor Lawas Blogger

Seperti yang kita ketahui bersama, blogger.com sudah memperkenalkan halaman dasbor baru, mungkin kamu juga berada di halaman dasbor yang baru. Bagi blogger yang sudah lama memakai blogspot, tampilan dasbor yang baru ini dirasa kurang familiar, belum terbiasa, hingga dirasa loadingnya jadi agak lama. Meskipun demikian dengan menggunakan dasbor yang baru lebih banyak fitur yang bisa dinikmati.

Karena memang belum terbiasa, kalau sudah terlanjur ada di dasbor baru blogger ingin kembali ke dasbor lawas masih bisa dilakukan. Memang di dasbor lawas untuk navigasi terasa mudah, untuk mengedit template blogger tidak sulit. Mari kita belajar untuk mengembalikan ke dasbor lawas.

Cara Kembali ke Dasbor Lawas Blogger
Cara Kembali dari Dasbor Baru ke Dasbor Lawas Blogger
1. Login ke akun blogger.com
2. Di halaman dasbor baru lihat pojok kanan atas
3. Klik gambar Gear, nanti akan muncul pilihan
4. Pilih Antarmuka Blogger Lawas
5. Dasbor Lawas pun akan kembali.

Kita bisa kembali lagi, dari dasbor lawas ke dasbor baru atau sebaliknya. Pilihan kembali itu sementara masih disedikan oleh blogger.com. Apapun tampilannya, pilih yang sesuai dengan keinginanmu dan di mana kamu nyaman dengan tampilan itu.

Terima kasih atas kungjungan nya...

Read more


Membuat Efek Drop Shadow Pada Foto di Blog

Membuat Efek Drop Shadow Pada Foto di Blog
Foto atau gambar lebih bisa membuat orang jadi lebih lama ingat, selain itu dengan menampilkan gambar atau foto sebagai ilustrasi juga membuat blog menjadi lebih menarik. Orang akan lebih ingat dengan visualisasi blog daripada tulisan, karenan memang konon katanya sebuah paduan warna dalam foto gambar lebih tertanam pada memori otak dari pada hanya sekedar teks.

Dulu, di Belajar Ngeblog di BLOG juga pernah dibahas, cara membuat efek drop shadow untuk gamabar/foto yang ditampilkan di postingan. Sekarang kita akan belajar hal yang serupa, bedanya yang ini adalah membuat efek drop shadow untuk gambar atau foto yang ditambahkan sebagai widget. Kita ingat kembali, efek shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Kita tidak perlu mengedit foto itu, hanya menambahkan beberapa kode css efek shadow pada foto sudah terlihat.

Cara Membuat Efek Drop Shadow Pada Foto
1. Login ke akun blogger.com
2. Pilih Tata Letak
3. Lalu tambahkan Tambah Gadget > HTML/Javascript
4. Kemudian masukan kode berikut ini:

<style type="text/css">
.efekshadow{ background:#fff; padding:2px;  border:1px solid #fff;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px #888;
border-radius:5px;
-moz-border-radius:5px;
}
</style>
<a href="http://twitter.com/variskuh" target="blank"><img class="efekshadow" src="https://twimg0-a.akamaihd.net/profile_images/2184260905/kado-lukisan-gambar-karikatur-lucu.jpg" /></a>

5. Kode yang berwarna merah adalah URL link yang dituju dan URL gambar atau foto, kamu bisa menggantinya sesuai dengan keinginanmu. Simpan jika sudah selesai. 

Terima kasih atas kungjungan nya...

Read more


Menghilangkan Garis Bawah Pada Link di Blog

Menghilangkan Garis Bawah Pada Link di Blog
 Sering kali kita memberikan link di blog, karena memang sebagian besar blog berisi link-link atau dalam bahasa indonesia disebut tautan. Link yang ada di blog ada yang mengarah ke halaman blog kita sendiri atau internal link dan link yang mengarah ke halaman di luar blog kita atau disebut eksternal atau outbond link.

Pada beberapa template bawaan atau upload-an sendiri sering dijumpai ada atribut underline atau garis bawah pada teks yang berlink. Tentu saja bagi sebagian blogger yang melihat atau pengunjung yang membaca itu terkesan kurang rapi dan bagus. Untuk itulah ada yang menghilangkan garis bawah pada link tersebut.

Ada banyak manfaat memberikan link, khususnya pada postingan, yaitu dengan memberikan link pada teks dengan bahasan yang terkait dengan tulisan yang sedang disajikan. Ada yang bilang memberikan link pada kata kunci yang kita inginkan bisa membuat posisi blog kita lebih baik di search engine. Untuk menghilangkan garis bawah pada link sangatlah muda, pada dasarnya ada 2 cara, yaitu:

Cara Menghilangkan Garis Bawah pada Link Tertentu.
Biasanya kode untuk memberikan link pada sebuah teks adalah seperti ini


<a href="http://apricyber.blogspot.com/">Belajar Ngeblog</a>

Sisipkan kode css style="text-decoration:none" sehingga menjadi

<a href="http://apricyber.blogspot.com/" style="text-decoration: none;">Belajar Ngeblog di BLOG</a>


 Cara Menghilangkan Garis Bawah pada Semua Link.
Ini adalah cara mengubah semua link yang ada dalam blog secara default, sehingga secara otomatis semua link yang ada di blog menjadi tidak bergaris bawah (underline). Untuk itu maka kita harus mengedit HTML template blog, caranya yaitu:
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin>
 

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}

5. Simpan Template jika sudah selesai


Terima kasih atas kungjungan nya...

Read more


Label di Blogger dan Cara Mengoptimalkannya

memberi label
Saat menulis di blog untuk postingan, seringkan kita memberikannya label? Jadi sudah pada tahu, apa fungsinya lebel. Iya betul, fungsi label adalah untuk mengelompokan tulisan berdasarkan kriteria tertentu atau yang memiliki kesamaan topik (kategori). Dengan memberikan label pada postingan akan mempermudah pembaca untuk mengadakan penelusuran dan postingan terkait.

Label di blog yang berdomain di blogspot adalah pengelompokan berdasarkan hasil posting dengan ditandai label tertentu dan merupakan perintah pencarian atau search label. Tidak seperti fugsi kategori di wordpress, di label Blogger.com bukanlah pengelompokan dengan sistem direktori.

Seperti penjelasan di atas, bahwa label di Blogger hanyalah perintah pencarian (search label) sehingga url label sebenarnya merupakan perintah search. Contoh url-nya adalah:
http://kurniasepta.blogspot.com/search/label/search%20engine
Sehingga label di Blogger bukanlah link permanent atau permalink. Google search engine tidak memperhitungkan label sebagai link atau url yang sah untuk diindeks.
Susunan label yang ditampilkan di area postingan diurutkan berdasakan abjad. Tetapi Jika menggunakan menu/navigasi breadcrumbs label yang diambil adalah label yang paling terakhir.

Cara mengoptimalkan label untuk navigasi dan SEO

  • Manfaatkan label sebagai menu navigasi berdasarkan kelompok atau kategori posting. Caranya bisa dengan menambahkan widget label dengan berbagai bentuk, bisa berbentuk list, dropdown, could tag, ataupun juga flash animasi. Kita juga bisa memfaatkan label untuk menu horizontal di header. Pemnafaatan tersebut dapat membantu pengunjung atau pembaca blog mencari postingan yang diinginkan sesuai kelompok atau kategori tertentu.
Label di Blogger bukan url yang sebenarnya atau bukan permalink, untuk SEO. Maka sebaiknya label jangan diikutsertakan sebagai link yang harus diindeks search engine. Caranya adalah dengan membuat link label bersifat nofollow. Jika kita menambahkan link label secara manual di bagian isi postingan atau sebagai menu navigasi tambahan, bubuhkan fungsi rel=nofollow. Contoh:


<a href="http://apricyber.blogspot.com/search/label/Galeri%20Widget" rel="nofollow">Widget</a>

 Jangan terlalu banyak membubuhkan label pada suatu postingan, agar tidak membingungkan pengunjung atau pembaca blog. Usahakan tidak lebih dari 4 label yang digunakan untuk mengkategorikan suatu postingan. Selain itu agar label yang kita ingin optimalkan bisa muncul di breadcrumbs.





Terima kasih atas kungjungan nya...

Read more


Cara Setting Permalink di Blogspot Agar SEO

Cara Setting Permalink di Blogspot Agar SEO
Sudah tahu belum? Blogger.com atau blogspot memberikan fitur baru di layanan ngeblog gratisannya, yaitu kita bisa menentukan sendiri permalinknya. Jika dulu kita tidak bisa menyetting permalink dan sering terpotong. Permalink adalah URL (link) permanen yang mengarah pada halaman posting kita. Dulu, permalink ini sudah ditentukan oleh blogspot berdasarkan judul, yang panjangnya terbatas sehingga sering terputus. Contohnya untuk judul postingan "Label di Blogger dan Cara Mengoptimalkannya" permalinknya menjadi seperti berikut ini:

 http://apricyber.blogspot.com/2012/07/label-di-blogger-dan-cara.html

 Tentu saja hal tersebut tidak baik untuk search engine, atau kurang search engine optimize (SEO). Ini jugalah yang sering dikeluhkan oleh banyak blogger, dengan permalink yang tidak bisa disetting dan terbatas. Sehingga beberapa keyword yang diikutkan di judul tidak tampil di permalink.

Ternyata kekurangan blogspot yang penggunanya masih nomor satu untuk layanan blog gratisan milik Google ini segera berbenah. Setelah kemarin blogger mengenalkan fitur baru Meta Tag Description, sekarang kita bisa setting permalink sendiri untuk postingan yang akan kita publikasikan di blog. Sehingga kita bisa menuliskan permalink atau tautan permanen ini lebih panjang dan bisa lebih mengoptimalkan blog kita di search engine.


 Cara Setting Permalink di Blogspot Agar SEO

 Bagaimana cara setting permalink di blogger.com atau blogspot?
Caranya cukup mudah, Kita buka akun kita di blogger.com lalu saat menuliskan entri baru (posting) di sebelah sidebar kanan tempat kita menulis sudah ada banyak pilihan Setelan entri, di situ ada label, jadwal, dan dibawahnya jadwal itulah ada pilihan setting permalink atau tautan permanen. Ada dua pilihan setiingan tautan permanen, yaitu: URL Otomatis dan URL Khusus.

URL otomoatis berarti url yang otomatis ditentukan oleh mesin blogspot (aturan lama). Sedangkan URL khusus adalah kita sendiri yang menentukan, pilihlah ini untuk setting tautan permanen. Kita tinggal memasukan teks yang akan dijadikan permalink atau tautan permanen. Teks itu ditulis tanpa spasi, sehingga antara kata bisa kita gunakan tanda hubung (-) ataupun titik (.), contoh saya masukan teksnya begini, "Cara-Setting-Permalink-di-Blogspot-untuk-Optimalkan-Blog", nanti akan menjadi seperti ini:

http://apricyber.blogspot.com/2012/07/Cara-Setting-Permalink-di-Blogspot-untuk-Optimalkan-Blog.html

Jika sudah, klik saja Selesai. Nanti saat kita publikasikan entri yang sudah kita tulis, maka permalinknya akan seperti yang ditunjukkan di pilihan tersebut. Sekarang tidak perlu khawatir untuk menulis judul postingan yang panjang-panjang, takut kalau terpotong di permalink. Karena kita sudah bisa menyetting permalink, dan bisa panjang. Permalink yang sudah kita publikasikan, tidak akan bisa diubah lagi. Untuk lebih pahamnya, segera update blogmu dan menulislah, temukan cara setting permalink ini di sana.

Terima kasih atas kungjungan nya...

Read more


Daftarkan Sitemap Blog ke Google Webmaster Tools

Daftarkan Sitemap Blog ke Google Webmaster Tools
 Beberapa hari ini dipenuhi dengan berita tentang fitur-fitur baru dari Blogger.com atau blogspot. Mulai dari setting permalink, menambahkan meta description yang semuanya bermanfaat untuk mengoptimalkan blog. Tahu nggak? Ada juga yang baru dari Blogger.com atau blogspot, yaitu format sitemap XML telah hadir di Blogger.

Sitemap yang dimaksud adalah peta situs yang digunakan sebagai sumber informasi bagi search engine, bukan sitemap bagi pengunjung blog yang biasanya berupa daftar isi. Fitur ini sangat bermanfaat bagi SEO.

Blogger telah menambahkan Sitemap XML, sitemap dengan format yang sangat mudah untuk dibaca oleh search engine untuk melengkapi proses pengindeks-an. Fungsi dari sitemap adalah untuk memberikan informasi kepada search engine mengenai seluruh halaman dan konten yang ada dalam sebuah blog. Karena akan sangat mungkin search engine luput mengindeks beberapa halaman karena tidak ada link yang diikuti.

Karena sitemap langsung disimpan dalam root directory, sama seperti robots.txt, maka untuk mengakses sitemap cukup menggunakan url blog ditambah dengan nama dan format file sitemap, yaitu: sitemap.xml. Jadi untuk mengeceknya, silahkan lihat sitemap blog kamu dengan url:


 http://namablogmu.blogspot.com/sitemap.xml

 Untuk langsung mengoptimalkannya fitur baru ini, silahkan langsung daftarkan sitemap tersebut ke Google Webmaster Tools kamu. Berikut cara mendaftarkan sitemap di Google Webmaster Tools:
1. Login ke Google Webmaster Tools
2. Pilih blog yang akan diedit.
Daftarkan Sitemap Blog ke Google Webmaster Tools
3. Di dasbor pada google Alat Webmaster, lihat kolom bagian kiri pada klik Pengoptimalan > Peta Situs.
Daftarkan Sitemap Blog ke Google Webmaster Tools
4. Setelah masuk di halaman daftar sitemap (Peta Situs), klik tombol merah di kanan atas bertuliskan "Tambahkan/Uji Peta Situs".
Daftarkan Sitemap Blog ke Google Webmaster Tools
5. Isikan bagian akhir url halaman sitemap (nama file) > sitemap.xml
6. Terakhir klik "Mengirim Peta Situs".

Setelah sitemap didaftarkan, daftar di bawah akan terisi daftar sitemap baru, dengan beberapa informasi mengenai jenis sitemap, status (biasanya "Tertunda" untuk beberapa waktu hingga pengumpulan indeks selesai), dan jumlah url yang telah terdaftar.



Terima kasih atas kungjungan nya...

Read more


Mengintegrasikan Blog dengan Halaman Google+

 Ada yang baru di halaman dasbor blogger.com saya, pastinya punya kamu juga sama. Di halaman dasbor blogger yang baru di deretan menu navigasi ada menu Google+. Isi dari menu Google+ itu adalah pilihan atau fitur baru blogger untuk mengintegrasikan atau mengaitkan blog dengan halaman Google+ atau pun profil di Google+.

Sepertinya Google ingin lebih mempopulerkan layanan jejaring atau media sosialnya dengan mencoba memanfaatkan Blogger.com yaitu dengan cara mempermudah blogger untuk mengintegrasikan blognya dengan halaman Google+. Bagi kamu yang belum membuatkan halaman Google+ untuk blogmu bisa kamu baca cara membuatnya di sini.

Dengan membuat halaman Google+ untuk blog, berarti kita sudah bertambah media untuk mempromosikan blog. Walau pun saat ini gairah Google+ masih belum terasa. Tapi tidak ada salahnya untuk mengintegrasikan blog dengan Google+ agar lebih mudah link postingan bisa menyebar. Masih ada juga tombol +1 yang juga bisa untuk membagikan link blog ke Google+.


 Cara Mudah Mengintegrasikan Blog dengan Halaman Google+
Pertama, seperti biasa kita login ke blogger.com lalu pilih blog kita, nanti akan muncul menu pilihan di sisi sidebar seperti gambar di samping. Kita klik saja menu Google+, nanti akan muncul pilihan untuk mengaitkan blog kita ke salah satu halaman Google+ atau ke profil Google+, contohnya blog ini yang mengkaitkan dengan halaman Google+ Belajar Ngeblog di BLOG yang sudah dibuatnya.

Dengan memilih mengaitkan maka setiap kali posting maka akan muncul jendela untuk membagikan postingan terbaru itu ke halaman Google+. Selain itu juga ada pilihan untuk membuat halaman Google+ jika belum punya atau ingin membuat lagi.

 Di zaman sekarang ini, sosial media sedang marak. Maka blog kita juga harus terintegrasi atau menyatu dengan sosial media yang populer. Agar pengunjung blog lebih mudah untuk membagikan yang dibacanya kepada teman-temannya, semisal di Google+, Facebook, Twitter atau lainnya. Sehingga blog kita lebih dikenal dan banyak yang berkunjung.


Terima kasih atas kungjungan nya...

Read more


Cara Membuat Kotak Permalink di Bawah Postingan

Cara Membuat Kotak Permalink di Bawah Postingan
 Permalink adalah tautan permanen dari halaman suatu postingan blog. Sebenarnya blogger sendiri sudah menyediakan permalink di bawah postingan, khususnya yang memakai template default atau bawaan. Tetapi permalink yang disajikan oleh Blogger terasa kurang menarik.

Untuk itulah kebanyakkan blogger membuat permalink di bawah postingan lebih menarik dan mudah untuk dimanfaatkan. Caranya dengan membuat kotak permalink, dalam kota tersebut sudah ada tag atau kode html yang berisi permalink dari postingan yang sedang dibuka atau dibacanya.

Manfaat membuat kotak permalink di bawah postingan adalah untuk mempermudah pembaca atau blogger lain mengetahui permalink dari postingan yang sedang dibacanya. Blogger lain bisa saja menyematkan kode HTML permalink itu di blognya, sehingga memberikan tautan (backlink) ke halaman postingan tadi.

Jika tulisan (postingan) menarik tentu kemungkinan mengcopy atau menyebarkan permalink itu semakin besar. Yang akhirnya bisa berdampak pada traffik blog kita yang lebih banyak. Berarti dalam hal ini konten masih jadi suatu hal yang penting dalam ngeblog.

Cara Membuat Kotak Permalink di Bawah Postingan Blog
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode <data:post.body/> Lalu taruh kode berikut di bawahnya: 

<br /><textarea cols='55' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/>

 5. Simpan jika sudah selesai.

Jika setelah disimpan kurang sesuai dengan tampilan blog kita, bisa kita edit. Untuk <data:post.body/> jika kita menggunakan read more otomatis, akan ada dua kode, pilih kode yang kedua. Sebelum kode html yang ditambahkan di atas, kita bisa menyisipkan tulisan di atas, misalnya: "Tulisan ini menarik? Copas permalink ini blogmu donk!". 55 adalah panjangnya kotak dan 2 adalah tingginya.








Terima kasih atas kungjungan nya...

Read more


Download Template Blogspot Bargaya Toko Online

Download Template Blogspot Bargaya Toko OnlineSebuah blog apalagi blogspot bisa dibentuk bergaya toko online (Online Shop). Ada beberapa template blogspot yang bisa dimanfaatkan untuk membuat toko online. Seperti yang kita tahu, blogspot cenderung lebih mudah untuk diedit atau kostumisasi di banding layanan blog gratisan yang lain.

Sebelumnya ada yang bertanya di twitter, Ada nggak template untuk toko online di blogpsot?. Kali ini Belajar Ngeblog di BLOG akan menjawab dengan menuliskan template-template untuk blogspot yang bergaya toko online yang bisa didownload. Berdasar data-data yang ditulis oleh portal berita, transaksi jual beli online setiap tahunnya mengalami peningkatan. Tentu hal ini tidak perlu dikagetkan, karena perkembangan pengguna internet pasti juga berdampak meningkatnya penggunaan internet untuk berjual beli.

Berbelanja online sepertinya sudah menjadi tren atau gaya hidup masa kini. Begitu pun dengan toko online, sudah ada banyak toko online yang memanfaatkan sosial media. Salah satu yang bisa dimanfaatkan adalah blog, yaitu dengan menjadikan toko online untuk memajang barang-barang jualannya.

Jika kita ingin memfaatkan blog untuk toko online tentu kita harus mengubah tampilan blog layaknya toko online. Untuk itu kita bisa men-download template yang bergaya toko online. Tampilan template bergaya toko online biasanya berbentuk galeri dengan deskripsi di bawah gambar. Berikut kumpulan template toko online

Baby Shop Blogger Template


Blogger Store v2 Blogger Template


Blogger Store Blogger Template


Dengan memanfaatkan blog gratisan untuk toko online tentu akan bisa menghemat biaya. Selian itu dengan membuat halaman toko online yang personal bisa membantu dalam membangun brand toko. Sampai akhirnya membuat toko online yang profesional dan tidak lagi membutuhkan template blogspot bergaya toko online. Pastinya harus bisa menjaga kualitas dan kepercayaan pembeli agar mereka bisa berbelanja online dengan murah dan aman


Terima kasih atas kungjungan nya...

Read more

About This Blog

Auto Backlink

My Blogs

Blog Archive

Followers

Web hosting for webmasters