Add Simple contact form with spam protection to your blog

In this post I going to show you how to add contact form in your blog. contact forms enable readers to out blog to send us emails without having to knowing our email address to potential spammers. I am using Google docs contact form on my blog but Google docs form have not protection against spamming so decide to add kontactr free form to our blog. recently kontactr added captcha function to their forms which makes more protection against spamming. in kontactr form we also make change in form appearance which suite with our website or blog. in this tutorial I have a better way which can help blogger user about adding contact form and how to customize it. so lets start the tutorial.

Create your Kontactr account which is free of cost.

1. Go to Kontactr Website

2. click on signup now button.

3. Fill the required fields. YOUR NAME, USERNAME, YOUR VALID EMAIL, PASSWORD and click on sign up button.
4. when you submit your signup request you need validate your free account before using kontactr contact form.
5. Go to your inbox and verify your ownership of kontactr free account.
6. once you verify your account login with your account and get your free contact form.
Note:- you can create only one contact form for each email account.
7. login with your username and password you can see windows like this. click on customize link and customize your contact form.

8. change colors, Background color, text color, box text color, change these colors with your blogger template color. and get form code below Ajax widget  which I showing above.
and now time to add contact to your blog. go to your blogger dashboard>> pages>> new page and choose black page for text or media.


9. copy the Ajax widget code and paste in blogger html tab. and click on preview if preview is looking good then click on save and enjoy your free contact form.
the details used to submit the contact form will emailed to the address which you used for signup. and kontactr cant save any of your personnel data. and I am very excited with kontactr free simple form offer. thanks for reading our post if you have a any trouble with doing this….
plz leave your comment and below in comment.

Read Article →

Add a Beautiful Add this widget below post title

in this post I am going to show you how you add Simple Stay Connected Icons below post title. you can align this widget vertically and horizontally below your post title like our blog and I will try to help you customize the icons in this tutorial. With this widget you can increase the traffic of your blog.and I am also using this widget  on my blog.

if you have any trouble with this tutorial post your comments and questions below in comment box. lets start the adding add this beautiful simple follow me widget.

1. Go to AddThis Official Website.
2. and create a free account using your email address.
3. after sign up login with you username and password.
4. Click on Get the Code button like showing below.

5. click on Follow button options.

6. Select buttons for a website.

7. select your buttons style Horizontal Large, Horizontal Small, Vertical Large and Vertical Small which one you like.

8. type your username in fields which buttons you want appear in widgets.

9. copy the generated script which highlighted below.

and now time to edit your blog template make your template backup if any mistake in editing (how to make a template backup)
10. Go to your blogger Dashboard>> Template>> Proceed and click on expand widgets. press CTRL+F and find this code. (how to find code using search bar )

</head>

11. and paste addthis widget script before/above </head>.


12. copy the html code which I highlight above and go back your blogger template.
and find this peace of code.

<div class='post-header-line-1'>

13. and paste copied html code after/below “<div class='post-header-line-1'>” and click save you can also see video tutorial below about this tip. thanks for reading our post. leave comment and question below in comment box.

Read Article →

How to Put AdSense after post title and after post

In this post I am going to show how to put AdSense after post title and after post and make handsome earning from AdSense ads. this helps to keep your content neat and clean. AdSense ads also place any where in your blog page. but if you want look professional so you just add ad unit some places of your blog. to add AdSense first you need to create a ad unit using your AdSense account and I just hope you guys know how to create ad unit using AdSense account. if you don’t know don’t worry follow the instruction below. and if you have any trouble plz leave your comments below I will try give you better idea.

How to Put AdSense after post title

1. Go To your AdSense account.
2. Then My ads.
3. and click new ad unit.
4. Just follow the simple instructions to create Ad unit or link unit.

now you when your ads code is ready copy and save in notepad with working folder.
and time to edit your blogger template and before editing make your template backup ( how to make a template Backup)
Step 1. Go to your blogger Dashboard>> Template>> proceed>> and click on expand widgets also ( press CTRL+F for search code in your template)
and find this peace of code. (how to find code using Search bar)

<div class='post-header-line-1'>
</div>

or this.

<div class='post-header-line-1'/>

Step 2. and replace with below code.

<div class='post-header-line-1'>
<!—YOUR ADSENSE PARSED CODE HERE—>
</div>

you can parsed AdSense code with our HTML EnCoder. Just parse your AdSense code and paste below post header line 1.
and click save that’s it your done.
Note:- if you want to show ads only post page read our post, (widget only home page, post pages or Static Page.)

How to put AdSense after ending post

Step 1. Go to your blogger Dashboard>> Template>> proceed>> and click on expand widgets also ( press CTRL+F for search code in your template)
and find this peace of code. (how to find code using Search bar)

<data:post.body/>

Step 2. just paste AdSense parsed code below “<data:post.body/>”
parse your AdSense code with our HTML EnCoder available for download.
if you have any question post below in comment sections. thanks for reading our post.

Read Article →

Glossy Style 30 + Icons Set

Today I am sharing with you Glossy style Social bookmarking icon Set. this icons specially for which have Simple Background blogs. you can use this icons for personal and commercial projects.  This icon set available in 2 formats. .CDR .PNG if your are know about Corel draw so you can edit this yourself and you can convert it in any format psd, eps, ai, and jpg unlimited size. This is my fourth post for bookmarking icons. check out my previous post, wood style icons, circle style icons. and Nail Style Icons Set.



Icons Pack Detail!
in this icon pack you can found these icons. 9rules, blogger, blogger2, co.mments, delicious, designfloat, digg, facebook, flicker, flicke2, friend star, furl, google, google2, last.fm, linkedin, mail, mixx, my space, netvibes, newsvine, newsvine2, picasa, pownce, reddit, rss, stumbleupon, technorati, twitter, vimeo, wordpress, yahoo, youtube in new style, pintrest, and many more. in my next icons post I am sharing with you more attractive icons, and with editable cdr format. you can edit file any time in Corel Draw if you have a knowledge about working in linework.
if you like my post plz leave your comment and share with your friends.


Note:- you can open .cdr only in Corel Draw Newest Version.
You Can also download these icons from download section.

Download

Thanks for Reading My Post. Happy Blogging ( Stay Mast Stay Cool My |ife My Ru|z )

Read Article →

Add SEO Meta Tags And Description To Blogger

In this post I going to show how to add meta description and keywords to your blog. Meta tags is a important things for  Search Engine Optimization. improving your search engine rank is key to success your blog. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.

 

Tips and Notes

Note: <meta> tags always goes inside the <head> element.

Note: Metadata is always passed as name/value pairs.

Note: The content attribute MUST be defined if the name or the http-equiv attribute is defined. if none of these are defined, the content attribute CANNOT be defined.

But you can take control !
You can add Meta Tags and Description to your blog. So lets see the tutorial below.

First you must copy the code below and add a meta description and meta keywords as follows:

<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>      <meta content='PUT BLOG DISCRIPTION HERE.' name='description'/>

<meta content='PUT, KEYWORDS, HERE, SEPERATED, BY, COMMA,' name='keywords'/> 

For Example Check out my meta description and keywords.

<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='Find Blogger Widgets, Blogger Gadgets, Blogging tips, Social icons pack, cdr file, psd file, png, jpg, Plugins and Learn SEO to Optimize Your Blog.' name='description'/>
<meta content='Widgets for Blogger,bloggertricks,bloggingtips,social,icons,cdr,png,psd,downloadbuttons, makemoneyonline' name='keywords'/> 

Now time add code to your blog.

1. Go to your blogger Dashboard > template > click on proceed button and find this code. how to find code in template with browser Search bar.

<head>

2. add the content code below <head> section and click save that’s it your done.

If you have a any question leave your comments below in comment section.

Read Article →

How to Remove Subscribe To: Posts Atom Link

In this post I am going to show you how you can remove the subscribe to posts atom from your blog. which you can see below your comment form. this link is always irritating me for showing my blog professional.

I was just wondering if there is a code on how to remove the feed link at the bottom of a post, the one which says Post (Atom). Without affecting anything.

and finally I found this piece of code and remove it from my template I want share this tips on my blog if any hate this link this help us to remove this link from blog.  you can remove this just in two steps its very easy. lets see the tricks below.

 

 

Note:- before editing template always make a backup your template see here how to make template backup.

1. Go to your blogger Dashboard> Template > click on proceed buttons > click expand widget box.

2. Press CTRL+F and find these lines in your template. how to find code in template with Search 

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

3. Remove the highlighted code which I showing you above and press save button

That’s it your done! if you have a question about finding this code in your template leave your comments below I hope I can help you. thanks for reading my post. Happy blogging

Read Article →

Nail Style Social Icon For Fashion Blog

Today I am sharing with you Nail style Social bookmarking icon pack. this icons specially for fashion blogs. you can use this icons for personal and commercial projects.  This icon pack available in 2 formats. .CDR .PNG if your are know about Corel draw so you can edit this yourself and you can convert this in any format psd, eps, ai, and jpg unlimited size. This is my Third post for bookmarking icons. check out my previous post, wood style icons, and circle style icons.

Icons Pack Detail!

in this icon pack you can found these icons. 9rules, blogger, blogger2, co.mments, delicious, designfloat, digg, facebook, flicker, flicke2, friend star, furl, google, google2, last.fm, linkedin, mail, mixx, my space, netvibes, newsvine, newsvine2, picasa, pownce, reddit, rss, stumbleupon, technorati, twitter, vimeo, wordpress, yahoo, youtube in new style, pintrest, and many more. in my next icons post I am sharing with you more attractive icons, and with editable cdr format. you can edit file any time in Corel Draw if you have a knowledge about working in linework. if you like my post plz leave your comment and share with your friends.


Note:- you can open .cdr only in Corel Draw Newest Version.
You Can also download these icons from download section.

Click here For CDR Icons Download

Thanks for Reading My Post. Happy Blogging ( Stay Mast Stay Cool My |ife My Ru|z )

Read Article →

How to add PayPal Donation Button in blogger

If you want to make a few bucks from all the hard work you are putting into your Blogger blog then consider adding a PayPal donate button to your Blogger blog (BlogSpot blog). Adding a donation button will encourage all those happy readers to say a big thank you for helping them out. Not everyone will donate but you will get the odd generous soul who will willingly donate some chump change to shout you a coffee. In this Blogger tutorial we will be adding a gadget to the Blogger sidebar or alternatively you could place it in the footer of your Blogger template. We will be using a widget to contain our PayPal Donate Button and will not be changing your Blogger template. If you wish to place the donate button into your Blogger posts see the end of this Blogger tutorial for details.

How to Add a PayPal Donate Button to Blogger (Sidebar or Footer Gadget)

Note: Updated on January 20 2012 to take account of new PayPal interface.

1. Get yourself a PayPal account if you don't already have one

2. Login to your PayPal account

3. Click on the Merchant Services tab .

Note PayPal have changed its interface. You now need to select PayPal Website Payments Standard from Merchant Services.
4. Click on donations.

After Click On Donations Text link PayPal  show u This Windows.

5. Chose Your Button From Choose A Button Type Drop Down Menu.

6. Write Your Company or Organization Name.

7. write Donation ID IF Available.

8. Stick with the default button unless you wish to customize it.

9. Choose your currency depending on your needs.

Note:- in Step 2 check the save button at PayPal.

Add Instructions for your donator, Change option with yes or no customer shipping Address, insert page link if donator cancel donation, insert page link when donator finish your donation you want when user donate for your website say thanks page show to donator. if you don’t do this leave uncheck these two boxes.
in PayPal updated interface u can add advance variables for donation button.



And Final copy the generated code and paste in HTML/JAVASCRIPT Widgets as u like side bar or footer and if you want show widget in your post so copy this code in you post area any where.
how to add widget in below post like AdSense ads I show u video few days later in this post.
thanks for reading my post. if u have any question post your comments below in comment section. Happy Blogging!..

Read Article →

Stylish Circle Social Bookmarking Icons

Today I am sharing with you stylish Circle  Social bookmarking icon pack. Special thanks for this idea Narjis Naqvi. This icon pack available in 2 formats. .CDR .PNG if your are know about Corel draw so you can edit this yourself. This is my second post for bookmarking icons. you can see my first wood style icons post in downloads section.

Icons Pack Detail!

in this icon pack you can found these icons. 9rules, blogger, blogger2, co.mments, delicious, designfloat, digg, facebook, flicker, flicke2, friend star, furl, google, google2, last.fm, linkedin, mail, mixx, my space, netvibes, newsvine, newsvine2, picasa, pownce, reddit, rss, skype, stumbleupon, technorati, twitter, twitter2, vimeo, wordpress, yahoo, youtube in new style, pintrest, and many more. in my next icons post I am sharing with you more attractive icons, and with editable cdr format. you can edit file any time in Corel Draw if you have a knowledge about working in linework. if you like my post plz leave your comment and share with your friends.


Note:- you can open cdr file Corel Draw X5 and above

Download Vector File

Read Article →

Add Beautiful Social Sharing to Blogger Blog

In this post I am going to show you great tips on adding beautiful wood style social sharing icon in blogger blog. Special Thanks for these icons Land of Web. and make some change in these icons and add two more icons Reddit and Stumbleupon and make useful in blogger with hover effect. in few days we thinking sharing with you some icons. which all icons is my own creation so I post these as soon as possible. this tip is very easy and just 2 step for adding this tip, you need to add css and html code in your template I am showing video for doing this. if you face any problem with doing this. leave your comment below in comment sections thanks for reading so lets start Tutorial.

Add Beautiful Social Bookmarking Icons

Before Editing Make a Template Backup ( How to make a template backup )
1. Go to your blogger Dashboard>>Template>>Edit Template (do not click on expand widget box)
2. and find these lines..

]]></b:skin>

3. And paste this css code before ]]></b:skin>.

/*----Start BT Social Sharing CSS----*/
.fade img {
filter:Charlie(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.fade:hover img {
filter:Charlie(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
/*----end BT SocialSharing CSS----*/

4. click on save template.
5. and now click on expand widget box which available on top left corner at the blogger template window.
6. and find these lines.

<data:post.body/>

7. and paste this html code after <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><span style='color: #000000; font-size: 14px; font-family: Trebuchet MS;'><b>If You Enjoyed This Take 5 Second to Share it.</b></span><br/>
<a class='fade' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' height='64px' src='http://4.bp.blogspot.com/-5c0OKSkj__A/UJ-RBiEJ4_I/AAAAAAAAADw/Kzo4MJEKWss/s1600/technorati1.png ' width='64px'/></a>
<!-------DIGG-------->
<a class='fade' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' height='80px' src='http://2.bp.blogspot.com/-KxZlE7ES3x0/UJ-Qvecm3KI/AAAAAAAAADI/bTroWea_L0g/s1600/Digg1.png ' width='80px'/></a>

<!------ Twitter ------>
<a class='fade' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='100px' src='http://3.bp.blogspot.com/-Q61zLdvhfVg/UJ-Q837JL7I/AAAAAAAAADo/RGEsShvCrCc/s1600/Twitter1.png' width='100px'/></a>

<!------Facebook------>
<a class='fade' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='100px' src='http://2.bp.blogspot.com/-lJiA75iOocU/UJ-QyIlNNoI/AAAAAAAAADQ/aXWvnWeHxmE/s1600/Facebook1.png ' width='100px'/></a>

<!------Reddit------>
<a class='fade' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='80px' src='http://1.bp.blogspot.com/-z0lRHHzjSgo/UJ-Q1IjNL5I/AAAAAAAAADY/eLwZTw2YE9o/s1600/Reddit1.png' width='80px'/></a>

<!------Stumble------>
<a class='fade' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='64px' src='http://3.bp.blogspot.com/-FLbwRBN7BO8/UJ-Q4ML9PUI/AAAAAAAAADg/v9Wh6OX_0pY/s1600/Stumble1.png' width='64px'/></a>
</center>
</b:if>

and now click on save and see result your blog.
Note:- if you want to change text color, font and font size make change in these lines. yellow for text color green for text size and red for font style. and pick color from color code genrator tool.
<span style='color: #000000; font-size: 14px; font-family: Trebuchet MS;'>
if you have any problem leave your comment and question below.

Read Article →

How To Remove Blogger NavBar

In This Post I am Going to show you how to remove blogger navigation bar. its very easy and after you remove your blogger navigation bar your blog look professional. Blogger navigation bar is a default feature that appear at the top if your blog hosted on blogger. you can do that by adding a snippet of one code. I have many reasons why should we remove navigation bar, some reasons I am showing you below.

 

 

• its irritating looking your blog professional.
• you can b flagged by anyone.
• its allows you to see other blogs by clicking on next button. which may contain objectionable content like porn explicit content.
• If you want your blog look like professional website.
• if Google user logged in with Gmail or Google account but they haven't Administrator right for the blog they are looking at they can see their own Google Account name, A link to their own blogger Dashboard and sign out link.

Update:

In 2012 when Google update blogger interface I have two Method to remove blogger navbar.

Method 1.

1. before any editing in your template make your template backup. ( Here you can see how to make a template backup)

2. go to your blogger template editor (in blogger dashboard) and go Edit Template>>Proceed and press ctrl+f and find these lines.

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

3. and remove these lines from your template. and click save.

Note: When You Click on Save Blogger Show This type Warning Massage. you must click on Delete Widgets.

That’s it.  save you template and refresh your home page and see result.

Method 2.

1. go to your blogger dashboard>> layout>> and find Navbar Widget and click Edit.

and check rounded box where you see off. and click save button.

if the Navbar turned off, then your blog will show you except that the space where the Navbar was be filled with solid background at the top.

and we have question how to remove this filled background gap.

1. go to your blogger dashboard>>template>>Edit Template ( here you can see how to make a template backup)

and find these lines.

/*Variable definitions

2. Put this code before>> /*Variable definitions.

#navbar { height: 0px; visibility: hidden; display: none;}  

Note:- if we see this problem in method 2 we recommend use method 1 for doing this.

now save your template. and see result.

if you have any questions and leave a comment below in comment Sections. happy blogging!

Read Article →

About Us

Muhammad Ishtiaq
Author & Founder

Hello, I'm a Graphic designer. I'm that guy who loves to sit in front of his computer almost all the time. This is my blog, where I like to do stuff as writing tutorials and share blogger related stuff.
I live in Johor Bahru, Malaysia and currently work at linocraft Printers. My Education is ICS but most of my knowledge comes from reading, blogging, and learning from those I've worked with along the time.
When I'm not doing all of these, I hanging out with my friends for fun.

Contact Us
Do you have any questions? Feel free to Contact Us.

Read Article →

Two Color Code Generator Tools

In This Post I Going To Share and Two Color Generator Tools with you. This tool will help your get the six digit Color Code and hexadecimal Value. and after getting the color you can make your blogger post more spicy and Color full. Read the Methon below Before Use the tools.

Colour Code Generator Tool 1

Method Instructions:

1. First drag the bar on the hue color selector to the area of your choice color Palate.
2. Then Click Inside The Brightness-saturation area move the cursor until you have found the your desired Color. The swatch bar which you can top right on the color tool show you the final Color Result.
3. The Hexadecimal Color COde is Generated in the Hex tab. Simply Copy the color code and use in your post.
4. That's it!

Color Chart Wheel For Finding Matching Colors Palate

This is a very useful and very easy to use for finding color code.
Method Instructions:

1. Simply paste your color without (#) in form which available above (update button) and then click on update button.
2. The Four Matching color will appear in four boxes which you can see right side the wheel.
3. you can copy you choice color code and use in your post or anywhere.

All Credits For these color tools goes to 2createawesite

Read Article →

How To Make a Template Backup in Blogger and How to Edit Blogger Template

In Our tutorials we make more changes in your blog and websites so we must need our blog or website template backup. when you edit your template first time I think if Make a little mistake then the backup of your template which save in your hardDrive this is helping you revert back your blogger tamplate.

---

in this video I am going to show you how to make a backup of your template and how to edit your template in blogger. this is my first video tutorial if have any mistake ignore it. lets start the tutorial. This Video Hosted on Youtube if you viewing my from pakistan in these youtube is blocked in pakistan if you want ublock youtube check out this post

Read Article →

Privacy Policy

If you require any more information or have any questions about our privacy policy, please feel free to contact us by email at admin@myblogger-tricks.com.
At www.myblogger-tricks.com, the privacy of our visitors is of extreme importance to us. This privacy policy document outlines the types of personal information is received and collected by www.myblogger-tricks.com and how it is used.

Log Files

Like many other Web sites, www.myblogger-tricks.com makes use of log files. The information inside the log files includes internet protocol ( IP ) addresses, type of browser, Internet Service Provider ( ISP ), date/time stamp, referring/exit pages, and number of clicks to analyze trends, administer the site, track user’s movement around the site, and gather demographic information. IP addresses, and other such information are not linked to any information that is personally identifiable.

Cookies and Web Beacons

www.myblogger-tricks.com does use cookies to store information about visitors preferences, record user-specific information on which pages the user access or visit, customize Web page content based on visitors browser type or other information that the visitor sends via their browser.

DoubleClick DART Cookie

.:: Google, as a third party vendor, uses cookies to serve ads on www.myblogger-tricks.com.
.:: Google's use of the DART cookie enables it to serve ads to users based on their visit to www.myblogger-tricks.com and other sites on the Internet.
.:: Users may opt out of the use of the DART cookie by visiting the Google ad and content network privacy policy at the following URL - http://www.google.com/privacy_ads.html
Some of our advertising partners may use cookies and web beacons on our site. Our advertising partners include ....
Google AdSense
Yahoo
Publicity Clerk
Buy sell Ads

These third-party ad servers or ad networks use technology to the advertisements and links that appear on www.myblogger-tricks.com send directly to your browsers. They automatically receive your IP address when this occurs. Other technologies ( such as cookies, JavaScript, or Web Beacons ) may also be used by the third-party ad networks to measure the effectiveness of their advertisements and / or to personalize the advertising content that you see.
www.myblogger-tricks.com has no access to or control over these cookies that are used by third-party advertisers.

You should consult the respective privacy policies of these third-party ad servers for more detailed information on their practices as well as for instructions about how to opt-out of certain practices. www.myblogger-tricks.com's privacy policy does not apply to, and we cannot control the activities of, such other advertisers or web sites.
If you wish to disable cookies, you may do so through your individual browser options. More detailed information about cookie management with specific web browsers can be found at the browsers' respective websites.

Read Article →

how to find code in blogger with search bar

In this post we learn how can you find code in blogger template. Many users have a in mind find this, find this code, but how can I find a code in template which thousands codes. so in this post we learn about this.

So to help I always ask you Press ctrl+f and search this code or below code. so here I going to show how to find code with browser search bar. you have followed the tutorial steps and you have reached the html template page I showing below.

 

 

Now you have to find a piece of code in your Blogs Html, showing below.

</body>

easy 2 steps for finding </body>.

1. Press CTRL+F From Your keyboard.  like a below screen shoot.

When you click on the CTRL+F Search bar will on the top of your browser. and if you are using Firefox search bar appear in bottom. in chrome like this.

and now write in the search bar </body> and press enter. after press enter you can see window like this.

you can also click on arrow buttons for the next or previous code which you can see on search bar right side.

may be in your browser search bar look different but its work is same don't worry. thanks for reading my post. check my post about how to edit blogger template and how to make a backup your template.

If you have a any question leave your comments below in comment section.

Read Article →