Showing newest posts with label Blogger - Blogspot. Show older posts
Showing newest posts with label Blogger - Blogspot. Show older posts
-
Recent Posts Widget With Thumbnail, Summary for BlogSpot
This is the best Recent Posts Widget ever, with all info about post and fully customize for you. All errors are fixed, add more features and fast loading.
Features:
- Show/Hide Thumbnail.
- Show/Hide summaries.
- Show/Hide date posted.
- Show/Hide comment quantity.
- Fully customize color border, image size, and text color, size, font.
- Display random thumbnail for post that not contain image.
- And much more! You can understand that when you actually install it.
Now, Let do it!SETUP - INSTALL:1/ Activate Full Feed in Blogger. Go to Settings > Site Feed > Allow Blog Feeds > choose Full in dropdown menu. Select Full will syndicate the full content of your post. Reader can read all your post in feed without visit your site. If you don't do this step, Recent Post can not display right thumbnail of your post, and display random thumbnail.
2/ Go to Layout > Page Elements and Add a widget, then paste this code:Explain:
<script type="text/javascript">
imgr = new Array();
imgr[0] = "http://lh4.ggpht.com/_t2Z6nkGKLVc/SuHdAIyGJFI/AAAAAAAAAlw/ZddbcX27rVY/s128/windows_7_32bit_4gb_ram_2.png";
imgr[1] = "http://lh4.ggpht.com/_t2Z6nkGKLVc/SugcQki56yI/AAAAAAAAAn4/7VvpxuJwSJM/s128/firefox_addons_compatibility_check.png";
imgr[2] = "http://lh6.ggpht.com/_t2Z6nkGKLVc/Suuy2rgY22I/AAAAAAAAAoc/HoCgkM79ZPY/s128/TuneUp_Utilities_2010_main.png";
imgr[3] = "http://lh6.ggpht.com/_t2Z6nkGKLVc/SugB5dMgEZI/AAAAAAAAAnQ/Dp-0D8NwvrE/s128/vtechtip_b2.png";
imgr[4] = "http://lh6.ggpht.com/_t2Z6nkGKLVc/SwFhLrXGA0I/AAAAAAAAAvk/69EKKkaI738/s128/Windows%207.png";
showRandomImg = true;
tablewidth = 248;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";
imgwidth = 70;
imgheight = 70;
fntsize = 12;
acolor = "#000";
aBold = true;
icon = " • ";
text = "cm";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " → ";
numposts = 10;
rc_feedLink = "http://www.vtechtip.com/feeds/posts/default";
</script>
<script type="text/javascript" src="http://sites.google.com/site/vtechtipcom/home/vtechtip_recentpost_thumb.js"></script>
imgr[0] = random images url.
showRandomImg = true if you want use random images, false if no.
tablewidth = width of the widget.
cellspacing = Space between cells (default one is good)
borderColor = order color (add the background color of your template to perfectly blend it in the template)
bgTD = background color of widget.
imgwidth and imgheight = width and height of thumbnail.
fntsize = font size.
acolor = color of the title.
aBold = do you want to bold title? (true or false)
icon = change icon before title. Can leave blank.
text = text stand for comment (may be cm, comments, comment(s) etc.)
showPostDate = do you want to show post date (true of false).
summaryPost = amount of characters of summary.
summaryFontsize = font size
summaryColor = font color.
icon2 = icon before summary, can leave blank
numposts = amount of post display in widget.
rc_feedLink = Your blog feed url. Default is http://www.yourblogurl.com/feeds/posts/default. If you want only show recent post from specific label, you need change url to: http://www.yourblogurl.com/feeds/posts/default/-/LabelName. Ex: Use http://www.vtechtip.com/feeds/posts/default/-/Video to show recent posts from label Video.
<script type="text/javascript" src="http://sites.google.com/site/vtechtipcom/home/vtechtip_recentpost_thumb.js"></script>: this javascript is stored in my site. it is STRONGLY Recommended to download the script and upload to your own hosting (google for free javascripts hosts) and replace that url with yours.
DONE! You can see demo here: http://test.vtechtip.com/2009/11/recent-post-with-thumbnail-for-every.html.
If you need support, feel free to comment, thanks!
more
0
comments
Categories: Blogger - Blogspot, Script, Tips Tricks, Widget
-
Google Blogger Has Been Added Google Adsense
Google Blogger (Blogspot) is one of the most popular blog platrom. Google provide it completely free without any ads. Google only add one host publisher id in Google Adsense code (if you're an Adsense Publisher and advertise in your Blogspot.).
Today, when posting new article for my blog, I've just see an Google Adsense ads in the right of browser. This mean Google want to make money from user of Blogger. And I really happy because of this. I hope with this ads, Google can support and develope Blogger better and better.
more
1 comments
Categories: Blogger - Blogspot, Google, Google Adsense
-
Purchasing and Setting up a Custom Domain through Blogger Video Tutorials
Purchasing and Setting up a Custom Domain through Blogger (BlogSpot)
List All Blogger - BlogSpot Video Tutorials
List All Blogger - BlogSpot Video Tutorials
more
0
comments
Categories: Blogger - Blogspot, Blogging, Video Tutorials
-
How To Add Page Elements To Your Blogger - Video Tutorials
How To Add Page Elements To Your Blogger - Video Tutorials
more
0
comments
Categories: Blogger - Blogspot, Blogging, Video Tutorials
-
Customizing Your Blogger Template - 2 Video Tutorials
Customizing Your Blogger Template - 2 Video Tutorials
List All Blogger - BlogSpot Video Tutorials
Video 1:
Video 2:
List All Blogger - BlogSpot Video Tutorials
more
0
comments
Categories: Blogger - Blogspot, Blogging, Video Tutorials
-
Creating a Podcast with Blogger
Creating a Podcast with Blogger
List All Blogger - BlogSpot Video Tutorials
List All Blogger - BlogSpot Video Tutorials
more
0
comments
Categories: Blogger - Blogspot, Blogging, Video Tutorials
-
Uploading a Video with Blogger
Uploading a Video with Blogger (Blogspot)
List All Blogger - BlogSpot Video Tutorials
List All Blogger - BlogSpot Video Tutorials
more
0
comments
Categories: Blogger - Blogspot, Blogging, Video Tutorials
-
Creating a Blog List with Blogger
Creating a Blog List with Blogger (Blogspot)
List All Blogger - BlogSpot Video Tutorials
List All Blogger - BlogSpot Video Tutorials
more
0
comments
Categories: Blogger - Blogspot, Blogging, Video Tutorials
-
Add a Google Gadget to Your BlogSpot
Add a Google Gadget to Your BlogSpot (Blogger)
List All Blogger - BlogSpot Video Tutorials
List All Blogger - BlogSpot Video Tutorials
more
0
comments
Categories: Blogger - Blogspot, Blogging, Google, Video Tutorials
-
How To Post Your Blog From Mobile Video Tutorials
How To Post Your Blogger (BlogSpot) From Mobile Video Tutorials
List All Blogger - BlogSpot Video Tutorials
List All Blogger - BlogSpot Video Tutorials
more
0
comments
Categories: Blogger - Blogspot, Blogging, Video Tutorials
-
How to Create a Blog with Blogger Video Tutorials
How to Create a Blog with Blogger (BlogSpot) Video Tutorials
List All Blogger - BlogSpot Video Tutorials
List All Blogger - BlogSpot Video Tutorials
more
0
comments
Categories: Blogger - Blogspot, Blogging, Video Tutorials
Subscribe to:
Posts (Atom)













