This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Showing posts with label Blogger Hacks. Show all posts
Showing posts with label Blogger Hacks. Show all posts

Tuesday, November 10, 2009

Please correct the errors on this form - Blogger Bug Fix

TRY FIRST THIS ONE

Better still,  Disable adsense from the monetize tab and follow this...

1. click on edit html

2.check expand widget template

3. Look for this code:
b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
4. Change to:
b:widget id="Blog2" locked="true" title="Blog Posts" type="Blog">
5. Save.

6. Confirm

That's all

================================================================

IF ABOVE NOT WORKS.

TRY BELOW

after 30mins of struggle i found a solution:)
1)Click on Layout Button.
2)Click on Edit HTML.
3) Now, in code given below go at the bottom by scrolling.
4)copy  this line
b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
and paste after this line  and change Blog1 to Blog2.
b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog'/>
click on Save Template.
6) check your blog now you have 2 BLOG POSTS remove older one from the code like we did copy i:e
b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
remove above line
7) Now this problem is solved isn' it..?

=====================================================

Please correct the errors on this form | Please correct the errors on this form | Please correct the errors on this form Error Fix | Please correct the errors on this form Issue Solution | Please correct the errors on this form Solution | Please correct the errors on this form Solution

Monday, November 2, 2009

Automatic Read More Button Hack with Thumbnail

Automatic Read More Hack For Blogger With Thumbnails i.e expandable post hack for blogger with thumbnail of image used in blogger posts and all this work is done by the script automatically,you just dont need to locate your image the script will do all work for you automatically.Just you have to write your post and publish it with one image in post related to post.


If you dont want to add thumbnail image in post summary then i had an post previously on automatic read more hack for blogger,read this.



Now how to install Automatic Read More Hack For Blogger With Thumbnails Demo snapshot is below.


Lets start with its installation:-




Now Login to Blogger Go to Layout > Edit HTML in your Blogger dashboard and check the "expand widget templates" box.


Find the closing < /head> tag in your blog template, and paste the following section of code immediately before it:


<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script>


Note in above codes we can change the numeric numbers according to our need

summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width

Now find this code <data:post.body/> in your template and replace it with below codes.



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

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Preview Your template if its showing thumbnail with read more hack Save it. To show thumbnail it should have one image in your blogger posts and please upload the .js file to your server and dont forget to change the link with yours in codes to make this hack work. I am sure everybody will love this hack for sure.babai



Source: http://www.anshuldudeja.com/2009/05/automatic-read-more-hack-for-blogger.html





Blogger News : New Transparent Navbar styles

As a blog author, you've probably spent more than a little time getting exactly the right "look" for your blog. A blog is an outlet for creative expression, and how your blog looks says as much about you as what is written on it. And we at Blogger are committed to giving you the tools to make a great-looking blog.

The Blog*Spot navigation bar ("navbar") is one area where we realized that there was some room for improvement. Our four traditional color scheme choices — Blue, Black, Tan, and Silver — are somewhat limited, especially if your blog's background color is lime green or hot pink.

That's why we have added two new color schemes — "Transparent Light" and "Transparent Dark." These new color schemes take advantage of the ability of modern browsers to render transparency (a technique known to web designers as "alpha blending"). This allows the navbar background to blend together with your blog's background color and pattern. The "Transparent Light" color scheme has a semi-transparent white background, producing subtle pastel colors, while the background of "Transparent Dark" is a semi-transparent black that produces a shaded look.











In addition, we've simplified and slimmed down the look of all the navbars, so that they will be more likely to harmonize with the aesthetics of your blog.

To enable the Transparent Light or the Transparent Dark navbar, go to Layout | Page Elements, then click Edit next to the navbar widget:



We had a lot of fun adding this feature and hope you like it too. Try it out!

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites