Posted: 04 May 2011 03:07 AM PDT Blogger related posts widget with thumbnails – There are many ways to endure your blog visitors for long to read your blog, one of which way is to place related posts widget with thumbnails. By placing related posts widget with thumbnails, at the end of your posts, then the chances of your blog visitors will be more interested to read other articles. Add Related Post with Thumbnails on BloggerHere are the steps to add related posts widget on blogger:
Related posts widget has explained above will show up at the end of each posts page and not at the front page. If you want it appears at the front page, then you just need to delete the following code: <!-- remove --><b:if cond='data:blog.pageType == "item"'>And code <!-- remove --></b:if> Customize related posts widgetThere some needs to be customized from related posts widget with thumbnails above, among them are:var maxresults=5;The code above is to display the number of related posts that appear, to change the number, just replace the digit of 5 with another digits. var relatedpoststitle="Related Posts";By default, related posts widget which appear will titled as Related Posts as shown in code above, but the text can be modified as you like, e.g: You might also like, or other words. var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLxOUT-tCDSZieJO9casBVSK16tU1kTwT7Rpk8dWS3JZiW26J0MzRRZtQtKc3w7ifLH10RuB7OC4m6Dpp477aJ7exXHiOaJ5IKSh09ZLFy63rVEcOgiFpNii5t5fhcpWrPKu4VQ9insbE/s400/noimage.png";If there is no image on your posts, then related posts widget will appear default image which contain text No image. Image can be changed by changing the image address. var splittercolor="#d4eaf2";Code #d4eaf2 is the color code of between posts border line. You can change it with other colors. Good Luck!!!!! Credits: Related posts widget with thumbnails above was created by Blogger plugins Blogger Related Posts Widget with Thumbnails is a post from: Blogger Tutorial for beginners Another useful blogger tutorials: |
Posted: 03 May 2011 03:23 PM PDT How to create Subscribe buttons – Someone through my facebook page asked about how to create subscribe buttons on facebook, twitter, and feeds as well as on this How To In Blogger blog. The following is the subscribe buttons which was meant: To create such subscribe buttons above is very easy, just follow the steps below. Create Subscribe Buttons Using CSS Image SpritesThe technique to create subscribe buttons which will described is inspired by the creating awesome menu technique which using CSS image Sprite that is using one image background media for several buttons which considered more efficient from the blog loading aspect. Background images used are as follows:Without elaborating, for you who interested to create subscribe buttons using CSS sprite image technique, just follow the steps below: Step #1
Step #2
Customize Subscribe LinksFrom the steps above there is some thing you should change that is replace the existing subscribe link with yours. Remember! The code above just an example, you should change the subscribe link with your subscribe code. Here is the code that you need to edit:http://www.facebook.com/pages/How-To-In-Blogger/166729273361572 Change the link above with your facebook address or facebook page address. http://twitter.com/howtoinblogger Change the code above with your twitter address http://feeds.feedburner.com/howtoinblogger Change the code above with your blog feed address http://feedburner.google.com/fb/a/mailverify?uri=howtoinblogger Change the code above with your email blog subscribe Just it and get your beautiful subscribe buttons. How to Create Subscribe Buttons is a post from: Blogger Tutorial for beginners Another useful blogger tutorials: |
powered by Google | |
0 komentar:
Posting Komentar