Cara Buat Widget Popular Post Keren Di Blog atau Website

Cara Buat Widget Popular Post Keren Di Blog atau Website

Anonymous    09:42   

Selamat Malam Teman Blogger, tentunya dengan menambahkan Widget Popular Post Keren Di Blog atau Website akan semakin terlihat cantik dan menarik. Banyak sekali gaya atau style yang kita inginkan untuk menambah widget demi memperindah tampilan blog.



Berikut ini langkah langkah cara membuat widget popular post yang keren :

- Langkah pertama pastikan widget popular post anda sudah aktik/terpasang (cara pasang : login ke blogger > klik tata letak > klik add gadget > klik populer entri> kemudian klik save/simpan)

- Setelah langkah diatas berhasil silahkan masuk ke template>edit HTML>centang Expand Template Widget, Cari kode seperti ini ]]></b:skin> untuk mempercepat pencarian tekan CTRL+F.

- Setelah berhasil menemukan kode di atas copy dan pastekan kode berikut tepat di atasnya :

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none} #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

Langkah terakhir SAVE dan lihat hasilnya. Selamat mencoba sob.

Cara Memasang Meta Tag Keyword dan Deskripsi di Blog

Cara Memasang Meta Tag Keyword dan Deskripsi di Blog

Anonymous    03:26   

Cara Memasang Meta Tag Keyword dan Deskripsi di Blog - Cara membuat / menambah meta tag keyword dan deskripsi di blog - Selain mengubah tag heading di blogspot menjadi seo friendly, Meta tag keyword dan deskripsi ini salah satu teknik seo yang wajib, kenapa wajib ? Menurut pakar seo dalam meningkatkan blog menjadi no 1 di serp adalah keyword.

Berikut langsung saja cara memasang meta tag keyword dan deskripsi di blogspot :

1. Masuk Blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget), cari kode di bawah ini:

<title><data:blog.pageTitle/></title>

2. Letakan kode berikut ini di bawah kode <title><data:blog.pageTitle/></title>

<meta content='Tulis deskripsi kamu disini'  name='description'/>
<meta content='tulis keyword1 keyword2 keyword3 kamu disini' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Penjelasan :

<meta content='Tulis deskripsi kamu disini'  name='description'/>

Kode di atas disebut dengan meta tag deskripsi yang berisikan tentang deskripsi atau gambaran umum tentang blog kita. Contoh nya:

<meta content='Kumpulan Info Terbaru'  name='description'/>

<meta content='tulis keyword1 keyword2 keyword3 kamu disini' name='keywords'/>

Kode di atas disebut meta tag keyword kode ini lah yang menentukan keyword sebagai senjata utma dalam seo. Dalam menuliskan keyword harus di tandai dengan tanda pemisah ( , ) atau ( | ) tidak boleh di ulang-ulang misalkan begini: info terbaru, info terkini, info seru. Terlihat jelas bahwa dalam penulisan tersebut terdapat kata yang berulang-ulang yaitu info. Hal ini akan di anggap sebagai spam oleh google. Berikut contoh penulisan keyword yang benar
<meta content='info terbaru, terkini, seru'  name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Kode di atas adalah meta tag robots, tujuan nya adalah mengizinkan robot search engine atau spider untuk mengindex blog kita. Ini sangat berguna supaya halaman-halaman kita terbaca oleh search engine.