Tutorial blog letak widget Populor Post bewarna warni

Tutorial blog cara letak widget Populor Post bewarna warni

1.Open Dashbord > page element > add gadjet.
2. Cari dan add widget popular post .
3. Pilih bilangan popular post yang anda nak, paling banyak 7.
4. Save.

Kemudian buat langkah ini ,

1. Klik Design > Edit HTML.
2. Tekan ctrl+f, cari kod ini , </head> .
3. Tambahkan kod di bawah sebelum </head> tag.

<link href='http://dl.dropbox.com/u/50753886/updateviaz/Popularpost.css' rel='stylesheet' type='text/css'/>

4. Kemudian cari kod ni <b:widget id=’PopularPost
5. Padam dan tukarkan kod di antara <b:widget id=’PopularPost dan </b:widget> dengan kod di bawah:

<b:widget id='PopularPosts3' locked='false' title='' type='PopularPosts'><b:includable id='main'><div id='sidebartitlewrapper'><b:if cond='data:title'><h3><span><data:title/></span></h3></b:if></div><div class='sectioncont'><ul class='mostpopular'><script type='text/javascript'>//<![CDATA[var i=0;//]]></script><b:loop values='data:posts' var='post'><script type='text/javascript'>//<![CDATA[document.write ('<li class="mostpopular_li color'+i+'">');var i= i +1;//]]></script><a class='barlinko' expr:href='data:post.href'><data:post.title/><data:post.id/></a><span style='display: inline-block;width:100%;'><span style='float: left;font-size:10px;color:#f5f5f5;'> </span><span class='cb'/></span><script type='text/javascript'>//<![CDATA[document.write ('</li>');//]]></script></b:loop></ul></div><b:include name='quickedit'/></b:includable></b:widget>

6.Preview,jika tiada error boleh save.