Postingan

Menampilkan postingan dari Agustus, 2013

Blogspot Seo Title

Gambar
Merancang Seo Title Pada Blogspot Title atau judul pada blogspot pada dasarnya disusun secara umum dengan kode: <title><data:blog.pageTitle/></title> Kode diatas bersifat statis untuk setiap jenis halaman blog, baik halaman beranda, halaman artikel dan halaman arsip serta halaman-halaman lainnya pada blogspot. Agar title blogspot menjadi lebih Seo Friendly, maka susunan kode harus dimodifikasi sehingga susunan judul blog lebih berfariasi. Image Name: Charity Seo - Image Source:  http://www.catalystdesignsolutions.com Kode Seo Friedly Title Blogspot Title yang cukup memenuhi standar seo ( search engine optimization ) akan menghasilkan blog yang baik pula, berikut ini adalah kode judul blog yang seo: Letakkan kode ini diantara <head> dan </head> <!-- :[ META SEO TITLE START ]: --> <b:if cond='data:blog.url == data:blog.homepageUrl'> <title><data:blog.pageTitle/></title> <meta content='Tulis Keywords Anda Disini,
Posting Komentar
Baca selengkapnya

Related Posts Widget Simple Dan Stylish Untuk Blogger

Gambar
Related Post Widget For Blogspot ini merupakan salahsatu bagian terpenting bagi blog. Dengan adanya artikel terkait yang berhubungan dengan setiap post, maka akan menambah Page Rank Flow pada blog. Widget Artikel Terkait yang menarik, bagus,indah, cepat, simple dan stylist akan memudahkan pengunjung blog untuk memilih tulisan lain yang mungkin saja bermanfaat dan berhubungan dengan apa yang mereka butuhkan. Related Post Widget For Blogger Untuk membuat Related Post Widget yang Simple namun Stylist untuk blogspot, dapat mengikuti panduan sederhana berikut: 1. Edit Template - Expand - Ctrl+F  <div class='post-footer'> 2. Letakkan script Related Posts Widget tepat dibawahnya: <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> [DISINI ADALAH ISI DARI post-footer-line-1] </div> <div class='post-footer-line post-footer-line-2'> [DISINI ADALAH ISI DARI post-footer-line-2] </div> <div class='p
Posting Komentar
Baca selengkapnya

Recent Posts Dan Recent Comments Feeds Blogspot

Gambar
Menampilkan Recent Posts (artikel terbaru) dan Recent Comments (komentar terbaru) dengan menggunakan Widget Feed Blogspot adalah sebuah teknik yang sangat sederhana dan mampu mengurangi waktu load blog apabila dibandingkan dengan menggunakan teknik lainnya yang menggunakan javascript. RSS Feed Logo - Image Source: http://www.infobarrel.com Untuk menampilkan Widget Recent Post dan Widget Recent Comment pada sidebar atau footer, dapat dilakukan dengan cara: 1. Add A Gadget dan pilih Feed Widget rss feed blogger widget 2. Isikan feed url untuk Recent Posts http://alamat-blog-anda.blogspot.com/feeds/posts/default dan feed url untuk Recent Comments http://alamat-blog-anda.blogspot.com/feeds/comments/default 3. Widget Recent Posts dan Widget Recent Comments telah selesai dipasang, dan selanjutnya tambahkan CSS agar tampilannya menjadi sedikit berbeda :D Tambahkan CSS ini di atas  ]]></b:skin> .Feed ul li{list-style:none;position:relative;counter-increment:num;margin:5px} .Feed ul l
Posting Komentar
Baca selengkapnya

Logo Google Chrome Dengan CSS3

Gambar
Sebuah inovasi dalam pemanfaatan CSS3 oleh  Rajendra Patil  sangat luar biasa, Beliau telah membuat sebuah eksperimen yang cukup mengesankan dan menghasilkan karya yang fantastis :D Rajendra Patil mampu membuat Logo Google Chrome hanya denga CSS3 tanpa menggunakan image/ gambar. Logo Google Chrome Logo tersebut dibuat dengan CSS3 teknik tinggi: CSS3 Style: <style type="text/css"> .leaf{ height:350px; width:272px; background: #edcf17; -webkit-border-radius:55px 30px 245px 0px; -moz-border-radius:55px 30px 245px 0px; -o-border-radius:55px 30px 245px 0px; border-radius:55px 30px 245px 0px; position: absolute; opacity:0.97; -webkit-transform: rotate(0deg) translate(64px,-0.9258em); -moz-transform: rotate(0deg) translate(64px,-0.9258em); -o-transform: rotate(0deg) translate(64px,-0.9258em); transform: rotate(0deg) translate(64px,-0.9258em); } #yellow{ z-index:-97; background:-webkit-gradient(radial, 64 64, 279, -147 99, 100, from(#d9a919), to(white), color-s
Posting Komentar
Baca selengkapnya