Friday, October 9, 2015

Cara Modifikasi Widget Labels SEO pada Blog

Cara Modifikasi Widget Labels SEO pada Blog
Melanjutkan tutorial desain SEO blog kemaren, kali ini akan kita bahas cara mudah modifikasi widget labels SEO pada blog.

Perlu diingat, bahwa label (kategori) merupakan bagian penting yang perlu kita tampilakan dalam blog kita. Hal itu sesuai dengan arahan tentang menu wajib ada pada blog.

Widget labels selain berfungsi sebagai menu internal link, juga bisa menjadi penopang tambahan setiap kategori seperti halnya sitemap (katalog). Masih ingat kan tentang cara mudah membuat sitemap (daftar isi) kemarin?

Tips desain widget kali ini sangat berbeda dengan widget yang lain. Efek langsungnya adalah  berupa cloud widget yang ketika kursosr mous diarahkan pada widget tersebut, akan mengalami efek pergerakan.

Life demo bisa Sobat cek di situs ini. Silakan letakkan kursor mouse ke salah satu kategori di dalam labels. Misalkan saja diarahkan pada Google Adsense. Ada perubahan apa guys?

Gambaran Langsungnya, bisa dilihat di gambar Thumbnail di artikel ini.

Lebih jelasnya, silakan ikuti langkah-langkahnya di bawah ini.

Cara Mudah Optimasi Desain Cloud Widget SEO

1. Masuk akun blogger
2. Pilih Template > Edit HTML
3. Copas saja kode CSS Label Widget berikut ini di atas kode ]]></b:skin>
atau
.label-size{margin:7px;padding:7px;text-transform:uppercase;border:solid 1px #C6C6C6;border-radius:3px;float:left;text-decoration:none;font-size:12px;color:#666}.label-size:hover{border:1px solid #6BB5FF;text-decoration:none;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none}
3. Save Template!

Mudah kan?

Selain berguna untuk internal link, label juga menjadi salah satu parameter yang akan diindek mesin pencari (search engine). Sehingga, mutlak diperlukan blog sobat menampilkan label atau kategori, terlebih SEO dan user friendly. Makin mempercantik, juga meningkatkan indeks di mesin pencari, Ajib banget tuh tips dari mas CB kali ini.

Ok guys. Semoga ulasan singkat tentang Cara Modifikasi Widget Labels SEO pada Blog brmanfa'at. Semoga, aamiin.

Ditulis Oleh : Unknown // October 09, 2015
Kategori:

2 comments:

 

Total Pageviews

Powered by Blogger.