Cara Membuat Tampilan Popular posts by using a Border

Dipostkan Oleh. BlogTerms
Seperti yang terlihat pada picture berikut ini..
How to beautify the look of Popular Post ?
Nah, untuk membuat tampilan Populer post seperti yang terlihat di atas anda bisa mengedit template blog anda dengan cara menambahkan beberapa code di halaman HTML nya.
langkah-langkah yang dapat anda lakukan dengan mengikuti tutorial berikut ini,

Pertama, Login to Blogger
Kedua,Click the Layout -> Add a Gadget -> Pilih "Popular Posts"
Untuk Membuat settingannya, gunakan pilihan untuk image thumbnail lalu untuk jumlah tampilan bisa anda sesuaikan dengan halaman blog anda lalu simpan gadget populer post anda.
Ketiga, Sekarang masuk ke halaman edit HTML, sebelum melakukan pengeditan jangan lupa untuk mendownload template anda terlebih dahulu untuk menjaga kesalahan dalam pengeditan dan dapat mengembalikan ke setinggan awal dengan mengupload kembali template anda.
keempat, kemudian Cari Code ]]></b:skin>
Sebelum Mencari Code tersebut jangan lupa untuk terselbih dahulu memberi tanda centang atau tanda cecklist di bagian "Expand Widget Templates". dan untuk membudahkan pencarian, gunakan Ctrl + F lalu masukkan code dan enter.
Kelima, Setelah menemukan code diatas, lalu copy code berikut ini dan pastekan diatas code ]]></b:skin>
Code :
.PopularPosts .item-thumbnail {
    padding: 3px;
    border: 1px solid #999;
    background-color: #fff;
    }

    .PopularPosts img {
    height: 36px;
    width: 36px;
    }

    .PopularPosts .widget-content ul li {
    list-style: none;
    }
Setelah anda pastekan, kemudian save template anda dan lihat hasil pengeditan anda dengan cara "Your changes have been saved. View Blog"

Posted by : BlogTerms ~ SEO | Backlinks | Website | Widget | Ads

Artikel Cara Membuat Tampilan Popular posts by using a Border diposting oleh BlogTermsSunday, July 22, 2012. Terima kasih atas kunjungannya. Mohon Di Share Melalui Widget dibawah ini :

0 comments

Labels: , ,

0 comments:

Post a Comment