How To Customize Blogger Blog Using Template Designer

Adding css to our template makes our blog more pretty to look but sometimes we face encounter especially if we are new in using the new Blogger template design. We find difficulty in searching this code ]]></b:skin>. But don't worry because there is still another and more easy way of putting the css code in your template and that this through Template Designer. (Supposing that you are going to add borders to your sidebar and below is the set of code). .sidebar h2 { border-top:1px solid #000000; border-right :1px solid #000000; border-bottom :1px solid #000000; border-left :5px solid #000000; margin- top;0 margin- right;0 margin- bottom;0 margin- left;0 padding:0 0.2em; line-height:1.5em; } Simply follow the steps below; Step 1. Go to your Blogger Dashboard >> Customize Step 2. Click Advanced then scroll down and select Add CSS Step 3. At the right side is a blank field, this is intended...

How To Add Widget Beside Post Body

In this post, I will teach you how to add any widget, it would be an ad or any code (recent comment widget, facebook like box, popular posts widget and the like) that you want to place just beside your written article or post body section of your blog/site. Have a look at the image below. *Adding Widget Beside Post Body Individually Step 1. Go to Blogger >>New Post or (select another post) Step 2. Copy the code below and paste it above your written post/article (it should be in the top most corner) . <div class="widget-beside-post" style="clear: left; display: inline-block; float: left;height: 400px; margin: 12px 20px -50px 0px; width: 234px;">Your widget/ad code here....Your widget/ad code here....Your widget/ad code here....Your widget/ad code here....</div> Example below: <div class="widget-beside-post" style="clear: left; display: inline-block; float: left; height: 400px; margin:...