Pages

Top post is a statistic which shows some popular articles that we have published. Most of top posts are valued from the amount of clicks or the score from many comments. In default, Wordpress has widget to show top post, but how about blogspot? Of course it could, although standard Blogspot doesn’t have it, we also can show it. Top Post in blogspot that will be made later is counted from the amount of comments. This widget is made by a beautiful blogger woman, Amanda Fazani . This woman can be said as a famous blogger tutorial. Even o-om is amazed with her blogging ability :). This top post widget is made with the help from Yahoo Pipes. It can be seen in
Posts/Most Commented Pipe page Commented Pipe page. For more explanations, visit Amanda’s blog disini.


In below, there are some codes that can be immediately used. The method to set the code is easy. It just need to be entered in the new page element:



What do you need to edit?


Blogname.blogspot.com: Change it with your own blog name
 

Num=10 : Maximum amount of Top posts that you want to show
 

For the custom domain, just use www.yourdomain.com
 


How to make the entry number disappear:


In the early appearance, the amount of top posts will be appeared. If you don’t want it, you just need to erase these two codes below.

document.write('<ol style="text-transform: capitalize;">');  dan document.write("</ol>"); in the code above.



Good luck, happy blogging with agusramadhani.com

Has not been one day since the countless pairs icon Back to the top, it also has many colleagues who ask how of the way. Icon back to the top is actually useful to leap from page to page down the top, so colleagues will not have to do ScrollBar on the browser.


By the way, are also easy to install, please lead on the HTML page, and then place the code on the tag below </ body>


<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyduAvRfIjlS587aY2wbYuACbeRlvnBKGPc7iIZ8JVBj4yQSFAkoT5hyphenhyphenD82wBFGULBE1cIUOUWdS4374DYjRmtMM1bHekKKJjRFgK6e9_WERBUqiXzBFx52OtjZLRJ9mbcG7ZQdDlS00-R/s400/Jumptotop2.gif'/></a>



What relationship with Float image?


you certainly have never seen a picture of its float / float on the web page, well above the actual script is not only to function Back to the top, if we sharp and we can also place image as Float.


Banner Position Top-Left


<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; top:5px;left:5px;' title='ganti title anda disini' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE4qLxWJ8RM7eUqI7BEMlQcBocop-EDhfjlcWeTdlkcjyRhpIr7ZbfaNFJy3LVSA97D9v7UPg9deZYTB94Ae7rD2BtppMHDqaoEZe0o8PfiogTJI4TJtAJJZsktFNyjfFik9PNxdB3OTIQ/s400/banner.gif'/></a>


Banner Position Top-Right


<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; top:5px;right:5px;' title='ganti title anda disini'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE4qLxWJ8RM7eUqI7BEMlQcBocop-EDhfjlcWeTdlkcjyRhpIr7ZbfaNFJy3LVSA97D9v7UPg9deZYTB94Ae7rD2BtppMHDqaoEZe0o8PfiogTJI4TJtAJJZsktFNyjfFik9PNxdB3OTIQ/s400/banner.gif'/></a>


Banner Position Bottom-Left


<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; bottom:5px;letf:5px;' title='ganti title anda disini'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE4qLxWJ8RM7eUqI7BEMlQcBocop-EDhfjlcWeTdlkcjyRhpIr7ZbfaNFJy3LVSA97D9v7UPg9deZYTB94Ae7rD2BtppMHDqaoEZe0o8PfiogTJI4TJtAJJZsktFNyjfFik9PNxdB3OTIQ/s400/banner.gif'/></a>


Banner Position Bottom-Right


<a href='http://www.linktujuan.com' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='ganti title anda disini'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE4qLxWJ8RM7eUqI7BEMlQcBocop-EDhfjlcWeTdlkcjyRhpIr7ZbfaNFJy3LVSA97D9v7UPg9deZYTB94Ae7rD2BtppMHDqaoEZe0o8PfiogTJI4TJtAJJZsktFNyjfFik9PNxdB3OTIQ/s400/banner.gif'/></a>


If you want to play with the code above, partners can set their own distance with the position of the image set code bottom: 5px; right: 5px; if not satisfied also try a little play with it would position: fixed; with the position: absolute; position: relative; and position: static;.


i'm oom, i blogging stuff

Importing Wordpress to Blogger - Blogger don't offer this feature directly within the Blogger UI, a handy little service called Wordpress2Blogger (which is hosted on App Engine) will help you convert your Wordpress blog into a Blogger blog. Then from your dashboard, click "Import" to import the converted file.


b

Still in the blogger's birthday is the 10th, this time bloggers adding more new features are in addition to visitor comments, can also directly display the comments along with their blogger profile photo. This facility is very similar dengat tutorial I wrote some time here and here lulu. Unfortunately, in order to display kometar Avatar on Blogger, we have the login status.

Actually avatar comment on fellow bloggers can directly activate without changing anything on that yet in tempate modification. But this would be problematic if used as the template is already using a custom template. Now let me comment this avatar can look back the way it's easy, just follow the tutorial below:

Enable Avatar comment on a Blogger Custom Template

you've seen something interesting from the view on the title of this blog post, there seemed small icon image plus the total comments that are located together on the side. To be able to have a view like that very easy way. Just follow the tutorial below:


First open the page "EDIT HTML", then check the "Expand Widget Templates". search code like below.

<a expr:href='data:post.url'><data:post.title/></a>

if found, staying just copy-paste the code below and place it under the code above.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRWfRrZKT8Qno_pLghxm6bc6kRvhyphenhyphenQ3tqaQXWK6GccmuPuz9DAOoGhq8Qawkt64R0VSNTEGzuuME1M6kWzdt17kBaAaX7hTzj7W49PfnY2zLubQ1xUXux6B8BJTWvc6mkj0jHZlOuZj0d/s400/icon_comments.png'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>

Good luck :)

FotoFlexer has a simple interface and is very good as a photo editor for free! You can begin with just upload photos in your computer or get them from the web or photo account with photobucket, flickr, facebook Picassa and more! You can also catch a brief description about yourself via webcam and edit them online!



if you are looking for an easy and quick way cool to edit your photos, you should try a free online photo editing application such as FotoFlexer! Ease to apply some cool animations and effects for photo is extraordinary!