Think Like a Scintest

Master Dont Look Back the follow the Masters and Become so!!.

Want to be Programmer?

Programmer Do Hard work Not Just Think to be a programmer OK!.

Always Think Positive And Concentrate On Your Own work!

Changing The World!

Because The Peoples Who Are Crazy Enough To Think They Can Change The World, Are The Ones who Do.

Go And Occupy!

Its What Success Mean.

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

How to add “Email Subscription Form” to Blogger Blogspot

Email Subscription Form” to Blogger Blogspot
 “Email Subscription Form” to Blogger Blogspot
If you are providing useful information in your blog, then every visitor will want to get latest updates from your blog. For that purpose you need a Email Subscription Form in your blog, so that interested visitors can easily get latest updates. And to add email or feed Subscription Form to your blogger blog (blogspot) it's a very easy thing to do. So let's begin:
1. Log in to Blogger, then go to Design > Page Elements > click on "Add a Gadget" link.
2. From the pop-up window, click on the "HTML/JavaScript" gadget.
3. Paste the following code inside the empty box

<style>
.hl-email{
background:url(http://4.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.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;
}
.hl-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;
}
.hl-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:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=helplogger', '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 here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="helplogger" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>


Settings

  • Replace the url address in green if you want to change the email icon
  • Increase/Decrease the 130 width value for a wider text area
  • Replace http://feedburner.google.com/fb/a/mailverify?uri=helplogger with your Feedburner Email Feed link. You can get it by visiting your feedburner account then navigate to Publicize and then to Email Subscriptions.
  • Replace helplogger with your feed title. It appear at the end of your feed link. In my case it is http://feedburner.google.com/fb/a/mailverify?uri=helplogger 
  • Save your widget and check your blog.

Submit Blog Feed to Feed Directories


Submit Blog Feed to Feed Directories

1. General

2RSS

4Guys from Rolla - For resource RSS feeds.

ASP Index - For resource RSS feeds.

Blo.gs

BlogDigger

Bloglines

Blogz

Bloogz

Chordata - Register to submit RSS feed in relevant category.

Daypop - For news sites.

DayTimeNews

DevASP

Feed24

FeedAge - Register to submit RSS feed.

FeedBase

FeedBomb - Select a category to submit RSS feed.

FeedBlitz - Register to submit RSS feed.

FeedBurner - Register to submit RSS feed.

FeedCat - Register to submit feed in relevant category.

Feed-Directory

FeedDirectory

FeedFury

Feedmap

Feedooyoo - Submit RSS feeds and keywords.

FeedPlex

Feeds2Read

Feeds4All

FeedFarm – For news related RSS feeds.

Findory

FreeRSS

FreshPodcasts - For podcasts.

GeneCast - Register to submit your news feeds.

GoldenFeed

IceRocket

JordoMedia

MoreOver

NewzAlert.com - Register to submit RSS feed.

nFeeds

Octora

Odeo - Register to submit RSS feed.

Plazoo

Postami

ReadABlog

RedTram

RocketInfo

Rojo - Register to submit RSS feed.

RSSFeed - Register to submit RSS feed.

RSSFeeds

RSSKnip - Add RSS feed at the bottom.

RSSMad - RSS feed submission at bottom right.

RSSMicro

RSSMotron

Search4RSS

Sourceforge - For news feeds.

Syndic8

Technorati

Videocast - For videocast or vodcast.

WeBlogALot

2. Specific

Auto Feeds - For automotive feeds only.

Nooked - For corporate feeds only.

Educational Feeds - For educational podcasts and RSS feeds.

Finance Investing Feeds - For finance or investment related RSS feeds.

Government Feeds - Only for feeds from local and federal government agencies.

Medical Feeds - For medical care or health related RSS feeds.

National Lib for Health - For medical and health RSS feeds.

Political Feeds - For political podcasts and RSS feeds.

Realty Feeds - For home related RSS feeds in the appropriate category.

Religious Podcasts - For podcasts relating to religion, sermon or spiritual beliefs.

Science Port - For scientific news feeds.

Security Protection Feeds - For security or protection related RSS feeds.

Sports Feeds - For sports related podcasts and RSS feeds.

3. Regional

1470 - Japanese RSS feeds.

31engine - Japanese RSS feeds.

Bakeinu - Japanese RSS feeds.

Bitacoras - Spanish blogs.

Bitacoles - Spanish RSS feeds.

Blogblogs - Brazilian blogs.

Blogbot - Danish RSS feeds.

Blogg - German RSS feeds.

BlogPeople - Japanese RSS feeds.

Blog-search - Japanese blogs.

Blogstyle - Japanese RSS feeds.

Feeds.com.br - Portuguese RSS feeds.

RSS Israel - Israeli RSS feeds.

RSS Nachrichten - German RSS feeds.

RSS Verzeichnis - German RSS feeds.

Technorati.jp - Japanese version of Technorati.

Veneblogs - Venezuela blogs.

Weblogues - French RSS feeds.

Submit Blog Pings

Now that your Blog appears in several Blog and Feed directories, you would want to keep these directories and search engines notified of your latest blog updates. By pinging some of the services, they will be able to crawl or visit your site to index the latest blog contents. You can ping them when you have created a new post or updated an old post. Fortunately for us, there are a number of useful services that make it easy for us to submit the pings to the tracking sites.

First essential step. Go to Settings -> Publishing and under “Send Pings”, select “Yes”. Whenever your blog is updated, Blogger will ping certain services that track blog changes.

Rather than pinging individual tracking sites, we have been using services which help us update different sites and search engines that include Verisign's Weblogs.com, Yahoo!'s blo.gs, Technorati, Newsgator, Feedburner, Moreover, Bulkfeeds and Syndic8. All we need to do is to enter the Blog URL and Blog Title and they will send the pings to all the sites we select.

Ping Services

Google Blog Search Ping Service - We thought we should mention this. For new bloggers who do not find their sites when they key them into the NavBar search box, ping this site.

Pingoat - A very comprehensive list of sites that you can choose to ping. The service is also very fast and it is done within seconds.

Ping-O-Matic - Less comprehensive list.

Blog Flux Ping Service - A list of sites as comprehensive as Pingoat's but the ping takes a much longer time and is not often successful.

Feeds Pings - A short list but has pretty relevant sites.

There are other services which volunteer to send the pings on your behalf. Some of them are services provided to members only. You may also ping individual sites like Technorati. However, we think that the above services would have sufficiently covered many of the popular tracking sites.
 
Your Questions Will Be Answered As soon As possible! InshALLAH!.

Customize Your Blogger Popular Posts Widget with CSS

Blogger's blogs each element cav be customized with CSS and JavaScript. There are many widgets in Blogger that you might want to customize or make them looking more beautiful. One Of them is Popular Posts Widget.
So In This Trick we will learn about customizing Popular posts widget in blogger.
Trick is very simple and about blogger popular widget customization. This widget comes in all default and custom blogger templates. Initially it is just simple and has no attraction. But, by using today's trick you can make it more attractive and eye catching.

So Come To The Point!!

How to Change Popular Posts widget in Blogger?

lets start the things to do in this tutorial. Follow simple steps below in order to change your popular posts widget in Blogger:

  1. Log-in to your blogger dashboard
  2. Go to the blog's Template page 
  3. Click HTML >> Proceed
  4. Now search for this code: ]]></b:skin> by using CTRL+F
  5. Just above/before ]]></b:skin> paste the below codes

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://4.bp.blogspot.com/-oOVUW06ghgo/UHwuqL9TltI/AAAAAAAAGKU/Nj4DQnvft8k/s1600/1.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

 Save your blog's template and you're done!

If you have questions let me know by commenting below this post. 
Thanks

Advertisements