Blogger Help

Showing posts with label widget. Show all posts

How to install You might also like this Widget for blogger or Related post widget?

How to instal You might also like this Widget for blogger or Related post widget?

Login in to your Blogger Account.
From Dashboard Click on Layout and the Click on Edit HTML.
Then Check the "Expand Widget Templates".
Find </head> .
Then Before </head> Paste the following Code.

<!--Related Posts Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSnA4ueyCKYkHFaHkr5HMDm2R7dnXw41aJMYmseCL16TFc7Bip6LfE4dYs56f-VoNZF01CAWeVzcVa42UDqe4VfTr_lrFYFxY8oXW9M8YGjzfa6gymXf2Z7QK_-_Rv9EXFldk3dGnW_Wg/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://best2know.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
</b:if>
<!--Related Posts End-->

Now Find
<div class='post-footer-line post-footer-line-1'>.

Now immediately below that line add this code.

<!-- Related Posts Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
<br/>
</b:if>
<!-- Related Posts Code End-->

10 Facebook Widgets And Tools For Website And Blog

Facebook is the largest online community of more than 400 million active users and is growing bigger every day! Make sure you are using these Facebook widget on your site or blog to connect to the general public on Facebook. You can use these tools to easily share information on a specific profile, websites, blogs, and companies with the Facebook community

Like Badge
Display your Facebook pages for all to see.

Profile Badge
Create a Facebook profile badge to share selected profile information on your website. A profile badge will allow your users to easily connect with you and add you as a friend.

Photo Badge
This photo badge allows you to share your Facebook photos on websites and blogs. Choose from a vertical, horizontal, or two-column layout and also choose the number of photos to be displayed.

Basic Widgets for Website or Blog

Like Box
This allows your users to publish their content and activity to Facebook.

Share Button
A powerful facebook widget which allows your visitors to share your content on Facebook! An excellent Facebook widget for blogger.

Page Badge
Lets you share your Facebook page (one that you have created) information on your website.

Twitter Link
Connect your Facebook page with Twitter. Whenever you update your Facebook page, your twitter followers will be updated as well with a tweet. A great Facebook widget for your website!

Developers Widgets for Website or Blog

Like Button
Allows facebook users to share web pages from your website on their profile.

Comments Box
Lets your users comment on your website content with their Facebook account.

Recommendations
Provides your website users with personalized suggestions for pages to visit.

Live Stream
Lets Facebook users to post and share content in real-time.

Activity Feed
Lets users know what their facebook friends are doing on your website through comments and likes.

Login Button
Displays a login button along with profile pictures of facebook friends who have already signed up.

Facepile
Shows profile pictures of people who have liked your facebook page or have signed up for your webpage.

Registration
Another way for users to sign up for your site.

Blogger Tag Cloud Widget Categories / Tags

This widget is perfect for Blogspot users who want a simple tag cloud for their categories. Cloud tags can be easily implemented in the sidebar of your blog and will fit your model wonderful.

Steps for Implementation

Step 1: Back it UpAlways make sure to back up your Blogger Template before doing anything else!

Step 2: The Labels Gadget

Make sure that you have the Labels Page Element installed. If you haven't already...

Go to Layout >Page Elements .
Click "Add a Gadget" and then add the "Labels" gadget.

Step 3: Locating the "Old Code"

Now go to Layout >Edit HTML
Make sure that the "Expand Widgets Template" box is unchecked.

Now we need to search for the code that looks like this.

<b:widget id='Label1' locked='false' title='Tags' type='Label'/>

Your code may look a little different. So try using your browser's search tool to find type='Label'.

Step 4: Replacing the "Old Code" with the "New Code"

Once you've located type='Label', remove the whole line of code that looks just like the code mentioned in part 3 of step 3.

Replace this code that you've just deleted with the code below:

/*
Distributed by John Smith at WidgetsForFree.blogspot.com
*/ <b:widget id='Label1' locked='false' title='Tags' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='text-align: justify;'>
<script type='text/javascript'>
/*
Simple Blogger Tag Cloud Widget
by Raymond May Jr.
http://www.compender.com
Released to the Public Domain
*/

//Settings / Variables
var max = 150; //max css size (in percent)
var min = 70; //min css size (in percent)
var showCount = false;  // show counts? true for yes, false for no
var minCount = 1;  // what is the minimum count for a tag to be shown? 1 for all


//Begin code:
var range = max - min;

//Build label Array
var labels = new Array();
<b:loop values='data:labels' var='label'>
labels.push(&quot;<data:label.name/>&quot;);
</b:loop>

//URLs
var urls = new Array();
<b:loop values='data:labels' var='label'>
urls.push(&quot;<data:label.url/>&quot;);
</b:loop>

//Counts
var counts = new Array();
<b:loop values='data:labels' var='label'>
counts.push(&quot;<data:label.count/>&quot;);
</b:loop>

//Number sort funtion (high to low)
function sortNumber(a, b)
{
return b - a;
}

//Make an independant copy of counts for sorting
var sorted = counts.slice();

//Find the largest tag count
var most = sorted.sort(sortNumber)[0];

//Begin HTML output
for (x in labels)
{
if(x != &quot;peek&quot; &amp;&amp; x != &quot;forEach&quot; &amp;&amp; counts[x] >= minCount)
{
//Calculate textSize
var textSize = min + Math.floor((counts[x]/most) * range);
//Show counts?
if(showCount)
{
var count = &quot;(&quot; + counts[x] + &quot;)&quot;;
}else{
var count = &quot;&quot;;
}
//Output
document.write(&quot;<span style='font-size:&quot; + textSize + &quot;%'><a href='&quot; + urls[x] + &quot;' style='text-decoration:none;'>&quot; + labels[x] + count + &quot;</a></span> &quot; );
}
}
</script>
<br/>
<span style="font-size:80%;float:right;">Powered by <a href="http://www.widgetsforfree.blogspot.com">Blogger Widgets</a></span>
</div>
</b:includable>
</b:widget>

Step 5: Previewing the New Tag Cloud

Before saving the template make sure to click preview. The new tag cloud should now be visible. If not, make sure that you've completed all the steps correctly.

Changing Title Tags In Blogger For Traffic From Search Engines More

Blogger by default it shows the blog title first, followed by the name of the position. As you can tell it's not good when it comes to SEO. It is important that the name of the station next to the name of your blog, especially when it comes to Google search results. Learn how to make your title after the first sample so you can reel in more traffic from search engines.

Why change the title?
It is very important to have the title of the blog + Title arranged accordingly, because that's how you want your blog to be posted on the Google search results. In this way, more people will click on the link in Google search, as the title of the message is more relevant than the extension name.

How to Change the Titles:

Go to Layout>edit HTML in your Blogger dashboard.
Search for this tag: <title><data:blog.pageTitle/></title>
Replace this tag with the following code:<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>
It may take a few days for the changes to show up on the google search results. I guarantee you that you will start receiving more traffic from google once you are re-indexed!

How to add the widget Related posts below every post in Blog?

The biggest problem for the blogger is the visitor will not stay more time on his blog. Because he comes to the blog by some article he reads the article and he will leave the blog. The widget Related posts gives the list of articles which contains same labels will be listed below every post. This makes users to stay more time on your blog and increase your pageviews and traffic.

How to add Related posts widget below every post?
Just follow the steps
1. Sign in to your blog. And go to Design. There you will see the ling "Edit HTML". Click on that. You will get the page which is given Below.

2. Click the "Expand Widget Template", And find the Below code in the template

<data:post.body/>

3. Just copy paste the code given below after the above code.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>People who read this post also read :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

4. Save the Template. Now you added related posts widget successfully