27 posts tagged “blogger hacks”

How to Embed Windows Media Player in Blogger Post ?

Sep 21, 2009
Post a comment

Learn how to embed windows media player in blogger post or sidebar. Play your music, songs or video as an embedded source with windows media player. This code will work with all the system having windows media player install on that. This an easy hack and only thing which need to change is the source URL. Find out any source URl Play it with windows media player on your blog or website.

Copy And Paste the Below Code to where ever you want to show the Media Player

Notes :

1. Change autostart="1" to autostart="0" if you dont want wmp automatically play when you load the page.
2. Change www.howtoraj.blogspot.com with your media URL

3. You may change height and width of player

Technology Updates On Mail

How Add Page Element Under Header Section in Blogger ?

Sep 21, 2009
Post a comment

Learn in few easy steps how to insert Page Elements under header section in blogger.

1. Login to your blogger account.
2. Go to LAYOUT tab.
3. Click edit HTML.
4. Click on Download full template FIRST!!.(for your backup)
5. Now we are going to make a new column under your header.
6. Hold Ctrl key and press F. Then, find this word : ]]></b:skin>
7. Copy the code below and paste it before this code : ]]></b:skin>

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

8. Then, find the code which look exactly like this :

9. Copy the code below and paste it exactly after that code.

10. Click Save Template button and wait until template saved.
11. Now you've DONE your work.
12. Click page element and you can see a new element under header.

Technology Updates On Mail

How to Add HTML Codes in Blogger Post ?

Aug 30, 2009
Post a comment

One of the big problem with the blogger is that it hasn't provided any tool to show HTML or Javascript code to blogger post. It is a big problem for those blogger who has Tech blog with HTML code to show on their post. There is some relief with new blogger editor which has given the inbuilt function to show the HTML/Javascript code to blog post. Did you find this ? Not yet ! find out here !!

1. Go to setting option of your blog dashboard

2. At the second option from end , you will find the option for update editor,click on the radio button

3. go to New Post and after inserting HTML code, click on the Post Option which is at the end of the post editor

4. Click on Post Option, you will find "SHOW HTML LITERALLY" under compose setting.

5. click on the radio button, it's over now, check the preview, HTML is shown on the post without any problem.

There is second method is also there :

Find out the "]]></b:skin> " in Edit HTML code of existing templates

Insert the following code just above the "]]></b:skin> "

pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

That's Over, save your Templates !!!

Check for the preview whether you have inserted the right code or not

STILL FACING SOME PROBLEM , JUST LEAVE A SCRAP TO ME

Technology Updates On Mail

How To Use SexyBookmarks v2 For Blogger ?

Aug 30, 2009
Post a comment

Sexybookmark is the customized version of social media bookmarking tools for bloggers (even for wordpress users or self hosted sites also). It helps in promoting blog post after providing easy sharing links for east post to various social media bookmarking sites.

Let's know in few easy steps how to install this wonderful tool to your blog or website.

Steps :

1. Go to EDIT HTML Section of your Blog
2. Take a backup of your existing templates by clicking Download Full Templates Link
3. Tick a flag on " Expand Widget Templates "
4. Search for "/head" in Template
5. Insert the Following Code just above the "/head"

_________________________________________________________________________________

__________________________________________________________________________________

Insert the following code after the above code but before the "/head"

_________________________________________________________________________________

__________________________________________________________________________________________

Now Put the below code after <data:post.body/>

_______________________________________________________________________________________________________________________________________________________________

<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'> <ul class='socials'> <li class='sexy-delicious'><a class='external' expr:href='"http://del.icio.us/post?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li> <li class='sexy-digg'><a class='external' expr:href='"http://digg.com/submit?phase=2&url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li> <li class='sexy-stumbleupon'><a class='external' expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li> <li class='sexy-reddit'><a class='external' expr:href='"http://reddit.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li> <li class='sexy-google'><a class='external' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li> <li class='sexy-twitter'><a class='external' expr:href='"http://twitter.com/home?status=Reading: " + data:blog.title + " - " + data:post.url + " (@NAME)"' rel='nofollow' title='Tweet This!'>Tweet This!</a></li> <li class='sexy-facebook'><a class='external' expr:href='"http://www.facebook.com/share.php?u="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li> <li class='sexy-mixx'><a class='external' expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li> <li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' title='Subscribe'>Subscribe</a></li> <li class='sexy-yahoobuzz'><a class='external' expr:href='"http://buzz.yahoo.com/submit/?submitUrl=" + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li> <li class='sexy-linkedin'><a class='external' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li> <li class='sexy-designfloat'><a class='external' expr:href='"http://www.designfloat.com/submit.php?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li> <li class='sexy-technorati'><a class='external' expr:href='"http://technorati.com/faves?add="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li> <li class='sexy-scriptstyle'><a class='external' expr:href='"http://scriptandstyle.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Submit this to Script & Style'>Submit this to Script & Style</a></li> <li class='sexy-myspace'><a class='external' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u=http"+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li> <li class='sexy-blinklist'><a class='external' expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li> <li class='sexy-friendfeed'><a class='external' expr:href='"http://friendfeed.com/?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li> <li class='sexy-newsvine'><a class='external' expr:href='"http://www.newsvine.com/_tools/seed&save?u="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li> </ul> <div style='clear:both;'/> </div> <div class='sexy-link'> Widget by <a href='http://howtoraj.blogspot.com/' title='Blog howto tips, Blogger Hacks and Blogger templates'>Howpedia </a></div>

________________________________________________________________________________

Check for the preview whether you have inserted the right code or not

SAVE the template, It's Over , Enjoy Your Sexy Bookmark !!!!!

STILL FACING SOME PROBLEM , JUST LEAVE A SCRAP TO ME

Blogging Updates On Mail

How To Redirect Blog Traffic From One URL To Another ?

Nov 22, 2008
Post a comment

How to redirect blogger (blogspot) blog/website traffic from one url(address) to another

By using this trick One can redirect one blogger url to any domain of it's choice without any loss of traffic or visitors or subscribers.For example take this blog itself, "howtoraj.blogspot.com, if I want to redirect this url to some other url like rajmangalam.com without loosing any traffic.

Process :

FOR NEW BLOGGER TEMPLATE

1.Sign into your blogger dashboard.
2.Click on the layout link > Edit html
3.Copy the below html code and Paste it anywhere between the head tags.[Defined in image below]

<meta equiv="refresh" content="0;url=http://YOURblogaddress.com/"></meta>

Note : Don't forget to replace the YOURblogaddress.com with your destination url(address)

4.SAVE THE CHANGES.

FOR CLASSIC BLOGGER TEMPLATE

1.Sign in to your blogger dashboard
2.Click on the template link next to your blog name.
3.Copy the below code and paste it below the head tag as shown in the below screenshot

<meta equiv="refresh" content="0;url=http://newblogaddress.com">

Note : Don't forget to replace the YOURblogaddress.com with your destination url(address)

SAVE THE CHANGES AND ENJOY !!!!!

With this redirection process, the old blog visitors will be redirected automatically to your new blog address or your own domain name

Technology Updates On Mail :

How To Create Tab View in Blogger Template ?

Nov 16, 2008
Post a comment

How to show different labels or post in blogger as Tab View. Trick blog has given a good solution for this.

Create Tab View like below image for your blog template with easy steps, follow below

Steps to create tab view:

1. Login to blogger, go to "Layout --> Edit HTML"

2. Then find this code ]]></b:skin>

3. Insert the below code before ]]></b:skin> or in CSS tag.

div.TabView div.Tabs

{

height: 24px;

overflow: hidden;

}

div.TabView div.Tabs a

{

float: left;

display: block;

width: 90px; /* Width top main menu */

text-align: center;

height: 24px; /* Height top main menu */

padding-top: 3px;

vertical-align: middle;

border: 1px solid #000; /* Top Main menu border color */

border-bottom-width: 0;

text-decoration: none;

font-family: "Times New Roman", Serif; /* Top main menu font */

font-weight: 900;

color: #000; /* Top main menu font color */

}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active

{

background-color: #FF9900; /* Top main menu background color */

}

div.TabView div.Pages

{

clear: both;

border: 1px solid #6E6E6E; /* Content Border color */

overflow: hidden;

background-color: #FF9900; /* Content background color */

}

div.TabView div.Pages div.Page

{

height: 100%;

padding: 0px;

overflow: hidden;

}

div.TabView div.Pages div.Page div.Pad

{

padding: 3px 5px;

}

4. You can change the code according to the text explanation.

5. The next step is put the code below before </head>

6. Then "save" it.

7. Go to "Page Elements" menu

8. Chose "Add Page Element" --> "HTML/Javascript" in place where you want to put this tab.

9. Insert this code :

Tab 1

Tab 2

Tab 3

</div>

Tab 1.1 <br />

Tab 1.2 <br />

Tab 1.3 <br />

</div>

Tab 2.1 <br />

Tab 2.2 <br />

Tab 2.3 <br />

</div>

Tab 3.1 <br />

Tab 3.2 <br />

Tab 3.3 <br />

</div>

</form>

tabview_initialize('TabView');

</script>

Tips To Remember :

- The number or the blue text(350px) Is size of the tabview.

- The green code is the main menu text

- The red code is the content of tabview. you can fill it with links, banner, widget, comment or anything.

- To add more menu, see on the blink code. Add the code under it.

Technology Updates On Mail

How To Hide Date, Time , Author Name from Blogger Post Templates ?

Nov 16, 2008
Post a comment

How to hide Post date, time and author in blogger ?

Follow the below methods and hide your blogger post author, time, date etc. from blogger posts.

1. Login to blogger the go to "Layout --> Edit HTML"
2. Click on the "Download Full Template" to back up your template first.
3. Check on the "Expand Widget Templates" check box.

Hide Post Date
find this code and delete it.

<data:post.dateHeader/>.

Hide Post Time
find this code and delete it.

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'

title='permanent link'><abbr class='published'

expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

</b:if>

</span>.

Hide Post Author
find this code and delete it.

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

</b:if>

</span>

.

5. Save your editting

Technology Updates On Mail

How To Create Float Image in Blogger Templates ?

Nov 16, 2008
Post a comment

Want To show image floating at the corner of your blog template ? Follow following steps to make floating image at the blogger template

1. Login ke blogger then click "Layout -->> Edit HTML
2. Find this code ]]></b:skin>, then put the code below above it.

#float_corner {

position:fixed;_position:absolute;bottom:0px;left:0px;clip:

inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

3. The bold text is it’e position. you can change it with "top", "buttom", "left", "right"
4. The next step is put the code below before tag</body>

<a href="http://trik-tips.blogspot.com"> <img src="

http://blogoholic.info/files/soniclari.gif" border="0" /></a>

</div>

"http://howtoraj.blogspot.com" is a link.
"http://blogoholic.info/files/soniclari.gif" is image URL, Change it with your own image.

5. If you wanna fill it with a widget, change the red code with your widget code.
6. Save and preview your blog.

Blogger Updates On Mail

How To Highlight Author Comment in Blogger Blogspot ?

Nov 16, 2008
Post a comment

Admin comment has been lost in number of comments. Learn to make admin comment highlighted and different from other comments, But How ? Follow these lines.

Here is what to do to make a "Highlight Author Comment" effect in Blogspot.Follow the below simple steps and make admin comment different than others.

1. Login to blogger, then choose "Layout --> Edit HTML". Don't forget to backup your template first.
2. Check the "Expand Widget Templates" box.
3. Copy this script and put it before ]]></b:skin> or copy to your CSS area.

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}

4. Find this code:

<b:if cond='data:comment.author == data:post.author'>

</dd>

<b:else/>

</b:if>

5. The red color text is the code that you have to add to your script. The position must be right.
6. Save your template.

Blogger Updates On Mail

27 posts tagged “blogger hacks”

How to Embed Windows Media Player in Blogger Post ?

How Add Page Element Under Header Section in Blogger ?

Related Post With Thumbnail Widget Hacks for Blogger

How to Add HTML Codes in Blogger Post ?

How To Use SexyBookmarks v2 For Blogger ?

How To Redirect Blog Traffic From One URL To Another ?

How To Create Tab View in Blogger Template ?

How To Hide Date, Time , Author Name from Blogger Post Templates ?

How To Create Float Image in Blogger Templates ?

How To Highlight Author Comment in Blogger Blogspot ?

About Me

My Other Links

My Groups

Neighborhood

Tags

Archives

Rate Automotive Products