Ku Share | Haii semua selamat datang di blog Ku Share ini adalah postingan pertama saya di blog Ku Share. Sebenarnya saya sudah mempunyai sebuah blog yaitu POETRA PAKUMIS tapi karna blog lama yang saya bangun tidak pernah di setujui oleh GA (Google Adsense) jadi saya ingin membuat sebuah blog baru yang memuat seputar tips and trick yang saya ketahuii. Kali ini saya akan share Cara Memodifikasi Popular post seperti gambar di bawah ini.
Berikut ini cara membuatnya :
- Login akun blog anda.
- Pilih Template (Backup Template anda terlebih dahulu unutk berjaga-jaga takut ada kesalahan waktu proses berjalan) - Edit HTML (Jagan lupa centang Expand Widget Templates).
- Lalu cari kode ]]></b:skin> bila kode tersebut sudah ketemu silahkan masukan kode di bawah ini di atas kode yang tersebut.
.PopularPosts .item-thumbnail {float: right;margin:0 0 0 10px;}
.PopularPosts .item-thumbnail a{height:100px;width:80px;float:left;background-attachment: scroll;background-clip: border-box;background-color: #000000;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjPsKr6VSuilqnLhxiynno-R35HG2oCPm3wQT237KHy04gVtHTib1PM1hDBRr4eeMUjp0I9qTvOylRKUGzS3d84WnkSfZ-FspFYWtGGgHqUXxFeyy8mmMZejwV0waIWAJnGbWOXDCkPOEe/s1600/view.png);background-origin: padding-box;background-position: center center;background-repeat: no-repeat;background-size: auto auto;}
#PopularPosts1 li img {margin-right:0;padding: 0;border:0;opacity:1;}
#PopularPosts1 li img:hover{opacity:0.45}
#PopularPosts1 {font-size:10px;padding-bottom:0px;border-top:0}
#PopularPosts1 .item-thumbnail{background:#272727;float:left;margin:0 5px 8px 0;padding:4px;border:1px solid #323232;height:100px;width:80px}
#PopularPosts1 ul{padding-top:10px}
#PopularPosts1 ul li {list-style-image: none;list-style-type: none;display:inline;}
#PopularPosts1 li img{height:100px;width:80px}
- Terakhir klik Simpan/Save.
Sekian artikel yang saya berikan semoga artikel yang Ku Share berikan bermanfaat bagi anda dan jagan kapok iyah mampir ke blog saya :D
0 komentar:
Post a Comment