Cap Your Blog With A Christmas Cap

Hi guys we all know that Christmas is near and we update our readers with best widgets according to their taste.If Christmas is near then, why don't you design your blog in according to Christmas?
This question is asked by many web developers! But if you want to add the beautiful Christmas cap.As you can see in my blog that my headers is wearing a Christmas Cap.In my previous post i added how to add snow fall on blogger blogs.It is also for Christmas but i don't want to divert your attention so follow the below simple steps to cap your header with Christmas cap.



Adding the Christmas Cap:

All guys follow these steps!
1.Log in to Blogger Dashboard
2.Click on Design>Edit Html.
3.Click Expand Widget Templates.
4.Find the code given below:

<div id='wrap'>
It may be not present on your blog because some templates id's are changed.So, For the successful installation i recommend to add it in different id's and check it.To find different id's press Ctrl+F and type the below code
<div id='
It will be present on your blog so just below the above code add the following code:
&lt;a href=&quot; http://sharethetricks.blogspot.com/2011/12/cap-your-blog-with-christmas-cap.html &quot;&gt;&lt;img src=&quot;http://1.bp.blogspot.com/-9cNDzxWug0Y/TvS4gdhBG6I/AAAAAAAAApw/wx_jQTMw_3A/s1600/santahat1+%25281%2529.png&quot; style=&quot;position: absolute; top: -13px; left: -34px;&quot;&gt;&lt;/a&gt;
See the preview of your template, if it is correctly added then save your template and if not,then try it below other different id's.

Stay Tuned:

I hope you like this post,if you do please comment,like and subscribe to get latest updates via email.I will post more tricks and tutorials on Christmas so, i want you to subscribe to don't miss another awesome post from us.

Happy Christmas to you all : )

4 comments:

  1. Hello Abdulsalam,
    can you please tell me how can i add image like yours in my blog at each comment...."Confused? Feel free to ask" this one

    ReplyDelete
  2. @shubham
    It is really very easy!
    1.Go to Blogger Dashboard>Design>Edit html
    2.Check "expand widget template" and find the code given below
    <h4 id='comment-post-message'>Post a Comment</h4>
    and replace the above code with this one:
    <h4 id='comment-post-message'><img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/SvZuZbFMFVI/AAAAAAAACJg/GcDGjs2LOik/s800/what-question-mark.gif'/>Confused? Feel free to ask</h4>

    ReplyDelete

Don't Spam Please !