Add Multi Tabbed Navigation Widget In Sidebar For Blogger

Labels: Blog Widgets 0digg

Hi Friends, Today I am going to share how to add multi tabbed widget for blogger. I have seen that there are so many tutorials on the web regarding this. But as I thought these are really om!li ated.I am writing very easy and sim!le tutorial whi h will guide you to add this widget to your blog"s sidebar. Just Follow the simple steps : #te! $: %o to your blogger dashboard & Layout ' (dit HT)L. #te! *:+nd find the ode &,head' #te! -: .ow add the following ode /ust before the &,head' tag.

&s ri!t sr 0"htt!:,,www.tri 1sma hine. om,w!2 ontent,u!loads,*0$0,0*,tabber./s" ty!e0"te3t,/avas ri!t",' &lin1 )(4I+0"s reen" T56(0"te3t, ss" href0"htt!:,,www.tri 1sma hine. om,w!2 ontent,u!loads,*0$0,0*,e3am!le. ss" rel0"stylesheet",' #te! 7: .ow go to Layout ' +dd a %adget '6age (lements, and then sele t 8HT)L,9ava# ri!t8 ty!e. #te! :: .ow ;o!y the following ode and !aste into it and save it.

&div lass08tabber8'

&div lass08tabbertab8' &h*'Tab 1&,h*' &!'Tab $ ontent.&,!' &,div' &div lass08tabbertab8' &h*'Tab 2&,h*' &!'Tab 2 ontent.&,!' &,div' &div lass08tabbertab8' &h*'Tab !&,h*' &!'Tab ! ontent.&,!' &,div' &,div' That"s it. 5ou are done. 4ro! your omments and tell us the feedba 1.

Show "elated #osts with Thumbnails $nder %a h #ost in Blogger & Wordpress'
Labels: Blog Widgets, Blogger Tri 1s, Word!ress 0digg

(in)Within is a related posts widget with photo thumbnails whi h will lin1s related stories from your ar hive under ea h story on your blog.The widget lin1s to stories that are relevant and interesting to readers of a !arti ular !ost, 1ee!ing them engaged with your blog, and in reasing your traffi .

The interesting things about Lin1 Within is it doesn<t /ust dis!lay a list of headlines under ea h !ost, but also a thumbnail with a !i ture from ea h !ost, whi h ma1es it far more attra tive than most of other !lugins.

#ee the following # reenshot for details :

Lin1Within !lugin is available for Wordpress* T+pepad* and Blogger, though Lin1Within will also !rovide you with a ode sni!!et that you an use on other blogging !latforms. (in)s: 4ownload Widget = Lin1Within Home!age = >riginal ;redits : Tri 1s )a hine

,ow to Add Sharing is Se-+ widget .or Blogger

Labels: Blog Widgets, Blogger Tri 1s 0digg

There are many more so ial boo1mar1ing widgets available for blogger. But #haring is se3y widget is more ool than other widgets. I am !osting a sim!le tutorial to e3!laining the ste!s of adding this widget to your blog. Follow the simple steps : #te! $ : #ign in to Blogger #te! * : %o to L+5>?T 22 (dit HT)L 2' (3!and Widget Tem!lates #te! - : +dd the following ode before /0head1 &style ty!e0"te3t, ss"' div.se3y2boo1mar1s @ height::7!3A ba 1ground:urlB"htt!:,,i7-.tiny!i . om,*ueii-t.!ng"C no2re!eat left bottomA !osition:relativeA width::70!3A D div.se3y2boo1mar1s s!an.se3y2rightside @ width:$E!3A height::7!3A ba 1ground:urlB"htt!:,,i7-.tiny!i . om,*ueii-t.!ng"C no2re!eat right bottomA !osition:absoluteA right:2$E!3A D div.se3y2boo1mar1s ul.so ials @ margin:0 Fim!ortantA !adding:0 Fim!ortantA !osition:absoluteA bottom:0A left:$0!3A D div.se3y2boo1mar1s ul.so ials li @ dis!lay:inline2blo 1 Fim!ortantA float:left Fim!ortantA list2style2ty!e:none Fim!ortantA margin:0 Fim!ortantA height:*G!3 Fim!ortantA width:7H!3 Fim!ortantA ursor:!ointer Fim!ortantA !adding:0 Fim!ortantA D div.se3y2boo1mar1s ul.so ials a @ dis!lay:blo 1 Fim!ortantA width:7H!3 Fim!ortantA height:*G!3 Fim!ortantA font2siIe:0 Fim!ortantA olor:trans!arent Fim!ortantA D .se3y2furl, .se3y2furl:hover, .se3y2digg, .se3y2digg:hover, .se3y2reddit, .se3y2 reddit:hover, .se3y2stumble, .se3y2stumble:hover, .se3y2deli ious, .se3y2 deli ious:hover, .se3y2yahoo, .se3y2yahoo:hover, .se3y2blin1list, .se3y2blin1list:hover, .se3y2te hnorati, .se3y2te hnorati:hover, .se3y2fa eboo1, .se3y2fa eboo1:hover, .se3y2 twitter, .se3y2twitter:hover, .se3y2mys!a e, .se3y2mys!a e:hover, .se3y2mi33, .se3y2 mi33:hover, .se3y2s ri!t2style, .se3y2s ri!t2style:hover, .se3y2designfloat, .se3y2 designfloat:hover, .se3y2syndi ate, .se3y2syndi ate:hover, .se3y2email, .se3y2email:hover @ ba 1ground:urlB"htt!:,,i77.tiny!i . om,$Inb/H-.!ng"C no2re!eat Fim!ortantA D .se3y2furl @ ba 1ground2!osition:2-00!3 to! Fim!ortantA D .se3y2furl:hover @ ba 1ground2!osition:2-00!3 bottom Fim!ortantA D .se3y2digg @ ba 1ground2!osition:2:00!3 to! Fim!ortantA D .se3y2digg:hover @ ba 1ground2!osition:2:00!3 bottom Fim!ortantA D .se3y2reddit @ ba 1ground2!osition:2$00!3 to! Fim!ortantA D .se3y2reddit:hover @ ba 1ground2!osition:2$00!3 bottom Fim!ortantA D .se3y2stumble @ ba 1ground2!osition:2:0!3 to! Fim!ortantA D .se3y2stumble:hover @ ba 1ground2!osition:2:0!3 bottom Fim!ortantA D .se3y2deli ious @ ba 1ground2!osition:left to! Fim!ortantA D .se3y2deli ious:hover @ ba 1ground2!osition:left bottom Fim!ortantA D

.se3y2yahoo @ ba 1ground2!osition:2J:0!3 to! Fim!ortantA D .se3y2yahoo:hover @ ba 1ground2!osition:2J:0!3 bottom Fim!ortantA D .se3y2blin1list @ ba 1ground2!osition:2J00!3 to! Fim!ortantA D .se3y2blin1list:hover @ ba 1ground2!osition:2J00!3 bottom Fim!ortantA D .se3y2te hnorati @ ba 1ground2!osition:2E00!3 to! Fim!ortantA D .se3y2te hnorati:hover @ ba 1ground2!osition:2E00!3 bottom Fim!ortantA D .se3y2mys!a e @ ba 1ground2!osition:2*00!3 to! Fim!ortantA D .se3y2mys!a e:hover @ ba 1ground2!osition:2*00!3 bottom Fim!ortantA D .se3y2twitter @ ba 1ground2!osition:2-:0!3 to! Fim!ortantA D .se3y2twitter:hover @ ba 1ground2!osition:2-:0!3 bottom Fim!ortantA D .se3y2fa eboo1 @ ba 1ground2!osition:27:0!3 to! Fim!ortantA D .se3y2fa eboo1:hover @ ba 1ground2!osition:27:0!3 bottom Fim!ortantA D .se3y2mi33 @ ba 1ground2!osition:2*:0!3 to! Fim!ortantA D .se3y2mi33:hover @ ba 1ground2!osition:2*:0!3 bottom Fim!ortantA D .se3y2s ri!t2style @ ba 1ground2!osition:2700!3 to! Fim!ortantA D .se3y2s ri!t2style:hover @ ba 1ground2!osition:2700!3 bottom Fim!ortantA D .se3y2designfloat @ ba 1ground2!osition:2::0!3 to! Fim!ortantA D .se3y2designfloat:hover @ ba 1ground2!osition:2::0!3 bottom Fim!ortantA D .se3y2syndi ate @ ba 1ground2!osition:2$:0!3 to! Fim!ortantA D .se3y2syndi ate:hover @ ba 1ground2!osition:2$:0!3 bottom Fim!ortantA D .se3y2email @ ba 1ground2!osition:2E:-!3 to! Fim!ortantA D .se3y2email:hover @ ba 1ground2!osition:2E:-!3 bottom Fim!ortantA D &,style' #te! 7 : .ow find the ode &data:!ost.body,' #te! :: .ow add the following ode after &data:!ost.body,' &div lass0"se3y2boo1mar1s"' &ul lass0"so ials"' &li lass0"se3y2deli ious"'&a e3!r:href0"KLuotAhtt!:,,del.i io.us,!ostMurl0KLuotA data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li'&li lass0"se3y2digg"'&a e3!r:href0"KLuotA htt!:,,digg. om,submitMurl0KLuotA data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li' &li lass0"se3y2te hnorati"'&a e3!r:href0"KLuotA htt!:,,te hnorati. om,favesMadd0KLuotA data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li' &li lass0"se3y2reddit"'&a e3!r:href0"KLuotA htt!:,,www.reddit. om,submitMurl0KLuotA data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li' &li lass0"se3y2stumble"'&a e3!r:href0"KLuotA htt!:,,www.stumbleu!on. om,submitM url0KLuotA data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li' &li lass0"se3y2designfloat"'&a e3!r:href0"KLuotAhtt!:,,www.designfloat. om,submit.!h!Murl0KLuotA data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li' &li lass0"se3y2fa eboo1"'&a e3!r:href0"KLuotA htt!:,,www.fa eboo1. om,sharer.!h!M u0KLuotA data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li' &li lass0"se3y2twitter"'&a e3!r:href0"KLuotA htt!:,,twitthis. om,twitMurl0KLuotA data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li' &li lass0"se3y2furl"'&a e3!r:href0"KLuotA htt!:,,www.furl.net,storeIt./s!Mu0KLuotA

data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li' &li lass0"se3y2syndi ate"'&a href0"htt!:,,feeds*.feedburner. om,devilro 1" title0"#ubs ribe to O##",'&,li' &li lass0"se3y2email"'&a e3!r:href0"KLuotA mailto:Msub/e t0KLuotA data:!ost.url KLuotAKam!Atitle0KLuotA data:!ost.title" target0"Nblan1",'&,li' &,ul' &s!an lass0"se3y2rightside",'&,div' #te! J: .ow see the red lin1 in the above ode and re!la e it with your feedburner id. #te! E: #ave Tem!late. 4one. Ho!e you li1e this !ost. 4on"t forget to !ass your omments here.

,ow to 2isable "ight li ) in Blogger 0 Blogspot 3

Labels: Blog Widgets, Blogger Tri 1s *:digg

Have you noti ed, that some web sites do not allow their visitors using right mouse li 1 while !ointer is on the blog area. This o!tion is useful for the site and blog owners, who want to minimiIe the !ossibilities of the ontent dire t o!ying to other !osts.

Oight li 1 on any internet browser is very im!ortant element and we must use it when it omes to o!y or editing te3ts and et . It<s very im!ortant when it omes to webmasters too. but some !eo!le may use it in a bad way, and you may want to ma1e li 1 right disabled on your blog. to !rote t you te3t, images lin1s and et . To setu! this tool in your blog ;o!y the Following ode and !aste it to your blog by adding a new !age element. Step 1 : %o to 4ashboard ' Layout ' +dd %adget ' HT)L , 9ava# ri!t Step 2 : ;o!y the following ode and !aste it there .

&s ri!t &F22 ,,4isable ,,By )a3imus ,,For full var ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, fun tion if alertBmessageCA return D D fun tion if if alertBmessageCA return right mouse Bma3imusPnsimail. omC w, sour e ode, visit message08Fun tion

language089ava# ri!t8' li 1 # ri!t mods by 4ynami 4rive htt!:,,www.dynami drive. om 2isabled48A li 1I(7BC@ Bevent.button00*C@ falseA

li 1.#7BeC@ Bdo ument.layers==do ument.get(lementByIdKKFdo ument.allC@ Be.whi h00*==e.whi h00-C@ falseA

D D D if Bdo ument.layersC@ do ument. a!ture(ventsB(vent.)>?#(4>W.CA do ument.onmousedown0 li 1.#7A D else if Bdo ument.allKKFdo ument.get(lementByIdC@ do ument.onmousedown0 li 1I(7A D do ument.on onte3tmenu0new ,, &,s ri!t' Fun tionB8alertBmessageCAreturn false8C 22'

Step ! : #ave the html,/avas ri!t and view you blog. When you will try to do right li 1, a message will tell you that QFun tion disabledR , and if you want to hange this wordsR Fun tion 4isabledR Then sim!ly find it in ode and re!la e it. 2on5t .orget to drop +ou omment here'

Add Statisti s Widget For Blogger0Blogspot 4

Labels: Blog Widgets $-digg

While surfing and visiting to other blogs we have noti ed that many of the bloggers use this statisti s for their blogs. #ome are also using Total Words in !osts and total numbers of the words in omments. but I am going to tal1 about only total .o of !osts and total .umber of omments.This #tatisti s Widget for Blogger showing total number of !osts,total number of omments. Follow These #te! to Install this widget '' 1' Log in to your Blogger a ount

2' >n your Blogger 4ashboard, li 1 on the 8Layout8 lin1 as shown in the blow image

!. ;li 1 >n 8+dd a %adget8 as dis!layed in the Below Image

6'# roll down the list and find 8HT)L, 9avas ri!t8 and li 1 on the 8S8 button

7'When we li 1 on the 8S8 button it will o!en a window 8;onfigure HT)L, 9avas ri!t8. .ow (nter what ever you want as in title se tion 8Blog #tatisti s8 or 8Blog Information8 or 8Blog 4ata8 or any idea in your )ind. 8.In the ontent se tion, !lease o!y K !aste the following ode:

&s ri!t style08te3t,/avas ri!t8' fun tion number>f6ostsB/sonC @ do ument.writeB"Total 6osts: &b'" S /son.feed.o!en#ear hTtotalOesults.Tt S "&,b'&br'"CA D

fun tion number>f;ommentsB/sonC @ do ument.writeB"Total ;omments: &b'" S /son.feed.o!en#ear hTtotalOesults.Tt S "&,b'&br'"CA D &,s ri!t' &ul'&li'&s ri!t sr 08http900+ourblog'blogspot' om,feeds,!osts,defaultMalt0/son2in2 s ri!tK allba 10number>f6osts8'&,s ri!t'&,li' &li'&s ri!t sr 08http900+ourblog'blogspot' om,feeds, omments,defaultMalt0/son2in2 s ri!tK allba 10number>f;omments8'&,s ri!t'&,li'&,ul' &s!an '&a href08htt!:,,da oolhunter.blogs!ot. om,8 target08Nblan18'Widgets for Blogger&,a'&,s!an'

:' .ow 4on"t Forget To hange 8+ourblog8 With your blog address. ;.;li 1 on 8#ave8 button at the bottom right hand orner and u r done :C ;O(4IT : WI4%(T F>O BL>%%(OF

#age Navigation ,a ) < #age Navigation Widget .or Blogger

Labels: Blog Widgets, Blogger Ha 1s 0digg

I am !osting this ha 1 for my blog readers. )any readers reLuested this ha 1 and here it isAC .)ost Bloggers will !refer this method to add 6age navigation )enu , be ause this method is very easy than editing Blogger Tem!late. 9ust follow the sim!le ste!s, anyone an easily install this ha 1 to the blog very easily.

Step 1 9 Login to your Blogger a ount and .avigate to Layout #e tion . .ow li 1 +dd %adget lin1 there.

Step 2 9 In that +dd %adget window ,

hoose HT)L , 9+U+#;OI6T .

Step following 9avas ri!t in that window.

.ow

add

&style' .show!age+rea D .show!age+rea olor: !adding: !adding: te3t2de oration: D .show!age+rea font2siIe:$$!3A border: olor: ba 1ground2 olor: D .show!age.um olor: !adding: !adding: te3t2de oration: D .show!age.um font2siIe:$$!3A border: olor: ba 1ground2 olor: D .show!age6oint

@!adding: a -!3 $!3

0 @border: 7!3

*!3Amargin2to!:$0!3Amargin2bottom:$0!3A $!3 solid V:0:0:0A V000000Afont2weight:normalA J!3 Fim!ortantA Amargin:0!3 7!3A noneA @ solid V---A V000000A VFFFFFFA

a:hover $!3

a -!3 $!3

@border: 7!3

$!3

solid V:0:0:0A V000000Afont2weight:normalA J!3 Fim!ortantA Amargin:0!3 7!3A noneA @ solid V---A V000000A VFFFFFFA @font2siIe:$$!3A

a:hover $!3

!adding: margin: font2weight: border: olor: ba 1ground2 olor: D .show!age border: olor: ba 1ground2 olor: D .show!age.um font2siIe:$$!3A !adding: margin: te3t2de oration: border: olor: ba 1ground2 olor: .show!age.um border: olor: ba 1ground2 olor: D &,style'

*!3 $!3

7!3 solid

*!3

7!3A *!3A boldA V---A VfffA V000000A

a:hover $!3 solid

@font2siIe:$$!3A V---A V000000A VFFFFFFA a:lin1 *!3 @ 7!3A *!3A noneA V00JJ A V00JJ A VFFFFFFAD @font2siIe:$$!3A V---A V000000A VFFFFFFA

a:lin1,.show!age *!3 $!3 7!3 solid

a:hover $!3 solid

&s ri!t

ty!e08te3t,/avas ri!t8'

fun tion show!age;ountB/sonC @ var this?rl 0 lo ation.hrefA var html)a! 0 new +rrayBCA var isFirst6age 0 this?rl.substringBthis?rl.length2$7,this?rl.lengthC008.blogs!ot. om,8A var isLable6age 0 this?rl.inde3>fB8,sear h,label,8CF02$A var is6age 0 this?rl.inde3>fB8,sear hMu!dated8CF02$A var thisLable 0 isLable6age M this?rl.substrBthis?rl.inde3>fB8,sear h,label,8C S$7,this?rl.lengthC : 88A thisLable 0 thisLable.inde3>fB8M8CF02$ M thisLable.substrB0,thisLable.inde3>fB8M8CC : thisLableA

var var var var var var var var var var var var var var

this.um item;ount fFlag eFlag html0 u!6ageHtml down6ageHtml

0 0 0 0

$A !ost.um0$A 0A 0A 0A ""A 0""A 0""A !age;ount07A dis!lay6age.um0:A "First"A "Last"A 0"6revious"A 0".e3t"A

first6ageWord end6ageWord u!6ageWord down6ageWord

0 0

var labelHtml 0 "&s!an lass08show!age.um8'&a href08,sear h,label,"SthisLableS"M Kma32results0"S!age;ountS"8'"A forBvar i00, !ostA !ost 0 /son.feed.entryWiXA iSSC @ var timestam! 0 !ost.!ublished.Tt.substrB0,$0CA var title 0 !ost.title.TtA ifBisLable6ageC@ ifBtitleF0""C@ ifB!ost. ategoryC@ forBvar 00, !ostN ategoryA !ostN ategory 0 !ost. ategoryW XA SSC @ ifBen ode?OI;om!onentB!ostN ategory.termC00thisLableC@ ifBitem;ount000 == Bitem;ount Y !age;ount 00B!age;ount2$CCC@ ifBthis?rl.inde3>fBtimestam!CF02$ C@ this.um 0 !ost.umA D !ost.umSSA html)a!Whtml)a!.lengthX 0 ",sear h,label,"SthisLableS"Mu!dated2 ma30"Stimestam!S"T00Y-+00Y-+00Y*B0HY-+00Kma32results0"S!age;ountA D D D D,,end ifB!ost. ategoryC@ item;ountSSA D

Delse@ ifBtitleF0""C@ ifBitem;ount000 == Bitem;ount ifBthis?rl.inde3>fBtimestam!CF02$ this.um D

Y 0

!age;ount

00B!age;ount2$CCC@ C@ !ost.umA

ifBtitleF0""C !ost.umSSA html)a!Whtml)a!.lengthX 0 ",sear hMu!dated2 ma30"Stimestam!S"T00Y-+00Y-+00Y*B0HY-+00Kma32results0"S!age;ountA D D item;ountSSA D D forBvar ! 00A!& html)a!.lengthA!SSC@ ifB!'0Bthis.um2dis!lay6age.um2$C KK !&Bthis.umSdis!lay6age.umCC@ ifBfFlag 000 KK ! 00 this.um2*C@ ifBthis.um00*C@ ifBisLable6ageC@ u!6ageHtml 0 labelHtml S u!6ageWord S"&,a'&,s!an'"A Delse@ u!6ageHtml 0 "&s!an lass08show!age8'&a href08,8'"S u!6ageWord S"&,a'&,s!an'"A D Delse@ u!6ageHtml 0 "&s!an lass08show!age8'&a href08"Shtml)a!W!XS"8'"S u!6ageWord S"&,a'&,s!an'"A D fFlagSSA D ifB!00Bthis.um2$CC@ html S0 " &s!an lass08show!age6oint8'&u'"Sthis.umS"&,u'&,s!an'"A Delse@ ifB!000C@ ifBisLable6ageC@ html 0 labelHtmlS"$&,a'&,s!an'"A Delse@ html S0 "&s!an lass08show!age.um8'&a href08,8'$&,a'&,s!an'"A D Delse@ html S0 "&s!an lass08show!age.um8'&a href08"Shtml)a!W!XS"8'"S B!S$C S" &,a'&,s!an'"A D

D ifBeFlag 000 KK ! 00 this.umC@ down6ageHtml 0 "&s!an lass08show!age8' &a href08"Shtml)a!W!XS"8'"S down6ageWord S"&,a'&,s!an'"A eFlagSSA D D,,end ifB!'0Bthis.um2dis!lay6age.um2$C KK !&Bthis.umSdis!lay6age.umCC@ D,,end forBvar ! 00A!& html)a!.lengthA!SSC@ ifBthis.um'$C@ ifBFisLable6ageC@ html 0 "&s!an lass08show!age8'&a href08,8'"S first6ageWord S" &,a'&,s!an'"Su!6ageHtmlS" "Shtml S" "A Delse@ html 0 ""SlabelHtml S first6ageWord S" &,a'&,s!an'"Su!6ageHtmlS" "Shtml S" "A D D html 0 "&div lass08show!age+rea8'&s!an style08!adding: *!3 7!3 *!3 7!3Amargin: *!3 *!3 *!3 *!3Aborder: $!3 solid V---A ba 1ground28 lass08show!age8'6age "Sthis.umS" of "SB!ost.um2$CS": &,s!an'"ShtmlA ifBthis.um&B!ost.um2$CC@ html S0 html S0 "&s!an lass08show!age8'&a "Send6ageWordS"&,a'&,s!an'"A D ifB!ost.um00$C html ifBis6age var var ifB!ost.um html D forBvar ! !age+reaW!X.innerHT)L D ifB!age+reaKK!age+rea.length'0C@ html == !age+rea blog6ager 0 S0 down6ageHtmlA href08"Shtml)a!Whtml)a!.length2$XS"8'

!ost.umSSA "&,div'"A

isFirst6age == isLable6ageC@ do ument.get(lementsBy.ameB8!age+rea8CA 0 do ument.get(lementByIdB8blog2!ager8CA &0 *C@ 0""A !age+rea.lengthA!SSC@ htmlA

00A!& 0

0""A

D ifBblog6agerC@ blog6ager.innerHT)L D D D &,s ri!t' &s ri!t sr 08,feeds,!osts,summaryMalt0/son2in2s ri!tK allba 10show!age;ountKma32 results0GGGGG8 ty!e08te3t,/avas ri!t8'&,s ri!t' &div style08te3t2align:rightAfont2siIe:$0!3A olor:000000Amargin2 to!:$:!3Adis!lay:noneA8' &,div' 0 htmlA

+fter +dding this 9avas ri!t you need to drag and dro! the widget below the Blog 6osts main widget. #ee this s reen shot

In 1

the

ode 9

above

you var

an

edit

the

lines

in

red

to >

your

wish

. 6?

page=ount

The digit in red re!resents number of !osts to be shown in single !age. ;hange the digit to show as many !ages you want.

for

e3am!le

In my blog I have !ut that value as 7 . In ea h !age you an see only 7 !osts . 2 here For In my blog I have hosen the 9 digit in var red displa+#ageNum re!resents number of !ages > to be 8? listed. : J !ages will be shown. .

e3am!le J , then

.ow save your tem!late That"s it now we have added 6age .avigation menu widget to our blog su essfully.

,ow to Show Most @iewed posts o. Toda+ < Blogger Widget

Labels: Blog Widgets 7digg

This shows all most of !osts being viewed in the urrent day BtodayC only. It"s very easy to install this widget in your blog, This widget will dis!lay a list of your !o!ular arti les, ran1ed by the number of views of the day. ,ow to Install this Widget 11

$C %o to blogger ' Layout ' +dd a %adget ' HT)L,9ava# ri!t *C ;o!y the Following ode and !aste this ode in HT)L, 9avas ri!t se tion. ;ode ''

&s ri!t ty!e08te3t,/avas ri!t8' to!viewstodayNlimit 0 $0A &,s ri!t' &s ri!t ty!e08te3t,/avas ri!t8 sr 08htt!:,,vishalg1r.google!ages. om,to!viewstodayNv$0./s8'&,s ri!t' &br,' &s!an style08gtAI got this Widget from &a href08htt!:,,da oolhunter.blogs!ot. om8'&b'Blogger Ti!s K Tri 1s&,b'&,a'&,s!an'

To limit the number of dis!layed !ost, you must hange number 8$08 with your own. The showing time in this widget is the international time Ione, not in any ountry. # reenshot ''

If you want to Install 8+LLTI)( )>#T UI(W(4 6>#T# WI4%(T8 then you an Install it from H(O(

Add Star ratings widget to +our blog posts & get instant .eed ba ) .rom the readers
Labels: Blog Widgets, Blogger Tri 1s :digg

Are you urious about what readers are thin1ing about your !ostsM then, you an add this beautiful loo1ing outbrain : stars rating button to your blogger,word!ress,ty!e!ad,et .5ou an also use this ratings button in any web!age.By adding this,you will automati ally get the beautiful five stars rating widget /ust below every !ost.

This was very sim!le,easy to use,free and you don"t need to register to grab this widget.By adding this widget,you will get instant feedba 1 by your readers. )ost of the visitors feel a bit laIy to write a omments,so with this widget,they will hel! them and rate your !osts as easy as $*-. 5ou an get this rating widget here.Than1s to outbrain for !roviding this great widget.

Add Aahoo Messenger to +our Blog & =hat With @isitors4

Labels: Blog Widgets, Blogger Tri 1s $digg 5ahooF introdu ed 5ahooF )essenger G and a new servi e alled 6ingbo3 whi h is li1e a live hat bo3 Bin the form of a Flash WidgetC that you may embed in any website or blog in luding your )y#!a e !age. Li1e the %oogle Tal1 badge, site visitors an send your !rivate messages via the 6ingbo3 hat bo3 without reLuiring any I) lient.

There are however some differen es and the most noti eable one is that 5ahooF 6ingbo3 embed inline in your website while %oogle Tal1 o!ens a !o!2u! window. The downside of 5ahoo<s a!!roa h is that it e3tend the loading time of web !ages be ause the widget will always download with the !age.

Themes inside 5ahooF 6ingbo3 #tudio

+nother differen e is that you an ustomiIe the loo12n2feel of your 5ahooF 6ingbo3 through the doIen or so themes available in the 6ingbo3 studio. Thge 6ingbo3 widget on the site will refle t the urrent status of your 5ahooF )essenger and will automati ally be ome unavailable when you go offline or set your status as Zinvisible.< =redits 9 Amit Agarwal

Add "e ent =omments Widget to +our Blogger Blog

Labels: Blog Widgets, Blogger Tri 1s 0digg

Oe ent !ost and omment are the most !o!ular widget among bloggers , these widget is used in both word!ress and blogger and is really hel!ful for visitors in finding there latest and most !o!ular !ost using these widget.

,ow to install "e ent =omments widget .or blogger3

$. Login to the blogger dashboard. *. %o to Z6age (lements< tab

-. ;li 1 on +dd a %adget. #ele t HT)L,9avas ri!t widget ty!e.

7. .ow this is the most im!ortant ste!. #ele t the whole ode given below and !aste it in the widget bo3 you have /ust o!ened above.

&s ri!t style08te3t,/avas ri!t8' fun tion showre ent ommentsB/sonC @ var num omments 0 :A var show ommentdate 0 trueA var show!osttitle 0 trueA var num hars 0 $00A for Bvar i 0 0A i & num ommentsA iSSC @ var entry 0 /son.feed.entryWiXA var alturlA if Bi 00 /son.feed.entry.lengthC brea1A for Bvar 1 0 0A 1 & entry.lin1.lengthA 1SSC @ if Bentry.lin1W1X.rel 00 "alternate"C @ alturl 0 entry.lin1W1X.hrefA brea1A D

D alturl 0 alturl.re!la eB8V8, 8V omment28CA var !ostlin1 0 alturl.s!litB8V8CA !ostlin1 0 !ostlin1W0XA var lin1te3t 0 !ostlin1.s!litB8,8CA lin1te3t 0 lin1te3tW:XA lin1te3t 0 lin1te3t.s!litB8.html8CA lin1te3t 0 lin1te3tW0XA var !osttitle 0 lin1te3t.re!la eB,2,g,8 8CA !osttitle 0 !osttitle.lin1B!ostlin1CA var ommentdate 0 entry.!ublished.TtA var dyear 0 ommentdate.substringB0,7CA var dmonth 0 ommentdate.substringB:,ECA var dday 0 ommentdate.substringBH,$0CA var monthnames 0 new +rrayBCA

monthnamesW$X 0 89an8A monthnamesW*X 0 8Feb8A monthnamesW-X 0 8)ar8A monthnamesW7X 0 8+!r8A monthnamesW:X 0 8)ay8A monthnamesWJX 0 89un8A monthnamesWEX 0 89ul8A monthnamesWHX 0 8+ug8A monthnamesWGX 0 8#e!8A monthnamesW$0X 0 8> t8A monthnamesW$$X 0 8.ov8A monthnamesW$*X 0 84e 8A if B8 ontent8 in entryC @ var omment 0 entry. ontent.TtAD else if B8summary8 in entryC @

var omment 0 entry.summary.TtAD else var omment 0 88A var re 0 ,&[#W\'X]',gA omment 0 omment.re!la eBre, 88CA do ument.writeB"&br,'"CA if Bshow ommentdate 00 trueC do ument.writeB">n " S monthnamesW!arseIntB dmonth,$0CX S " " S dday S " "CA do ument.writeB"&a href08" S alturl S "8'" S entry.authorW0X.name.Tt S "&,a' ommented"CA if Bshow!osttitle 00 trueC do ument.writeB" on " S !osttitleCA do ument.writeB"&br,'"CA if B omment.length & num harsC @ do ument.writeB"&i'"CA do ument.writeB ommentCA do ument.writeB"&,i'"CAD else @

do ument.writeB"&i'"CA omment 0 omment.substringB0, num harsCA var Luote(nd 0 omment.lastInde3>fB8 8CA omment 0 omment.substringB0, Luote(ndCA do ument.writeB omment S "...&a href08" S alturl S "8'BmoreC&,a'"CA do ument.writeB"&,i'"CAD do ument.writeB"&br,'"CA D do ument.writeB"&br,'"CA D &,s ri!t' &s ri!t sr 08htt!:,,-+B'blogspot' om,feeds, omments,defaultMalt0/son2in2 s ri!tK allba 10showre ent omments8' &,s ri!t'&a href08htt!:,,da oolhunter.blogs!ot. om,8'Oe ent ;omments &,a'widget by &a href08htt!:,,da oolhunter.blogs!ot. om,8'U+)6IO(&,a'

$. # roll down to sr 0htt!:,,3yI.blogs!ot. om and re!la e 3yI with your blog<s name. For e3am!le if your blog<s ?OL is htt!:,,ab .blogs!ot. om then the ode

should be ome sr 0htt!:,,ab .blogs!ot. om 4> .>T T>?;H any other !art of the ode or else it might reate !roblems. *. 5ou are doneF Lastly !lease do not remove the footer redits]. 6lease let me 1now if you fa e any !roblem im!lementing the ode above.

Add 2ICC Button to +our Blogger #ost 4

Labels: Blog Widgets, Blogger Tri 1s Jdigg

This is a ste!2by2ste! guide to automati ally !la e a real2time 4igg ount and vote button to every single blog !ost. 4igg is a so ial ontent website where your readers or you an submit ontent to. If you have a good story, members will "digg" the !ost and write omments. +s a blog owner, you may want to ma1e it easy for and en ourage your readers to submit and digg your arti les.

Steps9

First log into your Blogger 4ashboard. %o to la+out' Then ;li 1 %dit ,TM(' )ar1 "Expand Widget Template" . .ow sear h for the following ode... &!'&data:!ost.body,'&,!' .ow !la e the following ;ode /ust be.ore the &!'&data:!ost.body,'&,!'

&div style0"float:rightA margin2left:$0!3A"' &s ri!t ty!e0"te3t,/avas ri!t"' diggNurl 0 "&data:!ost.url,'"A

diggNwindow 0 "new"A &,s ri!t' &s ri!t sr 0"htt!:,,digg. om,tools,diggthis./s" ty!e0"te3t,/avas ri!t",' &,div'

.ow #ave your Tem!late.

Ma)e Mone+ Dnline with =hiti)a 4

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg

about

the

ad

Want to ma3imiIe your online in omeM Thin1 solutions offered by ;hiti1a.

What is ;hiti1aM ;hiti1a is one of the leading online advertising om!anies with a networ1 of thousands of blogs and websites. The e)ini)alls is their flagshi! !rodu t and it will enable you to su!!lement your e3isting ad revenue while !roviding a om!letely new revenue stream through intera tive mer handising. The good news about ;hiti1a e)ini)alls is that it an be runalongside %oogle +dsense. Besides ;hiti1a e)ini)alls, they also have a number of other ad solutions for !ublishers. It means that you will have more o!tions for better utiliIation of your ad s!a e. 5ou an run their ads on multi!le websites as long as all your websites meet their terms and onditions. Let<s ta1e a Lui 1 loo1 at all the ad solutions offered by ;hiti1a. =hiti)a eMiniMalls

;hiti1a e)ini)alls is ;hiti1a<s flagshi! !aid !er li 1 B66;C !rodu t. With e)ini)alls, you an !rovide your users with relevant ontent and om!arative sho!!ing information without sending them outside of your site. ;hiti1a e)ini)alls will !erform best if your site ontains information about !rodu ts.

=hiti)a #remium

;hiti1a 6remium is an interesting ost !er li 1 B;6;C ad solution that is said to be designed to be ome your highest !erforming ad unit Be;6)C. These ads are behaviorally targeted and they will dis!layed only to your ?.#. sear h engine traffi Bin luding ertain other traffi C. #o, if your website gets a lot of ?.#. traffi , then ;hiti1a 6remium ads are /ust !erfe t for you. ;hiti1a 6remium ads are available in all standard I+B siIes and they are om!atible with %oogle +d#ense. Multiple #rodu t $nit EM#$F This 66; ad unit is similar to ;hiti1a e)ini)alls but dis!lays ads for various !rodu ts instead of /ust one. )ore !rodu ts means more han es of genuine li 1s by visitors and more in ome for !ublishers. =hiti)a Ad#ro + hosted ad management !latform for !ublishers that will enable you to start, !romote and manage your dire t ad sales. +fter sign u!, ;hiti1a will reate a 4ire t +d #ales storefront for you. Then you an !romote, monitor a!!rove your dire t advertising am!aigns. ;hiti1a will ta1e are of your a!!roved advertisers< am!aign set2u! and ad serving, and !ro essing of !ayments.

=hiti)a (in-

This is ;hiti1a<s te3t lin1 ad solution. ;hiti1a Lin3 will automati ally identify im!ortant 1eywords on your web !ages and will hy!erlin1 those 1eywords to intera tive ;6;2based !rodu t listings. This is a non2intrusive form of advertising and your users will see the ads only when they mouse2over those lin1s. =hiti)a .or #ar)ed 2omains This solution is !erfe t for ma1ing money from your !ar1ed domains. It will onvert your !ar1ed !ages to slee1 sho!!ing store fronts featuring a variety of !rodu ts, offers and !romotions. 5ou will earn revenue on 66; basis from these !rodu t listings. =hiti)aGs "e.erral #rogram The !ublisher referral !rogram of ;hiti1a is also a good way to earn some e3tra money. 5ou will earn $0Y of the total ;6; revenue that your referrals earns for u! to $* months. 5ou an also earn money by referring advertisers to ;hiti1a. For ea h T$00 s!ent by your advertiser referral, you will get T*: as ommission. What about #a+ments3 ;hiti1a will !ay you J0Y of ;hiti1a<s revenue. They ma1es !ayments to their !ublishers via 6ay6al and he 1. +ll !ayments are sent around the start of every month. 5ou will re eive your !ayments about -0 days after the end of the month in whi h your a ount<s total generated revenue e3 eeds T$0 Bfor 6ay!alC or T:0 Bfor he 1sC.

In my view, ;hiti1a is the best alternative or om!anion to %oogle +dsense. If you run a blog or website fo used on !odu ts, then ;hiti1a e)ini)alls may give better results than +d#ense. ;hiti1a 6remium ads are also a good o!tion if you get a good amount of ?# sear h traffi . Oight now, I am getting really good results from their 6remium ads on one of my blogs. #o, I would highly re ommend you to /oin ;hiti1a today.

Beauti.ul and .ree so ial websites i on set .or bloggers

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg I want to suggest you this beautiful and free i on set of the most !o!ular so ial websites 8in a bottle8 for bloggers Bfor !ersonal and not for ommer ial useC designed from the guys of Tem!lates. om. Ta1e a loo1 at Tem!lates. om

Free I on set for bloggers onsists of $0 i ons: #tumble?!on. om, )a.gnolia. om, Te hnorati. om, del.i io.us, 4esignFloat. om, 4igg. om, O##, Twitter. om, Fa eboo1. om, Oeddit. om. (a h i on is !rodu ed in the following siIes: H0^H0, J7^J7, -*^-*.

If you are ourious about i on desing, you an learn more about the reation !ro ess of this I on #et here. Ta1e a loo1 at this lin1 to download this i on set. Tem!lates. om

Add Aahoo4 BuBB button on Blogger Template

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s, 5ahoo, 5ahoo BuII 0digg ahoo o!ened BuIIF, a 4igg li1e site to share stories, to all !ublishers. +dd BuIIF button on your Blogger tem!late. This is a short !ost whi h e3!lains how to add 5ahooF BuII buttons on your Blogger tem!late. It"s really very sim!leF

Ta1e a loo1 at this !age to see what 1ind of buttons are available and hoose the style you !refer. For e3am!le, if you hoose Square button style:

... o!y and !ast the following ode in your blogger tem!late Ba good !osition is under post's titleC:

In any ase, if you hoose a different button, you have only to hange the string ARTICLEURL in the ode with .

,ow to Import Wordpress blogs to Blogger3

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg For many years bloggers on other !latforms were frustated by the inability to im!ort their blogs to Blogger. >ne had to o!y and !aste ea h !ost individually from a non2Blogger blog to a Blogger blog. Those days are over now sin e Blogger has introdu ed im!ort2 e3!ort fa ility available at the moment only through Blogger2in24raft. 5ou an im!ort !osts and omments from any blogging !latform whi h gives you ability to e3!ort your blog as an _)L file. This is how to do it from Word!ress to Blogger........

EXOPRT FROM WORDPRESS

Login to your Word!ress blog B#ite +dminC :

htt!:,,)5BL>%.word!ress. om,w!2admin, ;li 1 ;li 1 5ou ;li 1 ;li 1 Save an the the "Manage" "%-port" subtab lin1 of at the the )anage to!. tab.

hoose to e3!ort !osts from a single author or from all authors. "2ownload in the %-port !o!u! File". window.

;hoose a lo ation on your dis1 and

li 1 Save in the e3!lorer window.

+n _)L file is saved on your dis1. Oemember the lo ation where it is saved.

IMPORT TO BLOGGER
Login ;li 1 ?nder ;li 1 (3!lorer .avigate ;li 1 ;li 1 Ty!e to where on ">!en" in the you window saved the in the _)L file the Word file to e3!lorer @eri.i ation at Blogger a Dptions, in 4raft Blog" li 1 the : lin1 Import htt!:,,draft.blogger. om. on Blog 4ashboard. Tool lin1. button. will e3!orted from hoose o!en. Word!ress. it. window. letters. "=reate Advan ed

"Browse"

;li 1 $pload arrow at the bottom.

IMPORT TO EXISTING BLOG

Login ;li 1 ;li 1 Follow at Settings Import same Blog ste!s to Blogger lin1 lin1 u!load under the in under Blog _)L 2ra.t the Tools file on as Blog Basi from before. title. subtab. Word!ress.

e3!orted

;he 1 the bo3 ne3t to Automati all+ publish all im!orted !osts before you li 1 Im!ort Blog or else you will have to !ublish them se!arately afterwards. IM#D"TANT NDT% : This feature is at !resent offered only from Blogger in 4raft but soon after all the bugs have been ironed out you will be able to do this dire tly from Blogger. om.

BA=H$# AD$" B(DC %ASI(A

$ omments Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s Blog Ba 1u! has always been a bit of a !roblem for bloggers ever sin e the advent of the .ew Blogger. In ;lassi Blogger it was easy by using the Httra 1 utility from httra 1. om. In the new Blogger data was se!arated from tem!late,layouts._)L was introdu ed. Hen e one ould ba 1u! blog by saving ea h !ost via browser or by using feeds. .ow with Blogger introdu ing im!ort2e3!ort fa ilty ba 1u! has be ome easier..........

Here

are

the

ste!s

to

ba 1u!

your

blog

$. Login at Blogger in 2ra.t : htt!:,,draft.blogger. om,home. #oon this feature will be out of draft BtestingC !hase and you will be able to login at Blogger. om to ba 1u! your blog. *. -. 7. %o to #ettings2222'Basi 22222'Blog ;li 1 In the !o!u! Tools22222';li 1 %-port window %-port Blog li 1 Blog lin1. button. Save.

:. In e3!lorer window you an rename the file and hoose lo ation where to save it on dis1. It is saved as an IM( .ile. J. NDT% : 5ou an use this file to restore the blog usng the Im!ort Blog feature. This feature to restore blogs was not available before. =

Blogger Tutorial9 Speed $p Aour Blogspot Blog

0 omments Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s

If you"re a blogger who uses %oogle"s blogs!ot to host your blog here"s a Lui 1 suggestion that might hel! you get some traffi that stays long enough to ma1e a omment, maybe even be ome a regular subs riber. Oedu e the number of !osts on your front !age. Believe me when I tell it is not ool, or trendy, or hel!ing your #(>, or ma1ing your site more user friendly to have a -0 or 70 !osts on your home!age, all of them filled with images or 5ouTube videos, and your siderbars filled with so many widgets you an"t a tually see the ontent for them. Ta1e a hint, redu e the number of !osts on your !age, and seriously thin1 about how many widgets you really need. I understand that some of them might ma1e you some money, by all means 1ee! these, but do you really need to dis!lay every award your friends have given you or those stu!id widgets li1e the !urring !ussy at that follows your mouse ursor I"ve seen. .o, you don"tF 6lease listen to this advi e, a lot of you have the (ntre ard widget on your blog, so I 1now traffi is im!ortant to you, so ma1e it easier for your site visitors to a!!re iate your blog. 5ou may thin1 your site loads !retty Lui 1ly, but remember, most of the stuff on your blog is a hed by your browser so of ourse your !age loads Lui 1ly for you, but it sure doesn"t for your visitors. I"ve be ome involved in (ntre ard dro!!ing, and not /ust as a !ower dro!!er but also leaving a lot of omments s attered around the !la e. But when I ome a ross a blog that ta1es too long to load, he 1 I hit the lose tab button so fast... I would sto! and ma1e a omment, but not if your site ta1es a ou!le of minutes or more to download. 5ou see, many of you use fan y themes that mean a visitor an"t a tually read your !osts until the !age is fully downloaded, usually be ause the te3t is the same olor as the !age border, yeah I 1now, you"re thin1ing but I have white ba 1ground behind the te3t, yeah, you may very well, but that white ba 1ground doesn"t show until the whole !age is downloaded and you 1now that that means, I an"t read your !ost until the white ba 1ground is there be ause your te3t is the same olor as the !age border. #o, to hel! you out, here"s a really Lui 1 tutorial on how to redu e the number of !osts on your !age.

If ou en!o ed t"is post# ma$e sure ou subs%ribe to m RSS feed&

Cenerate email I on .or +our blog or website

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg Cot a website or blog MM 5ou might had observed in many websites where they show their email address as a i on as shown in the figure.

5ou might be wondering how itI gonna benefit you.5es sure there is one benefit.It hel!s you in !rote ting your email from getting s!ammed by the email bots who rawl through the web .#o how to generate one MMCo to the $"( below.:C Email Icon Generator Just type your Email address Here and it will generate the icon.You can use the generated icon URL anywhere.

"ea tions 1 New Feature in Blogger in 2ra.ts

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg With our new Oea tions feature, you an get oneJ li ) .eedba ) .rom +our readers. Thin1 of it as a mini2!oll for ea h blog !ost, or a fle3ible version of star ratings be ause +ou ustomiBe what options are available . We ho!e this will hel! your blogs get feedba 1 from !eo!le who read your !osts but don<t have enough to say to for a full omment.

To enable Oea tions, log in to htt!:,,draft.blogger. om, and go to your Layouts !age. From there, li 1 the Q(ditR lin1 for the Blog 6osts gadget and then he 1 the QOea tionsR he 1bo3. 5ou an edit the Oea tions buttons by li 1ing 8(dit8 or li 1ing the buttons themselves, as shown. 5ou an ustomiIe the lo ation of the Oea tions within the !ost by dragging the !review around in the Q+rrange ItemsR bo3. We<ve found that it loo1s best when it<s on its own line, but your mileage may vary.

5ou an ustomiIe the o!tions and their label to mat h the theme and style of your blog.

Additional Notes This is a Layouts2only feature. If you<re using a ;lassi tem!late you<ll need to u!grade to Layouts to add Oea tions. The buttons should blend seamlessly with most blog ba 1grounds. Button ba 1grounds are a mostly trans!arent grey whi h should, we ho!e, oordinate with everything. The te3t and button highlight olors for the ratings are ta1en from the following s1in variables: o Foreground: textcolor, textColor, mainTextColor o Highlight: linkcolor, linkColor, mainLinkColor If you have ustomiIed your blog widget<s tem!late you may not see the rea tions. 5ou will need to either reset your blog widget<s tem!late or o!y the Oea tions ode from a fresh tem!late. #ear h for Qrea tions2buttonsR to find the a!!ro!riate blo 1 of ode.

+ 1nown issue: if you hoose short words,!hrases, it<s !ossible to enter enough o!tions that the line of buttons will wra! Band not loo1 very goodC. If this ha!!ens to you, you"ll need to shorten your o!tions or redu e their number.

What do you thin1M Leave a omment, or /ust rate this !ostF

%mbedded =omment Form 11 Add to +our Blog

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg

>ne of the most ommon om!laints about Blogger<s omment form is that it<s on a se!arate !age from the !ost, styled in a way that doesn<t mat h the blog. >ur new embedded omment .orm addresses that by !utting the omment form where your readers e3!e t it: at the bottom o. the post . To turn on the embedded omment form, log in to htt!:,,draft.blogger. om, and go to Settings 1 =omments for your blog. 5ou<ll see that the Q#how omments in a !o!u! windowMR setting has been re!la ed with the new Q;omment Form 6la ementR setting. 9ust li 1 Q(mbedded below !ost,R save your settings, and go he 1 out a !ost to see your new omment form.

Additional Features The omment form wor1s with %oogle + ounts, >!enI4 authenti ation, name , ?OL, and anonymous identities. +s with the urrent omment form, we<ve set u! short uts for a handful of ommon >!enI4 !roviders. If you have a Q;omment Form )essageR set u!, we !ut it on the !ost !age above the omment form.

If you reLuire word verifi ation for ommenting on your blog, we<ll show the word verifi ation form in a small dialog after you li 1 Q6ost ;omment.R $pdate* 802:9 The embedded omment form wor1s with ;lassi tem!lates. The <$BlogItemCreate$> tag will add the right HT)L to your !age.

=aveats If you<ve edited your tem!late for the blog widget, you won<t automati ally !i 1 u! the new ode for the omment form. 5ou<ll need to either reset the tem!late by deleting the ontents of the element Bba 1u! your tem!late firstFC or o!y the ode from an unmodified blog. $pdate* 802:9 +manda from Blogger Buster has written a howto !ost for u!dating a modified blog widget tem!late. The font olor of the omment form is urrently hard2 oded to bla 1. If your tem!late has a dar1 ba 1ground, this may ma1e the Q;omment +s:R label hard to read. The embedded omment form urrently does not su!!ort subs ribing to follow2u! omments via email, nor does it have a !review button. How<s it wor1ing for youM +nything else you<d li1e to seeM 4oes the omment form loo1 !arti ularly good or bad in your tem!lateM

"e ent #ost Widgets .or Blogger

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg To install your own re ent omments widget in your Blogger layout, sim!ly follow these ste!s:

$. ;hoose a title for your widget, or leave this blan1 if you !refer not to dis!lay a title. *. +dd your blog"s ?OL in the bo3 !rovided. 4o .>T add the HTT6:,, !art, or a losing forward slash as these are already generated by the s ri!t. For e3am!le, you an enter yourblog.blogs!ot. om or www.yourblog. om in the blog ?OL te3t bo3. However, htt!:,,yourblog.blogs!ot. om or www.yourblog. om, will not wor1F -. ;hoose how many !ost titles you would li1e to dis!lay. This is set to $0 by default, though I have su essfully e3!erimented with u! to $00F

7. ;li 1 on the 8;ustomiIe8 button to save your hanges, then the 8+dd to Blog8 button will be highlighted. 5ou an then li 1 this button to add your ustomiIed re ent !osts widget to your Blogger blog. Here is the widget installer to add your re ent !osts widget to your blog:

Numbering =omments in Blogger

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg Fernandooo$ has ome to our res ueF In his e3!lanatory !ost over at Oandomness, he e3!lains how to use a sim!le ombination of 9ava# ri!t and ;## styling to !rodu e this effe t in Blogger tem!lates.

Fernandooo$ uses this te hniLue in the design for Oandomness whi h a!!ears li1e this:

The tutorial for numbering omments in Blogger in ludes the full ode and te hniLue

reLuired for ustomiIing your Blogger tem!late. 5ou"ll be ha!!y to 1now that no e3ternal files are reLuired: it"s all a hieved by some sim!le edits to the HT)L ode. If you would li1e to add this fun tionality to your own Blogger tem!late, !lease ta1e a loo1 at Fernandoo0$"s well2written tutorial.

,ow to add a Favi on to +our Blogger blog

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg Bored of loo1ing at your blogger,blogs!ot ?OLM

Favi ons are a fantasti way to give your Blogger blog a little added flair and !ana he. They also ha!!en to be dead easy to reate and install`

Whenever you<re on the web you may noti e small images dis!layed in the address bar of your browser. They a!!ear dire tly before the ?OL of ertain websites. These images are 1nown as Qfavi onsR be ause they are Qi onsR asso iated with websites whi h show u! in your browser<s QFavouritesR list Bin Internet (3!lorerC or your QBoo1mar1sR list Bin Firefo3C. In newer browser versions they also dis!lay at the to! of tabbed !anels. ,ave you wondered how other blogger have little i on a!!ear ne3t to their blog addressM Today I<m telling you a little se ret about how to ma1e it by yourself by using 2 FavI on FFF 5ou an reate an image by using 6hotosho! or sim!lest tool 2 6aint. If you L+a5 to reate by your own, of ourse you get it from by ty!ing Qonline i on generatorR from any sear h engine. I have tried to u!load .i o format using !hotobu 1et but failed to do soBmay be !hotobu 1et doesn<t su!!ort .i o formatC. If you want to u!load .i o format, !robably I will re ommend you to use %oogle 6ages and 5ahoo %eo ities to u!load .i o files. 6ersonally I have used %oogle6ages to u!load .i o file sin e you an use your %oogle + ount to login blogs!ot. I will ta1e give some instru tion about how to add it under your Blogger Tem!late

+fter you have u!loaded to google!ages su h as htt!:,,yourname.google!ages. om,i on.i o Byourname 0 your gmail a ount, i on.i o 0 i on nameC %o to Tem!late tab, sele t QEdit 'T(LQ 5ou<ll see a synta3 li1e this:

data9blog'pageTitle in tags &' with title tag at start and end For .i o format image, o!y the lin1 below $"( o. +our i on .ileK rel>Gshort ut i onG t+pe>Gimage0vnd'mi roso.t'i onG01

If you have 6.% format image, o!y the lin1 below

$"( o. +our i on .ileK rel>Gshort ut i onG t+pe>Gimage0pngG01

If you have %IF format image, o!y the lin1 below

$"( o. +our i on .ileK rel>Gshort ut i onG t+pe>Gimage0gi.G01 5ou<re 4oneFFF ;ongratulationsFF If you have any errors or Luestion about this, feel free to dro! by your omment here Than1 you

=reate dropJdown menus easil+

Labels: Blog Widgets, Blogger Ha 1s, Blogger Tri 1s 0digg Blogger Beta !rovides an easy way to reate lin1 lists even for those who don"t 1now HT)L. But, there is no su h fun tionality for dro!2down menus. I had a few !eo!le as1 me how to reate dro!2down menus and where to add them in the tem!late. I thought this is something whi h an be sim!lified using a third2!arty widget. I have reated an interfa e, similar to that of Beta, with whi h you an easily reate dro!2down menus and add them to your blog with one2 li 1F 9ust goto my 4ro!2down menu reator !age and add your menu items one by one by !roviding a name and ?OL for ea h item. The u!dated menu will be shown to you. >n e you are ha!!y with the menu that you reated, li 1 the button to add it to your blog. 5ou will see a !age Bli1e the one shown belowC where you an sele t the blog Bif you have more than oneC, !rovide a title for your menu and then li 1 8+dd Widget8. 5ou will see the widget getting added to your sidebar whi h you an move around to wherever you want. +ll this an be done without tou hing the tem!late odeF

htt!:,,da oolhunter.blogs!ot. om,*00H,0H, reate2dro!2down2menus2easily.html