Wednesday, 9 April 2014

How To Add Related Posts Widget To Blogger with Thumbnails

Steps adding the Related Posts Widget to Blogger/Blogspot Step 1. Go To Blogger Dashboard >> Template >>Edit HTML Step 2. Click anywhere inside the template's code and press the CTRL + F keys Step 3. Search for this piece of code by typing it inside the search box: </head> Step 4. Copy and paste the below code just before/above </head>   <!--Related Posts with thumbnails Scripts and Styles... selengkapnya »

Friday, 4 April 2014

Simple Blogger Related Post Widget Without Thumbnails/Text Links Only

The Script For Blogger Related Post Without Thumbnails :   Add a new Javascript/HTML widget and paste the following:  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script> <script type="text/javascript"> relatedPostsWidget({ ... selengkapnya »

How to put Adsense ads on Blogger/Blogspot

If you want to earn money from your site/blog, Google Adsense is the most popular service to monetize your blog or website content. When implemented, Adsense will display targeted Google ads on your blog and they can generate revenue on either a per-click or per-impression basis. In order to display ads on your site, you should first Sign Up to Google Adsense program. Before adding your ads, keep in mind that Adsense allows only... selengkapnya »

Add Google Adsense to Blogger Header - Above the Title

Add a new element to Blogger header Step 1. From your Blogger Dashboard, go to Template and click on the Edit HTML button (it is recommended to make a backup first - click on the Backup/Restore button on the right side)   Step 2. Click anywhere inside the code area and press the CTRL + F keys to open Blogger' search box:   Step 3. Paste or type the following code inside the search box and hit Enter to find... selengkapnya »

Show Recent Posts With Thumbnails For Particular Label or Category in Blogger

Steps Step 1. From your Blogger Dashboard, go to Template/Edit HTML Step 2. Click anywhere inside the code area and search (CTRL + F) for this piece of code: ]]></b:skin> ... just above it, paste this one: /* Recent posts by labels --------------------------------- */ img.label_thumb{ float:left; margin-right:10px !important; height:65px; /* Thumbnail height */ width:65px; /* Thumbnail width */ border: 1px solid #fff; -webkit-border-radius:... selengkapnya »

make Simple Recent Posts Widget for Blogger/Blogspot

Sometimes we want to have everything organized so that our readers can find topics of interest more easily, and that's when instead of putting a widget with the latest posts, we can put together the latest entries sorted by category, so that we'll be able to show the latest posts for each label we want and also display a thumbnail for our category. To add this type of gadget/widget for the latest categories, just follow the next steps: How... selengkapnya »