How To Make Post Label, Categories, Tag In BlogSpot Blog?

      Grouping your blog's contents makes it easier for people who have reached your blog via Search to find other posts that they may be interested in - provided you add tools to your blog that let them navigate using labels. The Labels gadget lets readers choose which groups of posts to see:  when a visitor clicks an item on the labels gadget, they are shown a list of posts that have the selected label applied to them. You can add the Labels gadget as many times as you like, selecting which specific label values to show each time


How To Make Post Label, Categories, Tag In BlogSpot Blog


How To Customize, Create, Delete, and Change Labels in Blogger Blog

  • Firstly Login to your Blogger Dashboard click here
  • Select your blog and click on right side bar
  • Select Posts on drop down menu


How To Customize, Create, Delete, and Change Labels in Blogger Blog 

Firstly Create New Post in Blogger Blog:

Step 1:
          Click on New post, show bellow picture

Firstly Create New Post in Blogger Blog

Step 2:
A.   Write subject in Post box
B.   Click Compose on left side
C.   Write your article inside page

If you post picture with  your blog's contents please click here and show tutorial

Add Labels, Tag, Categories To Blogger Posts:

A.   Click Labels button on right side page 
B.   Write your label / categories name 
C.   Click Done 
D.   You can choice already use in post label. Click on bellow label name. Example: Post, Search box, Tutorial, Widget 
E.   Save your post 
F.    If you show preview your post before publish, click Preview 
G.  At last click on Publish to show your all visitors

Tips to customize blogspt blog label, tag, categories

Note: Add the Label Widget on your blog to show your all visitors.  Click here and follow tutorial.
--------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team

help2blogging logohelp2blogging smile logo

How To Install Fresh Search Box Widget In Blogger Or Blogspot?

      All blogger needs to the search box in his blog. Visitors write article name in this box and find his article. So today I teach you how to add custom search box widget in your blog. Firstly you Add CSS code (step1) in your blogger templates then you add Widget code (step2) and enjoy your custom search box widget.

Install Fresh Search Box Widget In Blogger Or Blogspot

Add a Simple Search Box Widget to Blogger Blog 

  • Firstly Login to your Blogger Dashboard click here 
  • Select your blog and click on right side bar 
  • Select Template on drop down menu
How to install beautiful search box widget in blogger

Step 1:

Adding custom search box CSS code for blogger:

Now make a backup of your blogger template because if you have any wrong this template after edited, you can restore this. So click on Backup /Restore and download Full Template. Tutorial details.
> Click on Edit HTML button


Add Search Bar With Clean Style for blogger

Adding CSS code in blogger template:

       > Click anywhere inside the code area and press the CTRL + F keys on your keyboard to open the HTML search box.
> Type ]]></b:skin> inside the search box then hit Enter on keyboard to find it:
> Now past the below code before ]]></b:skin> code

Adding CSS code in blogger template:

 Search box stylish code for blogger blog:

#help2bbloggingSearchbox {
                display: block;
                clear: both;
                margin: 10px 0;
}

#help2bbloggingSearchbox #h2binput {
                background: url("http://2.bp.blogspot.com/-Q-Ejkmx-Ki4/Teem3RZlpqI/AAAAAAAAA40/_p6u9Xpgs7c/s20/Search-icon.png") no-repeat scroll 8px center transparent !important;
                padding: 7px 15px 7px 35px !important;
                color: #444;
                font-weight: bold;
                text-decoration: none;
                border: 1px solid #D3D3D3 !important;

                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;

                -webkit-box-shadow: 1px 1px 2px #CCC inset;
                -moz-box-shadow: 1px 1px 2px #CCC inset;
                box-shadow: 1px 1px 2px #CCC inset;
}

#help2bbloggingSearchbox #h2bsubmit {
                color: #444;
                font-weight: bold;
                text-decoration: none;
                padding: 6px 15px;
                border: 1px solid #D3D3D3;
                cursor: pointer;

                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;

                background: #fbfbfb;
                background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
                background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
                background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
                background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
                background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

}

 > Click on the Save Template button

 Step2:

Adding the blogspot search box widget code:

> Click on Layout button at the left side

Add search box widget for blogger

Follow 1:

A.   Click on Add Gadget in your template sidebar
B.   Choose  HTML/JavaScript Gadget

Add Four Stylish Css SearchBoxes To Blogger Blogs

Follow 2:

        A.Write widget name in Title box
        B.Any one style bellow code paste in Content box

How to install beautiful search box widget in blogger
<div id="help2bbloggingSearchbox">
                <form action="/search">
                                <input type="text" name="q" id="h2bSinput" />
                                <input type="submit" value="Search" id="h2bSsubmit"/>
                </form>

</div>
That’s all!
-------------------------------------------
If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team

 http://help2blogging.blogspot.com/2014/05/how-to-install-beautiful-search-box.html http://help2blogging.blogspot.com/2014/05/how-to-install-beautiful-search-box.html

How To Create A New Post In BlogSpot Blog


Dear friends now I adjust this tutorial about How to create new post or article in your web site/ blog step by step. Blogger is an online service owned by Google that publishes single or multi-user blogs created entirely by the user. The service has quickly become the preferred choice of many novice bloggers and is one of the easiest methods of creating and publishing a blog for free. Blogger makes it easy to create new blog posts. It's a matter of writing down what you're thinking at the moment, then making a few mouse clicks.

Get started Post or Page with Blogger Blog:


How to a create a post in BlogSpot blog

How to Make a Post on Blogspot Blog

  • Firstly Login to your Blogger Dashboard click here 
  • Chose blog and click on right side bar 
  • Select Posts on drop down menu

Get started Post or Page with Blogger Blog

Create a new post in blogger:

Step 1:
            Click New post, show bellow picture

How to Make a Post on Blogspot Blog

Start Writing A Post In Blogger:

 Step 2:
A.   Write subject in Post box (Post title name)
B.   Click Compose on left side
C.   Write your article inside page

Create a new post in blogger:

If you post picture with your blog’s content please click here and show tutorial

Step 3:
A.   Click Labels button on right side page
B.   Write your label / Categories name
C.   Click on Done
D.   Click Permalink to choice your HTML address link
E.   If you choice custom link check ¤ Custom Permalink
F.    Write your own HTML link
G.   Click on Done
H.  Save your post
I.      If you show preview your post before publish, click Preview
J.    At last click on Publish to show your all visitors


Start Writing A Post In Blogger with parmalink, Create parmalink

Tips: You will need beautiful style your post articles. Please use bellow picture buttons in your blog's post.


Blogger blog custom toolsbar review

That’s all !!

--------------------------------------------

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team

How to a create a new post in BlogSpot blog- help2blogging logoHow to a create a new post or page in BlogSpot blog- help2blogging logo

Add Facebook Popup Like Box In Blogspot Blog (V2)

   I am already provide Facebook popup like box ordinary code. Now I teach other tutorial how to make Facebook popup like box on every post in your blog. When a visitor came your site and open any page, automatically visitor show your Facebook fan page like box. This tutorial is very easy.

Facebook Popup Like Box In Blogspot Blog v2



How to Add Facebook Popup Like Box Widget in Blogger- V2:

Now make a backup of your blogger template because if you have any wrong this template after edited, you can restore this. So click on Backup /Restore and download Full Template. Tutorial details.
  • Login your Blogger Dashboard click here 
  • Select your blog and click on right side bar 
  • Select Layout on drop down menu

Tips -facebook popup like box for website

Make Facebook Popup Like Box:

Step 1:
A.   Click on Add Gadget in your Layout sidebar
B.   Choose HTML/JvaScript Gadget on popup window

How to Make Facebook Popup Like Box

Add jQuery Facebook Popup Like Box In Blogger HTML/JavaScript:

Step 2:
A.   Write widget name in Title box
B.   Paste the bellow code in Content box

Add Custom Facebook Popup like box in blogspot blog

Facebook Like Box Pop-Up Widget Code:

<link rel="stylesheet"
/***********************************************

    This code edited by: help2blogging.blogspot.com  

***********************************************/
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"
/>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
<div id="dialog" title="Get latest tutorial via Facebook">
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/help2blogging&width=325&height=300&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:275px; height:300px;"
allowtransparency="true"></iframe></center>

</div>

Customize: Change help2blogging   red color code and replace your Facebook page name

Now click on Save button and enjoy your right choice.
__________________________

If you have any question and suggestions related blogger
Please don't hesitates just sent email or leave comment
Thanks to follow this tutorial
Best regards
help2blogging team

Add Facebook Popup Like Box In Blogspot Blog (V2) - help2blogging logoAdd Facebook Popup Like Box In Blogspot Blog (V2) - help2blogging logo