Social Sharing Widget for Blogger Post

This Post is about How to Add Social Sharing Widget in Blogger Post. In this tutorial I am gonna explain, how to add it to begin or end of blogger post. By using this widget, you can share your social networks with  one click. It means, you can get some visitors to your blog if someone do sharing.So you can easily share your content within the social sites and increase your traffic to your blog. I am using HTML and Some JavaScript.
This is also widget like you have see the other social widget in older post.

• Notification Bar Widget to Blogger
• Hover Style Social Media Widget for Blogger

Demo

I try it for a long time but in every time I have the long editing in template but it is simple code which gives the Amazing Social Widget to Post.Widget as shown in picture.

Notification Bar Widget to blogger

Notification bar at the bottom of your blog is a great way to divert user attention on some of the links , For example you can manually insert your new post link so that it gets maximum user attention and page views or you can add popular post link or anything for which you want some user attention.you can also put social media sharing icons at the bottom in this notification bar so your posts gets more Facebook likes and plus one,well for social media sharing we have many other widgets like:-

• Hover style social media widget for blogger
• Javascript for Quote everyday

Hover Style Social Media Widget for Blogger

In post I am gonna explain how to add Hover Style social media widget for blogger. By using this widget  you can link your social media profile Facebook ,Twitter , RSS, Google+ and YouTube.Check link for Demo.Click here.

STEPS:

• Goto to the Layout Option which you can find on your blogger dashboard.

Add Small Image Besides Your Post Title

Want to add small image to your blog post title???

Today’s tutorial is about adding a little picture/icon beside the title of each post in your blog.Be sure that this addition will make your posts more attractive and better than before. This addition is one of the most additions that you might found in the biggest popular websites.
You can add your personal picture or a little image quoted from your header image.
 For example it will look like this:

Page Optimization Blogging tips To Get Traffic From Google Search results

On page optimization blogging tips plays an important role in getting traffic from Google search results and traffic from other search engines.Traffic that you receive from Google and search engines is called organic search results but what are those factors that enforces Google bots to send you traffic or to enlist in you Google search results .in this post we will be discussing those factors which enforces search engines like Google to send you traffic from their search results.blogging tips

Page rank and Alexa rank also depends on the amount of traffic that you receive for your blog.and if you have Google Adsense ads then earnings will also be higher if you receive Google search results.so below are those methods that i use to receive Google search results or say use to get traffic from Google search engines.

Bounce Rate

Today I was going to write about why new websites can display very misleading bounce rates, but I realized I had never covered the bounce rate concept before, so I’ll stick to the basics today, and expand on the topic over the coming weeks.
If you already know the term, consider this post a refresher.

What Is Bounce Rate?

Bounce rate is a very important metric for website owners. It basically tells you what percentage of your visitors are “bouncing” away after landing on your site (e.g., they just visit one page and leave before clicking on to a second page inside your site). A bounce can occur for several reasons, including:

The visitor hit the “Back” button on his browser.
The visitor closed his browser.
The visitor clicked on one of your ads.
The visitor clicked on one of your external links.
The visitor used the search box on his browser.
The visitor typed a new URL on his browser.

JS For Quote everyday

I have used a simple JavaScript to display a new Quote everyday. I was looking for something simple, and unfortunately a number of those I found online do not work.

In the end, I looked up books and came up with a simple JavaScript which stores quotes and authors in a format called “arrays”. I keyed in 10 quotes and the script will display a new quote every day of the month.

If you would like to add one, go to Template ->Page Elements and click “Add a Page Element” to the place you want your Quote of the Day to appear. Add a "HTML/JavaScript".

The JavaScript I have used for that is as follows:-

Update: <noscript> tag added. Readers like us who have disabled JavaScript in our browsers will see a statement instead of a blank space.

<!-- http://blogtrixz.blogspot.com/ -->

<table border="1" cellpadding="20" bordercolor="#ADD8E6">
<tr>
<td bgcolor="#E0FFFF">
<p></p>

Add Favicon to Blogger site

Have you wondered how these little icons appear next to the web addresses, like the one you see above? When you visit the sites or bookmark them, these icons will make these URLs stand out. These are “Favicons” or “Favorite Icons”.


First you need to have an icon which you would like to use. If you search your hard disk, you might find some icons which are generic. I would suggest that you create one to represent your own unique identity. There are quite a number of free icon editor software which you can download from the internet.


Once you have created an icon, save it into your hard disk.The only method to use will be to upload the icon into some web folder, and create a link. You can read about using free hosts like Google Page Creator and Google Groups.We have also a rather comprehensive list of free Image Hosts and File Hosting Services in our article on Manage Blogger Image Storage Space. Check out those sites and choose one that is fast, reliable and allows uploading of .ico files.

Now

Go to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-

Make Blog Unsearchable and Private

Many people write blogs to share their thoughts with everybody and anybody. However, you may also use your Blog as an online diary, penning very personal and private thoughts.Also, you may not want it to be indexed by search engines, so that people searching for it on the net will not find it in the search results.

This post lets you know how to create private Blogs. If your intentions are the exact opposite, and you want to publicize your Blog to the whole world, follow our other guides to submit your Blog to Blog Directories, Google, Yahoo and Feed Directories.

Note that these steps are to be taken BEFORE you create the blog. If you already have an existing Blog, it has in all likelihood been indexed. These tips will at best prevent future contents from being seen.


Title and Blog URL

When you create a new Blog, select a Blog URL and Title carefully; choose words that have no bearing or relation to you or what you do. After the Blog is created, DO NOT post. Post only after you have completed all steps.

Permission

We start with the most important and necessary  step. Blogger has made it easy for you to create private Blogs. When you are logged in, go to Settings -> Permissions. You can restrict your Blog Readers to only people you choose or only the blog authors.

People who enter the Blog URL into their browsers can still see the Blog Title but will be prompted to enter their Google account particulars and password. If they are not given the rights to view the Blog, a message will be shown: “It doesn't look like you have been invited to read this blog. If you think this is a mistake, you might want to contact the blog author and request an invitation.”


Listing on Blogger.com

These are the further steps to take, just to be sure. Under Settings -> Basic, you can see a “Add your Blog to our listings?” option. Choose “No”. Click “Save Settings” at the bottom. This will do three things –

i) Your Blog will not appear when people search Blogger.com.

ii) This Blog will not be shown in the Blog List on your Profile page.

iii) The Blogger homepage showcases a list of recently updated blogs but this Blog will not be shown.

Ping Setting

Go to Settings -> Publishing and under the “Send Ping” option, choose “No”. Save the Setting. Whenever a Blog is updated, Google will notify some of the tracking services of the updates. If your Blog is private, there is no reason why these services should to know of your Blog updates.

Site Feed

Your Blog contents can be read through your Site's Atom and RSS Feeds. People can catch up on news and articles by subscribing to these Feeds and viewing the material using their Feed readers. If you do not want your contents to be read or syndicated, go to Settings -> Site Feed and to the question “Allow Blog Feed?” select “None” and click “Save Settings”.

Meta Tag

Now that we have altered the settings for the Blog, we can add a further meta tag into our template to tell search engines not to index the site. Click Template ->Edit HTML and you can see the source code. Somewhere at the top, just below <head>, insert this line (shown in red):-

<head> <meta name="robots" content="noindex,nofollow">

Leave this tag there. Search engine robots which visit your site will not index the Blog pages and contents.

Profile

We thought we should cover this for completeness. In the top right corner of your Dashboard, you can go to the “Edit Profile” page. Under “Show my blogs”, if you see a blog that you do not want people to know about, remove it from the listing. People who view your Profile will not know about the Blog. You can also choose not to share information about your Profile by not ticking the box next to “Share my profile”.

External Links

The steps outlined above are within your control but this one is not. It is also the reason why we said we can only minimize but not eliminate the possibility that people know of your Blog. Anybody can link to your Blog URL since it is a valid URL. If your friends happen to know about your Blog and write a post mentioning your Blog or linking to your Blog, there will be an external link to your Blog. Whatever they write about it will be public knowledge. Hence, to have an online diary that only you know about, remember that a secret shared by two persons is no longer a secret.

Add Search Box To Blogger

Hello guys you have see that Navigation bar at the top of your Blogger blogs has an embedded search box. However, you may want to include a similar box in body of your blog (like what I have done), or the sidebar.

Under Layout->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.

There are several HTML codes posted on the net. I tried a few, and found the one that works as follows:-

<p align="left"> <form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get"> <strong>NAME OF YOUR BLOG<br/></strong> <input id="b-query" maxlength="255" name="q" size="20" type="text"/> <input id="b-searchbtn" type="image" src="IMAGE URL" align="top"/> </form></p>

Remember to change YOUR BLOG URL to the URL or web address of your Blog. Also, change the NAME OF YOUR BLOG to that which you want to call your site. For instance, if your Blog Name is long, you may want to write something like “Search Here” or “Search this site”.

Hide / Remove NavBar in blogger

The Blogger or Blogspot Navbar is a default feature that appears at the top of every Blogger powered blog. It is a useful navigation tool which allows readers to search the blog for targeted content, mark the blog as objectionable, and randomly view other member blogs.

The Navbar can be disabled for users who publish contents via FTP, but it will appear on all freely hosted BlogSpot blogs. While the feature is undeniably useful, some people find that its position at the top of the page looks obtrusive even with a choice of 4 colors. Some therefore pick a template with a black background to blend well with a black navigation bar. There are also parents and educators who find the 'view random blogs' feature inappropriate, as their children may inadvertently view objectionable blogs.

Nevertheless, this article is not a discussion on the merits or demerits of a Navbar. That is for you to decide. Here, I am assuming that you have made a conscious decision to hide or remove the Navbar. Having so decided, this is the guide on how you can do it.

Log into your dashboard, go to Template -> Edit HTML. Scroll to anywhere on the template and insert the following CSS style definition in red within the head section.


#navbar-iframe {
display: none;
}
</head>

Create your first blog with blogger

• Navigate to Blogger.com.
  If you have a Google account, then log in. If you don't have a Google account, click on the red "Sign Up" button in the top right corner and register for a Google account.

• Click the "New Blog" button.
• Fill in your blog name and your desired blog address

Difference HTML-XHTML

Hello guys you may have seen that when inserting codes into the Blogger template, page element, or blog post, error messages that the code could not be parsed, was not well-formed, was broken, or that the elements were not closed properly. These errors can be corrected if you understand the rules that must be adhered to in XHTML documents. Blogger templates use the XHTML 1.0 Strict Document Type. In this article, we shall explain some of the XHTML syntax or rules, so that you may troubleshoot and resolve the problems if these error messages should occur.

XML, HTML and XHTML

We shall keep this short. Just so as you understand what we said about document type, view the Page Source or Source of your Blogger blog. You should see this document type declaration at the very top:-


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


The terms – XML, HTML and XHTML - refer to the markup language used to write the web pages. Many of us would have heard of HTML (Hypertext Markup Language), invented by Tim Berners-Lee, and used since the early days of internet. XML (Extensible Markup Language) is a meta-language, used to create other markup languages. The traditional HTML was later recast to use the rules of XML and that resulted in a new XML application, called XHTML (Extensible Hypertext Markup Language). Because XHTML rules are strict and unforgiving, not conforming to them when attempting to modify the template would result in error messages. So, what are these rules that Bloggers like us should take note of?

Basic Rules of XHTML

1. Codes to be in lowercase

Comparison Chart Blogger vs WordPress

Feature	Blogger.com	WordPress.com
Themes and Customization	Google's Dynamic Views will replace customized templates unless users set their Blog feed to 'None' or 'Short	NO template editing. Style sheet editing only as a paid upgrade.Most of the themes have user-selectable options.
Languages	50 Languages	120+ Languages
JS	you can include third party scripts.	No scripts allowed.
Domain Names	Transfer your domain name for free or buy one.	A paid upgrade is required to transfer an existing domain name.
Import	Only from another BlogSpot blog.However,a third party tool can convert it.	Import from blogger Yahoo!360 ,TypePad,Tumblr,Vrox,Posterous,LiveJournal,Blogli other WP blogs.
Visitor Stats	Built-in visitor stats.	Built-in visitor stats.
Image Storage	1 GB.There is no dashboard interface to browse through uploaded images,which get stored in Picasa Web Albums..	3 GB.Paid upgrades are available to add more space.You can also upload .ppt, .doc, .odt and .pdf files and more.
Galleries	Slideshow widget.	Simply add tag to any post or page.
Static Pages	Create up to 10 pages,but unlike WordPress no static front page.	Create posts or 'pages;.Static pages are listed in separate menus.
Categories	Labels	Categories and tags
Share buttons	In the Navbar ,plus a "Share" buttons option.	Configure any of your favorite "Share" buttons.
Post excerpts	Yes. Inlcude jump breaks in your posts	yes , post excerpts with a "more" tag.
Post by email	Yes.You can receive new posts by email too.	Submit your posts by email.Images can be attached.
Contact forms	Not avialbe. You could add a third party contact form.	Simply add the tag to any post or page.
Private blogs	you can restrict access to 100 invited Google accounts users.	An unlimited number of invited WordPress account holders.
Password Protection	Not available.	Individual posts can be password protected.
Favicons	Yes	Yes its called "blavatars".
Comments	Visula confirmation,spam filtering and moderation options but no editing.	Moderation,comment editing and spam protection.
Feedback	"Reactions"-a mini poll option for reader ratings.	A "Like" button.Visitors can put a link to their Profile page in your post.
Team Blogs	Administrators and non-administrators only.	Administrator, Editors, Authors & Contributors.

---

Which One is Better WordPress or Blogger?

Can you just pass up the opportunity of establishing yourself as an expert in the field and promotinh your products or knowledge to your customers?

Blogging has been around for almost 15  years now. Blogs have evolved advertising,business and social media tools.Websites have changed self expression has evolved  from personal story telling to video blogs, and new blogging outlets have emerged. The most widely used platforms right now are Blogger and Wordpress.As the social media report for 2012 showed that Blogger was the second most used social network in US,while Wordpress came in as fourth.But let's see differences between them.

Running a site is enjoyable , but you have to determine certain things for yourself from a professional perspective.If you are a started,it is always suggested to opt Blogger.If you are serious about your blogging ,then you are suggested to choose WordPress self -hosting domain and there are many other WordPress hosting service available.You can enjoy the power of WordPress with these self hosted blogs.

Though Blogger gained more recognition  early on;WordPress is also one among the best CMS available on the internet.Bloggers can create free blogs on WordPress.com or run their blogs on their blogs domains,by making use of the WordPress CMS.

Key Differences Between Blogger and WordPress

Some of the differences between Blogger and WordPress are listed below:

Popular Blogging Applications

Popular Blogging Applications

Many Online tools and applications allow you to create a blog, but not all these tools are equal.Some offer far more customization and functionality than others. Following are some of the most popular and feature-rich  blogging applications:

• WordPress.com: An easy-to-use ,free blogging application with limited functionality and additional feature available for a free.
• WordPress.org: The most feature-rich and customization blogging application.It's free but does require an investment in a separate web host and more technical knowledge than other blogging applications require.
• Blogger.com: An easy-to-use and fairly feature-rich blogging application that is completely free.
• TypePad.com: A fairly feature-rich blogging application, but users must pay monthly fee to use it.
• Tumblr.com: A simple blogging tool for publishing text, video , images , audio, and quotes without all of features of more comprehensive blogging applications.

Welcome to BlogTrixz

Welcome to BlogTrixz

"Knowledge is good only if it is shared."  WABSA35TJ46A

As a new blogger, I have learned to change the Web template,and found out the tips,tricks,hack,and tweaks of Blogger template,customizing CSS, widgets, layout, blog design, Javascripts, Google Ad Sense and other related thing through many trials and errors. Adobe