How To Remove blog Tital from Blog Posts in Blogger

Now Remove Blog Tital from the posts of blog it Help to improve SEO of a Blog

Menu->Template -> Edit HTML.

2.Find the string<title><data:blog.pageTitle/></title>

3.Replace it with:

<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.title/></title>

<b:else/>

<title><data:blog.pageName/></title>

</b:if>

4.Click theSave Templatebutton. Done!

0

How To Add Facebook Like Box Plugin For Blogger or Websites

As We know Facebook is best social media platform for connecting with people. Facebook helps to increase Business clients and also visitor on your website or Blog. So Facebook Pages are best place for sharing latest updates or our product and services with our user. Facebook pages work as a community which helps everyone for building and growing their business.

Placing Social Like Box of Facebook on your Blog or website is a best idea for our users to lets them join your Facebook page also. So here i am going to start with my First article related to widget for blogger. So Today i decide to change the niche of our blog towards blogging also. From Today onwards i will start sharing the customize widget and plugins for Blogger, Website and WordPress also.

Install Facebook Like Box on Blogger

Here i am to start with the simple steps of installing Facebook like box on you blogger blogs.

• Firstly Go to your Blogger Dashboard >> Then Layout
• Click on The Add a widget >> Edit HTML/JavaScript
• Now simple Copy the Below Given code 
• Replace SafeTricks with username of your page.

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FSabKuchHai&amp;width=292&amp;height=590&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=true&amp;appId=204979396325520" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>

• Now Place this code in HTML box and Save it.

For Manually Customizing Of This Facebook Box.

If you want to change the look and feature to Facebook box manually then simple change the below code as mention.

• If you want to change the width and Height of Box Then search for width=292 And height=590 with your values.

• If you  want To Recent Post of your page Then search Stream=false and change false into True.

• If you don't want to show the Faces then change  show_faces=true value in False.

• If you want to show Header Part of Box Then change Header=true with False.

Now After Doing Manual changes Save Your box and You have done.

If you face any kind of problem while installing or doing any change with this box. Feel free to ask me in below comment.

0

How to change mouse cursor in blogger blog to animated cursors

How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun to your blog is, changing mouse cursor on your blog. Changing the mouse cursor in blogger or blogspot blogs is very easy.This tutorial will help you to change the mouse cursor of your blog to animated cursors.Many bloggers are asking such kind of questions but there is no tutorial available on the internet.I created this post because there are a blogger friend who asked how to change the pointer / cursor on the blogger. This you can do to decorate the look of blog.



Read More:
1. How To Add Snow Effect On The Blogger Mouse Cursor Area


I take the cursor image from http://www.cursors-4u.com and http://rw-designer.com you can change it anytime depends on your festive moods.

How to Install mouse cursor in blogger blog to animated cursors

How to add HTML-CSS-Javascript Codes to your Blog ?

This is very simple and easy you only follow below steps and add this widget in your blog.

Step 1 Log-in to your Blogger account.

Step 2 Backup your Template.

Step 3 Click on The Template>> Edit HTML>> Proceed.

Step 4 Now find [by pressing Ctrl + F ] this code in the template:

</head>

And immediately Before it, paste this code:

<link href="http://dl.dropboxusercontent.com/s/sjqjsg1hc0rodn5/everykindofhelp.blogspot.com-1.css" rel="stylesheet" type="text/css" /><a href="http://everykindofhelp.blogspot.com/" target="_blank" title="Blogger Templates"><img src="https://bitly.com/everykindofhelp1" alt="Blogger Templates" border="0" style="position:absolute; top: 0px; right: 0px;" ></a>

And now click Save Template

Change Mouse Cursor Generator by EveryKindOfHelp.blogspot.com

How To Add Mouse Cursor Widget To Blogger?

• Choose a type of Mouse Cursor below
• Click on "Genetate" button
• Finally click on "Add to Blogger" to add it to your blog.
  Note:  We are going to add more cursor, cursor pointer, cursors, mouse cursor, Totally Free Cursors, Myspace Cursors, Animated Cursors and cursors oftenly so keep visiting this page.
  
  
  
  Blogger MySpace Cursor Code Generate
  
  
  
  You can change the appearance of the cursor on the MySpace profile page (the cursor is the little that moves on the screen by moving the mouse). For example, you could make the appearance of the cursor as a question mark when the user hovers over an object.The widget is originally developed by code-generator.net, i just changed something in the widget.
  How to Install Blogger MySpace Cursor Code Generator Widget
  
  Now let's start adding it...
  
  Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.
  
  
  
  
  
  
  Step 2. After click on Add a Gadget link A pop-up box will open now
  with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.
  
  
  
  
  
  
  Step 3. Select 'HTML/Javascript' and add the one of code given below.
  
  Step 4. Now Click On Save 'JavaScript' You are done.
  

0

Changing Font Size in the Header Bar in Blogger's Dynamic View Templates

Changing Font Size in the Header Bar in Blogger's Dynamic View Templates

Before

After

You'd think there is an easy way to change the size of the font on your Dynamic View's header bar. Oh wait, there is - the option to change your font size is very much there in your Template Designer (under Advanced - Header Bar). But let's be honest here. I have not seen this working. It never had any effect on my actual template, and no, not even on my preview page. Fortunately, there's a way to manually change the font size in the header bar, and here's how.

Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog:

Use the following to change the size of your menu font (Classic, Flipcard, Magazine..)

.header-drawer .menu span{
font-size: 20px !important;
}

And the following to change the size of your header bar links.

.header-drawer .tabs{
font-size: 20px !important;
}

And this to change the font-size of the view-options in your drop down menu:

#views .menu-item{
font-size: 20px !important;
}

Change the value '20px' in Line 2 accordingly.

0

Comment Link Next to Blogger Post Title

Comment Link Next to Blogger Post Title

Before

After

Finally, a non-dynamic post after a long time (or I should say, a *post* after a long time).. Knowing there's a way to add labels next to post titles, blog reader Amy was curious to know if there's a way to do the same with Comment links - adding the link next to the title, including the comment counter.. Since this doesn't involve a Dynamic template, you have all the reason in the world to believe there must be a way. Personally, I think this tweak could be especially handy, now that the comment link in post footer is more of a hit-and-miss thing. Without further ado, here's how..

Step 1:

Backup your template by going to Dashboard - Template - Backup/Restore - Download Full Template. Next, go to Dashboard - Template - Edit HTML - Find and delete the following lines:

<b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

Screenshot of the lines to be deleted:

Step 2:

Copy and paste the following lines in place of the deleted lines in Step 1, then click on 'Save Template'.

<b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a><span> | </span>
              <span class='post-comment-link spk-title-comment'>
                 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:include data='post' name='comment_count_picker'/>
                  </b:if>
              </span>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a><span> | </span>
              <span class='post-comment-link spk-title-comment'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:include data='post' name='comment_count_picker'/>
                  </b:if>
              </span>
          <b:else/>
            <data:post.title/><span> | </span>
              <span class='post-comment-link spk-title-comment'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:include data='post' name='comment_count_picker'/>
                  </b:if>
              </span>
          </b:if>
        <b:else/>
          <data:post.title/><span> | </span>
              <span class='post-comment-link spk-title-comment'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:include data='post' name='comment_count_picker'/>
                  </b:if>
              </span>
        </b:if>
      </b:if>
      </h3>
    </b:if>

That will be all. Happy trying :)

0

Show Post Title in Full in Magazine Blogger Dynamic View

Show Post Title in Full in Magazine Blogger Dynamic View

Before

After

I've published tutorials on how post titles can be shown in full in Blogger's Flipcard and Timeslide Dynamic Views before, and Blog Reader Pierre Egault would like to know a similar trick for Magazine view - as Magazine view tends to truncate your title when a custom web font is used. This tweak should also help to reduce the gap in your post title's line height when a custom font is used. So, here's how:

Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog

.magazine .item .title a{
line-height: 25px !important;
overflow: visible !important;
display: table !important;
}
.magazine #lead .item .title a{
line-height: 35px !important;
overflow: visible !important;
display: table !important;
}

0