Readmore automatic with thumbnail
There are many way to hack readmore with blogspot (ex search google with keyword: Hack readmore with blogspot), but I think it very complications when you posting.
Today, I recommend hack readmore automatic support thumbnail(demo)
Go to Template - Edit HTML, Expand widget and search:
Search then add this code before:
Save and Finished
Read more...
Today, I recommend hack readmore automatic support thumbnail(demo)
Go to Template - Edit HTML, Expand widget and search:
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Search then add this code before:
<script type='text/javascript'>Edit summary_noimg; summary_img; img_thumb_height; img_thumb_width if you want
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://taolaga.googlepages.com/summary-post-v20-test.js' type='text/javascript'/>
Save and Finished
Labels: Blogger hack
Blogger To Have Their Own Rating Star Soon
If you using wordpress platform for your blog, you will easy to make a rating option for your post. But if you using blogger platform, you must use javascript to do that.( relate: Add rating for your blogger post). But now, seem Blogger will support rating tools in the future.
Just go to your blogger template editor, and you will see the codes below:
Read more...
Just go to your blogger template editor, and you will see the codes below:
<b:if cond='data:top.showStars'>Save and go to Page Elements -> Click Edit Blogpost Widet, you will see the rating option. But now, it not work. Let’s just hope they will make it available for us soon.
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
Labels: Blogger hack, Tutorial
Recent Comment on blogger and Recent Post on Blogger - Teach you how to customize it
This hack probably is one of the oldest blogger hacks ever.
So easy, Just do this steps;
1. Go to your Dashboard
2. Go to Template Tab
3. There you will see a widget manager. Click Add a Page Elements on the section you want to place the recent comment.
4. Now you should see a list of widget elements you can pick. click on the Add to Blog Button under HTML/Javascript. this element is useful if we want to add a 3rd party functionality or other code. so we pick this. remember to choose this elements each time you need to add third-party codes.
5. Now you should have a new popup window open,
- Leave the title blank
- And go to the content area.
- Copy this Code and paste on that widget content area.
please note: you should change the "http://YourBlogNameHere.blogspot.com" on the code with your own blog url.
6. Click Save Changes
7. Refresh your blog and done.
Read more...
So easy, Just do this steps;
1. Go to your Dashboard
2. Go to Template Tab
3. There you will see a widget manager. Click Add a Page Elements on the section you want to place the recent comment.
4. Now you should see a list of widget elements you can pick. click on the Add to Blog Button under HTML/Javascript. this element is useful if we want to add a 3rd party functionality or other code. so we pick this. remember to choose this elements each time you need to add third-party codes.
5. Now you should have a new popup window open,
- Leave the title blank
- And go to the content area.
- Copy this Code and paste on that widget content area.
please note: you should change the "http://YourBlogNameHere.blogspot.com" on the code with your own blog url.
6. Click Save Changes
7. Refresh your blog and done.
Labels: Blogger hack
-->