Pular para o conteúdo principal

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.

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Top 25 Hosting Terbaik 2015 di Dunia - Hosting Blog Terpopuler Terbaik untuk Blog Kamu

Top 25 Hosting Terbaik 2018 - Hosting Blog Terpopuler Terbaik untuk Blog Kamu Jika sobat masih belum memiliki hosting yang digunakan untuk penyimpanan semua data blog yang telah dikelola, tidak ada salahnya untuk menggunakan layanan top 25 hosting terbaik 2018. Seperti halnya cara memilih nama domain , pemilihan hosting yang pas juga berpengaruh terhadap kenyamanan sobat kedepannya. Saking begitu besarnya manfaat cutom domain dan menyimpan data pada hosting, tak heran banyak sekali para blogger yang mencari-mencari provider hosting ataupun domain di Indonesia. Baca juga 25 Top web hosting terpopuler di Indonesia Untuk lebih jelasnya, silakan simak selengkapnya di bawah ini. 25 Hosting Terbaik dan Terpopuler tahun 2018 di Dunia Untuk lebih jelasnya, silakan simak berikut ini: AskforHost WP Engine BlueHost HostGator Siteground Site5 VPS.Net Godaddy DreamHost MediaTemple Arvixe InMotion Hosting Web Hosting Hub Host Monster Laughing Squid WebFusion...

Cara Membuat Footer Responsive di Blog - Halaman Footer 2 atau 3 Kolom

Membuat Halaman Footer Responsive 2 atau 3 Kolom di Blog - Apabila rekan-rekan ingin membuat halaman footer responsive di blog, tips ini layak jenengan coba. Halaman footer biasanya digunakan dan terletak pada bagian bawah blog atau website. Tentu halaman footer blog ini bisa digunakan untuk memberikan informasi seperti label, about me, kontak dan random post. Contoh demo Halaman Footer di blog ojogerah.blogspot.com Dengan menambahkan halaman footer blog ini, paling tidak menambah halaman widget lebih banyak. Selain yang berada di sidebar blog, juga bisa ditambahkan di sini. Cara Membuat Footer Responsive di Blog 2 Kolom Langkahnya cukup mudah kok, yakni sebagai berikut: 1. Masuk akun blogger 2. Pilih template > HTML 3. Copas kode di bawah ini di atas kode ]]></b:skin> #footernya-masyadi{width:100%;background:#111 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Ddjxm-cK1AjUAbZTP_B8Wqdp0rBOHeEMcQjsqgcFuGKpB46wPWdpWbhuFMeHYCffr3j...

SEO Blog Itu Gak Penting untuk Dilakukan

Pentingkah SEO bagi Blog Kita? Buat apa menerapkan SEO, malah bikin pusing. Secara gitu, banyak buanget aturan dan terapan ilmu yang mesti dilakukan. Tengok saja situs-situs besar yang menerangkan buanyak bingit panduan SEO . Mesti gini, mesti gitu, begono dan begitu. Banyak banget deh aturanya. Malah-malah, banyak juga mastah yang mengatakan, "salah nerapkan SEO, jadi amblek deh trafiknya". Pandangan itu memang tidak bisa kita pungkiri. Pendapat-pendapat para blogger yang memberikan penilaian tentang SEO. Bahkan ketika saya membaca salah satu artikel dari Maxmanroe , ada juga praktisi internet marketer yang mengatakan SEO itu tidak penting. Sobat bisa juga menengok beberapa alasan para blogger dalam sebuah forum diskusi blogger , saking terlalu banyaknya aturan SEO, yang ada malah males nulis karena terlalu berkutat dengan SEO. Mulai dari pemilihan template SEO, cara menulis artikel SEO, cara SEO paling jitu untuk meningkatkan trafik di mesin pencari dan masih banyak lagi pe...