Test Slide
Modern T
Modern T

07 Apr 2017
Live Preview Download BuzzMag is a high quality, use-friendly, creative corporate business blog blogger template.
Live Preview Download BuzzMag is a high quality, use-friendly, creative corporate business blog blogger templ...

07 Apr 2017
Live Preview Download Viral Mag is a multipurpose magazine blogger template that allows you to create a fully functional viral site in a few simple steps.
Live Preview Download Viral Mag is a multipurpose magazine blogger template that allows you to create a fully fun...
Cara Buat Toko Online
Cara Buat Toko Online
Ecommerce Website Online Store
Published on Jan 13, 2016 Learn to create an eCommerce website from scratch with WordPress. No coding or experience ...
Website with Wordpress | Online store | like Amazon and Flipkart
by Anonymous / 0 commentWidget Cek Resi pengiriman ini berfungsi untuk mengetahui status pengiriman yang sudah dibeli oleh konsumen di toko online anda
by Anonymous / 0 commentA. Cara Menghapus diberdayakan oleh blogger secara manual : 1. Loggin ke blogger seperti biasa.
by Anonymous / 0 comment
1. Silahkan loggin ke blogger dengan akun blog anda. 2. Klik button icon PENSIL pada blog yang ingin anda tambahkan artikel.
by Anonymous / 0 commentPersiapan Sebelum Mengganti icon blog : Pertama anda harus menyiapkan ICON persegi ( harus persegi )
by Anonymous / 0 commentKenapa saya harus mengganti template? Agar tampilan blog anda lebih fresh dan menarik.
by Anonymous / 0 comment
cpanel + hosting
cpanel + hosting
Free CPanel Hosting We offer you unique feature that no one else can give you - free web hosting account with Basic CPanel control panel
EXAMPLE>>> http://ainunx.thefreecpanel.com/ Features you will Enjoy Free Site Builder Don't know how to code your...
How to Make a Google Form for Customer Checkout
by Anonymous / 0 commentHow to Auto Publish Wordpress Posts to Facebook, Twitter, Google+, LinkedIn, Tumblr, Path
by Anonymous / 0 commentSetting Up A Wordpress Social Auto Post Plugin
by Anonymous / 0 comment
Dalam tutorial ini saya akan menunjukkan bagaimana Anda dapat membuat halaman Social Feed Media dengan Juicer Plugin
by Anonymous / 0 commentSignup for Free Hosting
by Anonymous / 0 comment
Videos News
Videos News
AccessPress Store - How to set HomePage
AccessPress Store – A next generation WooCommerce theme fully built in customizer! We call it next generation because it i...
WP Floating Menu Pro is a smart WordPress plugin that allows you to enhance your WordPress website’s
by Anonymous / 0 commentYes, WP1 Slider Pro – is a WordPress multi-purpose slider plugin for Layman!
by Anonymous / 0 commentUltimate Author Box
by Anonymous / 0 comment
Modifikasi Popular Post
Posted by: Unknown Posted date: 8:01 AM / comment : 0
- Login ke Blogger dengan akun Anda
- Setelah itu masuk ke template >> klik Edit HTML jangan lupa centang Expand Widget Templates.
- Lalu masukkan kode berikut ini diatas ]]></b:skin> :
.PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}.PopularPosts ul{padding:5px 0}.PopularPosts .item-thumbnail img{width:110px;height:110px;padding:11px;margin:0}.PopularPosts .item-content{position:relative;float:left;margin:0}.PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}.PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}.PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}.PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}Kode warna merah diatas adalah panjang dan lebar gambar thumbnail, Anda bisa ganti dan sesuaikan dengan lebar sidebar pada template, seperti yang terlihat pada sidebar blog ini. - Kemudian masuk ke layout >> add a gadget pilih Popular Post pada baris kelima.
- Setelah muncul halaman Popular Post, setting seperti pada gambar dibawah ini :
Yang perlu diperhatikan adalah centang hanya thumbnail, biarkan kotak snippet kosong tidak perlu dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda. - Setelah langkah diatas, masuk lagi ke Edit HTML (centang Expand Widget Templates), cari kode berikut :
- <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget> - Setelah ketemu, ganti dengan kode berikut ini :
- <b:widget id='PopularPosts1' locked='false' title='Most Product View' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget> - Terakhir, save templates lihat hasilnya.
Nah, kali ini saya mencoba untuk memodifikasi widget tersebut agar cocok dipasang pada blog yang mempunyai konten gallery. Gambarnya seperti diatas, hanya menampilkan thumbnail dan judul dengan posisi horisontal. Jika anda tertarik, berikut ini cara membuatnya :
About Me

About Unknown

Related
Rekomendasi

Example : https://ainun1000.000webhostapp.com/
https://langkah1.000webhostapp.com/
https://1000000.000webhostapp.com/
https://ainun.000webhostapp.com
http://aisyah.cuccfree.com/
http://ainunx.cuccfree.com/
http://7ainun.cuccfree.com
http://ainunxxx.totalh.net
http://axxx.a0001.net

http://aiva.es.cx
http://ainunnursahid.es.cx

http://ainun.co.nf
http://terindex.co.nf/

http://aisyah.rf.gd/
http://aisyah.epizy.com/
Good Themes
Comments
- neha jainSharma Academy UPSC IAS MPPSC … more
- benjaminjonesWow,amazing blog structure! Ho… more
- Cho co Let's face it, having the … more
- chintia limDapatkan Penghasilan Tambahan … more
- chintia limDapatkan Penghasilan Tambahan … more
Social Media
Lacak resi TIKI di sini:
Lacak resi POS Indonesia:
Advertisement
Hubungi Kami
Facebook : https://www.facebook.com/Cara-Cepat-Terindex-Google-612837042245046/
Twitter : twitter.com/ainunxxx
Full
Flickr Stream
Latest

This form has reached the maximum number of entries allowed for this period. Please try again later. If you are the administrator of this form, please log into the system and review your account settings. Powered by 123ContactForm | Report abuse BCA (Bank Central Asia)BRI ( Bank Rakyat Indonesia ) Nomor Re...
No comments: