Showing posts with label Rss. Show all posts
Showing posts with label Rss. Show all posts
Monday, May 21, 2012

How To Add Cool Subscribe Gadget For Blogger

0 comments
This is a cool subscribe gadget with nice buttons.
 Add to your blog and make it attractive.
i have Facebook ,Twitter and Google +

1. Log in to blogger and Go to  Design >> Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3.Paste below code.




<style type="text/css">                                                        
.abtbar{width:300px;float:left;background:#FFF top no-repeat;margin:0 0 10px;padding:10px;border:0px solid #DDD;}.abtbar .abt-credit{}.abtbar .abt-credit a{float:right;font-size:10px;font-weight:bold;text-shadow:1px 1px white;color:#1E598E;text-decoration:none;}.abtbar h2{background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0s9V9O1hliY4_Sl4JwZQABtCf72laKF_4Y9EjWy6vf54uH7dhaY5NNGRgBA3o3rXRqofAswGG9LnfAksyJvXor3dbyPlIalV5CQEJXmwOlIEjCZ_oCjTuqFcJFQJ1wgeQqT8XkJaWVU8/s1600/%5Bwww.internetricks4u.blogspot.in%5DSUBSCRIBE.gif) no-repeat;height:50px;margin:0px 0 0px 0;padding:0px 20px 0px 0px;font-size:0px;font-family:Sans-serif, Arial, Helvetica;font-weight:bold;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 0 #fff;}.abtbar .count{color:#F17C18;font-size:14px;font-weight:bold;font-family:Helvetica, Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0px 0 4px;margin:0;}.abtbar .count span.bigcount{color:#F17C18;font-size:24px;font-family:Helvetica, Arial;line-height:39px;vertical-align:middle;margin:0px;padding:10px 0px 0px 0;}.abtbar .subicons{border-bottom:1px solid #e6e6e6;margin:0px 0 0px 0;float:left;width:300px;font-family:Helvetica, Arial;font-size:12px;}.abtbar .subicons a{text-decoration:none;color:#333333;}.abtbar .subicons a:hover{text-decoration:underline;color:#333333;}.abtbar .subicons .rssicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFy-alplfrpNIyaUdqSwGW1xkJRrj5RNhuAttMled_ULD8h73LvEW54mMZhyphenhypheniz0aqokyCVAgLcZeBhhShCqGVj1sgyWKPgNL0e-r0RmS5DuysPosFYWkCiTkVWoemOr4r13xDbCNzmzVE/s1600/Widget_icon.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .googleicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFy-alplfrpNIyaUdqSwGW1xkJRrj5RNhuAttMled_ULD8h73LvEW54mMZhyphenhypheniz0aqokyCVAgLcZeBhhShCqGVj1sgyWKPgNL0e-r0RmS5DuysPosFYWkCiTkVWoemOr4r13xDbCNzmzVE/s1600/Widget_icon.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .fbicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFy-alplfrpNIyaUdqSwGW1xkJRrj5RNhuAttMled_ULD8h73LvEW54mMZhyphenhypheniz0aqokyCVAgLcZeBhhShCqGVj1sgyWKPgNL0e-r0RmS5DuysPosFYWkCiTkVWoemOr4r13xDbCNzmzVE/s1600/Widget_icon.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFy-alplfrpNIyaUdqSwGW1xkJRrj5RNhuAttMled_ULD8h73LvEW54mMZhyphenhypheniz0aqokyCVAgLcZeBhhShCqGVj1sgyWKPgNL0e-r0RmS5DuysPosFYWkCiTkVWoemOr4r13xDbCNzmzVE/s1600/Widget_icon.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.abtbar .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 15px 0px 50px;margin:0 0 0 5px;width:300px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.abtbar .emailsub .emailupdatesform{margin:15px 0 5px 5px;width:300px;float:left;}.abtbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.abtbar .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#F9EAD4,0),color-stop(#F9780E,1));background:-webkit-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-moz-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-o-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#F9780E));border:1px solid #F9780E;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}
</style><div class="abtbar">
<h2 class="title"></h2>
<div class="count">
<span class="bigcount"></span>Learn Free Pro Tricks daily </div>
<div class="subicons">
<div class="rssicon">
&nbsp;<a href="http://feeds.feedburner.com/FeedburnerID" rel="nofollow" target="_blank"> RSS</a></div>
<div class="googleicon">
&nbsp;<a href="https://plus.google.com/Username 1" rel="author" target="_blank"> G+</a></div>
<div class="fbicon">
&nbsp;<a href="http://www.facebook.com/Username 2" rel="nofollow" target="_blank">FB</a></div>
<div class="twittericon">
&nbsp;<a href="https://twitter.com/bloggertrix" rel="nofollow" target="_blank">Twitter</a></div>
</div>
<div class="emailsub">
<div class="emailicon">
<div style="color: #3a3a3a; font-family: Helvetica, Arial; font-size: 13px; font-weight: normal; margin: 0; padding: 0; width: 270px;">
Receive Our All Updates In Your Inbox by &nbsp; &nbsp; submitting your Email ID below.</div>
</div>
<div class="emailupdatesform">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FeedburnerID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="emailupdatesinput" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" placeholder="Enter your email here..." /><input name="uri" type="hidden" value="AllBloggingTricks" /><input class="joinemailupdates" type="submit" value="Submit" /></form>
<span class="abt-credit" style="font-family: Arial,Helvetica,sans-serif;"></span></div>
</div>
</div>

* Repalce placewith   FeedburnerID with your ID
* Replace   Username 1 With Google plus username
* Repalce  Username 2 with your Facebook ID
* Replace bloggertrix  with your Twitter ID

4. Now save your HTML/Javascript'.

you are done.
Continue reading →
Thursday, September 15, 2011

13 Basic tips for SEO

0 comments
SEO, things you should know:
  1. Be sure your website can be tracked using XML maps and robots.txt files.
  2. Use follow links in your web
  3. Make a solid content by the use of keywords
  4. Avoid the use of the main contains of your site in rich media (flash, silverlight)
  5. Write a quality meta tag with an unique content (between 160-180 characters "25-30 words"
  6. Use of the "ALT " and "TITLE" tags (make them easy and usefull)
  7. Insert RSS feed
  8. Is working fine your HTML and CSS? check it and find errors and broken links
  9. Make social your web adding the "share" buttons from the most popular social networks
  10. Don't use links farms
  11. Don't duplicate content
  12. Non abusive use of the linkback promotion "anchor text linkback" (keywords, don't abuse you can be flag)
  13. Have a personal favicon gives value to your site
Those tips are not new for the SEO professionals, but always is good to have reminder about the best practices.

Continue reading →
Thursday, September 8, 2011

How To Add Cool Subscribe Section For Blogger

0 comments
This is a cool unique subscribe gadget with nice buttons.
 Add to your blog and make it attractive.

1. Log in to blogger and Go to  Design >> Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3.Paste below code.
Subscribe Section











<style type='text/css'>

#topbox{width:250px;border:4px solid #a1a1a1;background-color:#ffffff;}
#topbox:hover{border:4px solid #4e4c4c;background-color:#ffffff;}

#social1 .social2 h2.subscription { border:0; margin:0; padding:3px 0 0 55px; height:42px; font-size:14px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }

#social1 .social2 h2.subscription:hover { font-size:15px;}

#social1 .social2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim68T7NtCwjRDhHdoTaVdCV1agZnaSds3cXEfd3GbsPbBcMiMrF54TN4BPAmn-tuVHyEYS34wErq1kOVZj2J8tZ4FbotDkNHo_mOfNqAcDLwZWFEpJgK1h97fBIsBsfGvQG_h8FRD-dL56/s1600/Rss.png) no-repeat top left; }

#social1 .social2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3fpiWpzr9wygtywJ5dSwsYBsZSHAXf-_SjszjNC-nZtKdQXVHYmhOVkVdJUqtn6i96qMJvIUC8PONKXJrl6PfrDVw2tF0Vzl5L6ZChAOHw_Ce5fSQYPqijynRS7BxDgqXYU80HkT7mQmp/s1600/twitter.png) no-repeat top left; }

#social1 .social2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8msreBPiv9c3R6KyE8ctQ0QNK96yLlvzjkod2KOSxxXp7gCP2xHVdA6ll0L3sxdSoKI23L-Q_VyDvs4ekRsj5NtWsKWx23hI0HJ_Q8PhX-MAs8zMOJEue3DBx1xl5XCRUh5WevNO5hPrY/s1600/mail.png) no-repeat top left; }

#social1 .social2 .subscription a { color:#252e28; text-decoration:none; }

</style>

<div id="topbox">
<div id="social1">
<div class="social2">

<h2 class="subscription rss"><a href="RSS feed URL">SUBSCRIBE VIA RSS</a></h2>

<h2 class="subscription twitter"><a href="Twitter URL">FOLLOW ON TWITTER</a></h2>

<h2 class="subscription email"><a href="Your Email Subscription URL">SUBSCRIBE VIA EMAIL</a></h2>

</div></div>
</div>

* Repalce  RSS feed URL with your URL
* Repalce  Twitter URL with your URL
* Replace Your Email Subscription URL  with your feed name

4. Now save your HTML/Javascript'.

you are done.
Continue reading →
Friday, July 22, 2011

How to Add Peel Effect For Blogger

0 comments
This is cool effect to your blog.
I used Peel effect for RSS.click below link for Demo.













DEMO
(Top right Corner)

1. Log in to your blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F    </head>

3. Paste below code Before   </head> tag

<style type="text/css">
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0AhZT_R1DIef23wtPBqb0XTXIrwsRRRvBeDlu81RKyU1XgCuHKh2cm3emsZxJvjAkarZeHUkQSJGnURxDIskJu9kPOzodlZVfmipjXUiDX916-8fIsOQ_Dg3AM8WllKD3XZ1JTX7-Y0h/s320/Newspaper-Feed-icon.png) no-repeat right top;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"/>
<script type='text/javascript'>
$(document).ready(function(){
//Page Flip on hover
$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});
});
</script>


4. Now again Find this tag by using Ctrl+F <body>

5. Paste below code After   <body>  tag

<div id='pageflip'>
<a href='http://feeds2.feedburner.com/Bloggertrix'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikFwxnToVfo-eitD2YGmjfuDXF_-nbBhtYbNKH9AczoQGm1qD9k5GFmNrDjV1DPglbmcVWRt6zkVAk1lSZQ1u9L_4ZB9W2imtkANKo2i9GM5mUXB9cSpsoa-MtE7dGY8a1eZ8VHsoJllsj/s320/peel-image.png'/></a>
<div class='msg_block'></div>
</div>

* You can change pink URL with your URL
*  You can change RED URL with your Feed URL
6. Now click Save Template.
You are done.
Continue reading →
Sunday, July 17, 2011

How To Add Beautiful RSS Subscribe Box For Blogger

0 comments
 This is a Unique Rss gadget,
Follow these instruction to add it to your blog.










1. Log in to your blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F    ]]></b:skin>

3. Paste below code Before  ]]></b:skin> tag

#feeds {font-size:12px;width:275px;height:140px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFPC2Fd2sUu5qYoeNcCHwnrr0VyCHAcI4RMpVNkPclB0Jx77DRS_OwRjgcgIvvJUtk3X9ubox-ADwI7KHX8MZbme6OjD4Ne_IzOQSBInHmwy5XBVtzgH8qyVVcGXNrLL8_jw56eFp4w6g/s320/feed.png);margin-bottom:10px;}

.textarea {background:#FFFFFF none repeat scroll 0 0;border:medium none;font-size:12px;height:20px;margin:50px 0 5px 15px;padding:5px 0 0 5px;width:145px;margin-top:35px;}
#feeds a {font-size:11px;color:#FF7300;text-decoration:none}
#feeds p {color:#51616E;margin-left:15px;}

5. Now Go to Design >>page Element

6.Click Add gadget  and Select HTML/JavaScript 

7. Now paste paste below code

<div id="feeds">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.open(\" http:="" feedburner.google.com="" fb="" a="" mailverify?uri="Bloggertrix\'," popupwindow\="" ,="" \="" scrollbars="yes,width=550,height=520\');return" true="" target="popupwindow">
<input class="textarea" name="email" onblur="if (this.value == \" \="" ;}="" onfocus="if (this.value == \" enter="" email="" address="" here\="" )="" {this.value="\&#39;Enter" value="Enter email address here" type="text" /><br />
<input name="uri" value="camelgraph" type="hidden" />
<input name="title" value="54800" type="hidden" />
<input name="loc" value="en_US" type="hidden" />
</form>
<p><a href="URL"><img src="http://feeds.feedburner.com/%7Efc/BloggerTrix?bg=FD6D00&amp;fg=202931&amp;anim=1" style="border: 0pt none;" width="88" height="26" /></a></p>
<p><a href="http://bloggertrix.com/feeds/posts/default">Post (RSS)</a> | <a href="http://bloggertrix.com/feeds/comments/default">Comments (RSS)</a></p>
</div>

Replace  BloggerTrix  with your Feedburner ID
Replace  URL  with your Feedburner URL
Replace  bloggertrix.com  with your Blog URL

8.  Now save  HTML/JavaScript.  you are done.
Continue reading →
Saturday, July 9, 2011

How To Add Cool Animated Twitter Bird For Blogger

0 comments
 How To Add Cool Animated Twitter Bird For Blogger

 This is a cool twitter follower gadget to your blog, try it..

online bingo

1. Log in to blogger and Go to  Design >> Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below code.

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="159" height="159"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=your_id_here"></param><a href="http://www.dreambingo.co.uk/" title="online bingo">online bingo</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" 
type="application/x-shockwave-flash" allowscriptaccess="always" width="159" height="159" menu="false" wmode="transparent" flashvars="username=Bloggertrix"></embed></object>

*Replace Bloggertrix with your Twitter name

4. Click save 'HTML/Javascript'
   
You are done,
Continue reading →
Sunday, July 3, 2011

How to Add Floating Rss Subscribe Box For Blogger

0 comments
How to Add Floating Rss Subscribe Box For Blogger

This is cool tricks for blogger, You can add Floating Rss
Subscribe Box For  to your blogger, It will show on your
every page, SO you can get more Subscribers, Follow
below steps to add it.

Subscribe Box

1. Log in to your blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F    ]]></b:skin>

3. Paste below code Before  ]]></b:skin> tag

.element { position:fixed; bottom:1%; right:1%; padding:10px;  border:1px solid #2FBAF6; }

5. Now Go to Design >>page Element

6.Click Add gadget  and Select HTML/JavaScript 

7. Now paste paste below code

<div class="element">  
<div class="rss_box">Sign up to receive latest Update free</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEED BURNER ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" id="rss_form">
<input type="text" name="email" id="email_rss" value="Enter your email!" onblur="if (this.value == '') {this.value = 'Enter your email!';}" onfocus="if (this.value == 'Enter your email!') {this.value = '';}" />
<input type="submit" name="subscribe_email_btn" id="subscribe_email_btn" value="" />
<input type="hidden" value="technology/tricks" name="uri"/>

<input type="hidden" name="loc" value="en_US"/>
</form>
<style>
.rss_box { /*in content */
display: block;
background-image:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/rss_icon.jpg);
background-repeat:no-repeat;
padding-left: 40px;
height: 40px;
border: 0;
}
#sidebar #rss_form { /*in content */
}
#rss_form #email_rss {
background: none;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 7px;
padding: 2px 3px 0px 30px;
width: 182px;
height: 18px;
outline: 0;
color:#666666;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
font-size:12px;
background-image:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/email.png);
background-repeat:no-repeat;
background-position: 5px 3px;
}
#rss_form #subscribe_email_btn {
width:50px;
height:21px;
border:none;
background:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/go.png) no-repeat;
cursor:pointer;
margin-left: 7px;
}

</style>
</div>

*Replace YOUR FEED BURNER ID with your Feed URL

8.  Now save  HTML/JavaScript.  you are done.
Continue reading →
Saturday, July 2, 2011

How To Add Cool Subscribe Box For Blogger

0 comments
How To Add Cool Subscribe Box For Blogger



1. Log in to blogger account and Go to Design > Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F    ]]></b:skin>

4. Paste below code Before ]]></b:skin> tag

#subsfeed {  
background: #616161 url(#);
width:260px;
height:45px;
}
.subsfeed_field{
width:200px;
height:18px;
border:2px solid #6ca408;
margin:13px;
float:left;
}
.subsfeed_button{
width:24px;
height:24px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZhPhZO7K0iQRAMPM5N5M7Wckyl-iNKgHXtcr6tI2uG11xTcr09nXR6gH9IULRc8jnl0T-9oISbeF_qcM0IsYZuWZG9nLgIp9BmeFeuZlUh5ArMLNJ80uAos4HXHiRalbFrGMXpWrc0YOK/s1600/arrow.png);
border:0px;
margin:13px 0 0 2px;
cursor:pointer;
float:left;
}

5. Now Go to Design >>page Element

6.Click Add gadget  and Select HTML/JavaScript 

7. Now paste paste below code

<div id='subsfeed'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Feedburner URL&apos;,
&apos;popupwindow&apos;, &apos;scrollbars=yes,width=500,height=520&apos;);return true'
 target='popupwindow'><input class='subsfeed_field' name='q' onblur='if (this.value == "")
 {this.value = "Enter Your E-mail...";}'
 onfocus='if (this.value == "Enter Your E-mail...") {this.value = "";}' type='text' value='Enter Your E-mail...'/>
<input name='uri' type='hidden' value='Feedburner URL'/><input name='loc' type='hidden' value='en_us'/><input class='subsfeed_button' type='submit' value=''/></form></div> 

Replace Feedburner URL with your Feedburner URL

8.  Now save  HTML/JavaScript. 
you are done.
Continue reading →
Tuesday, May 10, 2011

How to add Beautiful Rss Subscribe Box to blogger

0 comments
How to add Beautiful Rss Subscribe Box to blogger

feed burner,rss follower


This gadget is helps to get more RSS readers.


1.  Log in to your blogger account and Go to Design >> Page Element

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below one of below code.

<div class="rss_box">Sign up to receive latest Update free</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEED BURNER ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" id="rss_form">
<input type="text" name="email" id="email_rss" value="Enter your email!" onblur="if (this.value == '') {this.value = 'Enter your email!';}" onfocus="if (this.value == 'Enter your email!') {this.value = '';}" />
<input type="submit" name="subscribe_email_btn" id="subscribe_email_btn" value="" />
<input type="hidden" value="technology/tricks" name="uri"/>

<input type="hidden" name="loc" value="en_US"/>
</form>
<style>
.rss_box { /*in content */
display: block;
background-image:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/rss_icon.jpg);
background-repeat:no-repeat;
padding-left: 40px;
height: 40px;
border: 0;
}
#sidebar #rss_form { /*in content */
}
#rss_form #email_rss {
background: none;
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 7px;
padding: 2px 3px 0px 30px;
width: 182px;
height: 18px;
outline: 0;
color:#666666;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
font-size:12px;
background-image:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/email.png);
background-repeat:no-repeat;
background-position: 5px 3px;
}
#rss_form #subscribe_email_btn {
width:50px;
height:21px;
border:none;
background:url(http://www.technologytricks.com/themes/techified/wp-content/themes/techified/images/go.png) no-repeat;
cursor:pointer;
margin-left: 7px;
}

</style>

*Replace YOUR FEED BURNER ID with your Feed URL

4. Save HTML/Javascript. you are done.
Continue reading →
Friday, March 4, 2011

Beautiful subscribe box to blogger

0 comments
1. Log in to blogger  and Go to Design >> Page Element

2.Click Add Gadget and select 'HTML/Javascript'

3. Paste below code

<style> 
.mbt-email{
background:url(http://icons.iconarchive.com/icons/custom-icon-design/pretty-office/48/message-already-read-icon.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class="mbt-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('Enter here your feedburner url', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address &quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter your email address " type="text" />
<input type="hidden" value="Bloggertrix" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>

4. Replace Enter email address here with your feedburner URL

5.Click save you are done.
Continue reading →
Saturday, March 21, 2009

SEO and Positioning Tips

0 comments
SEO and positioning your website to rank top spots in the search engines require some careful planning. Just like setting up a business or going to war, it requires strategizing for optimal results. Diving straight into the internet without any clear game plan is time-wasting, dangerous and more often than not, a futile attempt to rank any website for maximum targeted traffic. Lets dwell a little deeper into some useful SEO and positioning tips to get your web pages indexed and ranking faster.

What is your objective in optimizing your website? Is it for maximum general traffic or targeted niche traffic? Once again, webmasters are unable to get this part clear. Many think that driving as much traffic as possible to their websites is the way to go. Unfortunately, this is a big pitfall. A web site may attract loads of traffic but yet dont perform as well as another with little traffic but making more sales. Know what your objective is, to sell more products or to get more people to visit your website. If you are building an interest-based website or hobby website, perhaps getting maximum general traffic is the right solution for you.
Continue reading →
Wednesday, November 5, 2008

Make Use of RSS Feeds

0 comments

RSS can be utilized by webmasters to deliver their website content to the target audience in many creative and innovative ways. RSS web feeds generally contain the topic summarized in a very easy to understand format. Moreover, it does not burden the user to read the whole article in order to see if it was what they were interested in. The title and summarized information in RSS feeds usually gives the reader enough information to decide if he/she is interested in reading it further. This in turn brings in targeted unique traffic to each of your pages, instead of all the traffic coming through the homepage. In other words, RSS feeds greatly facilitate page-to-page traffic generation.

Anther attractive feature of RSS is its ability to deliver important updates directly to your visitors email. RSS feeds come with a subscription feature, whereby, your visitors sign up to have any new updates or articles alerts delivered to their email. If you manage to write a content that is of interest to your existing visitors, the email alert subscription would help in bringing back those visitors. Since your visitors always prefer to get access to the "information they need" in a least simple and fastest way possible, RSS feed subscription gives them the option to access their articles, updates or products of choice from a centralized and easy to access location; that being, email alerts.

Continue reading →
Related Posts Plugin for WordPress, Blogger...