Jom singgah sini | twenty2december™

Showing posts with label Tutorial blog cara letak widget Populor Post bewarna warni. Show all posts
Showing posts with label Tutorial blog cara letak widget Populor Post bewarna warni. Show all posts

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.