Cara Membuat Menu Entri Populer Menarik

Advertisement
Membuat Menu Entri Populer Menarik - Optimasi sebuah blog tidak hanya cukup dengan SEO saja, membuat blog tampak menarik juga cukup mendukung jika kalian menginginkan banyak pengunjung. Kenapa demikian ? itu karena sebagian orang menyukai sesuatu melalui tampilannya dan jika itu membuatnya menarik serta merta ia akan mengunjunginya di lain waktu.

Untuk membuat blog tampak menarik ada beberapa cara salah satu cara yang di bahas di artikel kali ini adalah Membuat Menu Entri Populer Menarik, terbilang cukup gampang hanya memasukkan script dan menambahkan HTML/Javascript di blog dan semuanya selesai. Oke, ini dia script-nya :

<style type='text/css'>

.PopularPosts .item-title{display:yes}

.PopularPosts ul li {

border-radius:50px 0px 0px 50px;

float: left;list-style: none outside none;margin: 1px !important;padding: 1px !important;

border: 1px solid #444;

overflow: hidden;

box-shadow: 0px 0px 1px #333;

font-style: normal;

font-weight:bold;

width: 100%;

height:60px;

border-radius:35px 5px 5px 35px;

}

.PopularPosts ul li:hover{

background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);

overflow: hidden;

color: #414141;

width: 100%;

height:60px;

border: 1px solid #ffffff;

box-shadow: 0px 0px 2px #ffffff;

}

.PopularPosts ul li img {

padding:1px  ;

margin:1px;

margin-top:3px;

border-radius:35px 35px 35px 35px;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

transition: all 0.3s ease;

border: 1px solid #333;

height: 50px;width:50px;

overflow: hidden;

}

.PopularPosts ul li img:hover {

border:1px solid #ffffff;

border-radius:25px 25px 25px 25px;

background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);

box-shadow: 0px 0px 10px #ffffff;

}

</style>

1. Masuk akun Blogger

2. Klik Rancangan -> Edit HTML

3. Centang/Contreng Expand Widget Template atau backup dulu templatenya

4. Cari kode ]]></b:skin> untuk mempermudah pencarian tekan CTRL+F

5. Letakkan Script Membuat Menu Entri Populer Menarik dibawah ]]></b:skin>  tadi

6. Setelah selesai add script tadi klik SIMPAN

7. Lalu kembali ke RANCANGAN pilih tambah gadget lalu pilih entri populer

8. Setelah itu Konfigurasi entri Populer sesuai keinginan kalian

Sampai disini kalian akan menemukan tampilan Menu Entri Populer telah berubah, semoga dengan membuat menu entri menarik akan menambah nilai blog dimata visitor kalian. Sekian artikel Membuat Menu Entri Populer Menarik. Thanks for visit my blog

Semoga bermanfaat
Advertisement

You might also like

0 Comments


EmoticonEmoticon