Bloggerdaddy - A guide for new blogger

Best Free Tools and Tutorials for making websites / blogs responsive

<div dir="ltr" style="text-align: left;" trbidi="on">
<span itemscope="" itemtype="http://schema.org/Blog">Responsive design was a term coined by Ethan Marcotte. He have a blog which is the unstoppablerobotninja.com .
 As you know in he coming years of internet, mobile users are going to 
govern the revenue rates of publishers. The number of mobile phones in 
developing countries are going in high rate and the number of laptop 
rates are going down. You can read the economic times review about "Number of mobile handsets sold in India to reach 251 million units next year: Gartner"
 by Indu Nandakumar, ET Bureau at Oct 11, 2012. The article says that 
the number of Samsung mobile phones expected to sell in the 2013 is 251 
million units.</span><br />
<span itemscope="" itemtype="http://schema.org/Blog"><br /></span>
<span itemscope="" itemtype="http://schema.org/Blog">Responsive
 design is always an added bonus to your website. Responsiveness 
increases click rate, reduces bounce rate and make your site attractive 
to visitors from different devices. How one can create a responsive 
design? It is not easy to create a responsive design yourself, if you 
are not a pro in it.<br />
</span><br />
<div style="text-align: center;">
<span itemscope="" itemtype="http://schema.org/Blog"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGpKKQfDnywKb7BxT2yEquo8YkNloztRXe01wfQaDYDFAzKi0iR-cAou4DrwNaRmPsDL8pH_9kf6TwFMHqFGABAZkZualySopcJiv1DemgAltmv-ytOXd4EkUmtMg1-rctU7-Lr92Bk0/s1600/mm.jpg" imageanchor="1"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfGpKKQfDnywKb7BxT2yEquo8YkNloztRXe01wfQaDYDFAzKi0iR-cAou4DrwNaRmPsDL8pH_9kf6TwFMHqFGABAZkZualySopcJiv1DemgAltmv-ytOXd4EkUmtMg1-rctU7-Lr92Bk0/s200/mm.jpg" width="200" /></a></span></div>
<div style="text-align: center;">
<span itemscope="" itemtype="http://schema.org/Blog">on pc</span></div>
<span itemscope="" itemtype="http://schema.org/Blog"><br />
May be you have seen some codes like this;</span><br />
<blockquote class="tr_bq">
<br />
/* Default styles first then media queries */<br />
@media screen and (min-width: 400px)  {...}<br />
@media screen and (min-width: 600px)  {...}<br />
@media screen and (min-width: 1000px) {...}<br />
@media screen and (min-width: 1400px) {...}</blockquote>
or like this<br />
<br />
<blockquote class="tr_bq">
<link href="styles.css" rel="stylesheet" media="all and (max-width: 1400px)" </blockquote>
<span itemscope="" itemtype="http://schema.org/Blog">These codes push the website to perform different layouts in different pixels.<br />
<br />
I can share you some good article written about making your website responsive and some tools.</span><br />
<span itemscope="" itemtype="http://schema.org/Blog"><br /></span>
<br />
<div style="text-align: center;">
<span itemscope="" itemtype="http://schema.org/Blog"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQN3i00chhv8puPP_Fq9wAnEjmdO2TDbYEL5QbZsIaDCalPY5VODB4I1WNGz7AWgto9ZbF0wPNQ7_012H7jcmXmAA5LBeYOOwWO0TBR23XPiKhIG5WDi-yQe9Urfx4bj5C2Mq7kdP0z9M/s1600/on+mobile.PNG" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQN3i00chhv8puPP_Fq9wAnEjmdO2TDbYEL5QbZsIaDCalPY5VODB4I1WNGz7AWgto9ZbF0wPNQ7_012H7jcmXmAA5LBeYOOwWO0TBR23XPiKhIG5WDi-yQe9Urfx4bj5C2Mq7kdP0z9M/s320/on+mobile.PNG" width="176" /></a></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td class="tr-caption">on Mobile</td></tr>
</tbody></table>
<span itemscope="" itemtype="http://schema.org/Blog">
</span>First to some good articles about responsiveness.<br />
<span itemscope="" itemtype="http://schema.org/Blog"><span itemprop="text"></span></span><br />
<h4>
<span itemscope="" itemtype="http://schema.org/Blog"><span itemprop="text" style="background-color: yellow;">
 Tutorial 1</span></span></h4>
<span itemscope="" itemtype="http://schema.org/Blog"><span itemprop="text">
</span></span>
<br />
<div>
</div>
<span itemscope="" itemtype="http://schema.org/Blog"><span itemprop="text">
</span></span>
<br />
<div>
<span itemscope="" itemtype="http://schema.org/Blog"><span itemprop="text">In http://learn.shayhowe.com/ i have seen article about RESPONSIVE DESIGN. I really like it because of the simplicity in the article. The article share a responsive website called the <a href="http://foodsense.is/" target="_blank">food sense</a> and
 its performance. It also talk about Flexible Embedded Media, Combining 
Viewport Values, , Viewport Resolution, Viewport Scale, Viewport Height 
& Width, Mobile First, Media Query Browser Support, Orientation 
Media Feature, Aspect Ratio Media Features, Pixel Ratio Media 
Features,Resolution Media Feature,Logical Operators in Media Queries</span></span></div>
<span itemscope="" itemtype="http://schema.org/Blog"><span itemprop="text">
</span></span>
<div>
<span itemscope="" itemtype="http://schema.org/Blog"><span itemprop="text">Flexible Grid and fixed grid.</span></span></div>
<span itemscope="" itemtype="http://schema.org/Blog"><span itemprop="text">
<div>
</div>
<div>
</div>
<div>
<h4>
<span style="background-color: yellow;">
Tutorial 2</span></h4>
</div>
<div>
This article is found in http://alistapart.com and it had about 103 
comments.This article discusses asic things like what is media query 
etc. You can view it here, <a href="http://alistapart.com/article/responsive-web-design" target="_blank">MOBILE TO WEBSITE AND VICE VERSA</a></div>
<div>
</div>
<h4>
<span style="background-color: yellow;">
Other Tutorials</span></h4>
<div>
1. <a href="http://css-tricks.com/css-media-queries/">http://css-tricks.com/css-media-queries/</a></div>
<div>
</div>
<div>
2. <a href="http://dev.opera.com/articles/an-introduction-to-meta-viewport-and-viewport/">http://dev.opera.com/articles/an-introduction-to-meta-viewport-and-viewport/</a></div>
<div>
</div>
<div>
3. <a href="http://www.lukew.com/presos/preso.asp?26">http://www.lukew.com/presos/preso.asp?26</a></div>
<div>
</div>
<div>
4. <a href="http://dev.w3.org/csswg/css-values/#viewport-relative-lengths">http://dev.w3.org/csswg/css-values/#viewport-relative-lengths</a></div>
<div>
</div>
<h3 style="text-align: center;">
<span style="background-color: #6aa84f;">
TOOLS FOR RESPONSIVENESS</span></h3>
<div>
</div>
<div>
<span itemprop="author" itemscope="" itemtype="http://schema.org/Person">You
 need check the responsiveness of your website. For that you have to use
 free responsive checkers available in the internet. For making your 
work easy, i have collected the best free ones and made a list which you
 can access here. </span><br />
<h4 style="background-color: white; border: 0px; clear: both; color: #402f33; font-family: Prociono, Arial, sans-serif !important; margin: 0px 0px 5px; outline: 0px; padding: 10px 0px 0px; position: relative; text-align: center; text-transform: capitalize; vertical-align: baseline;">
<a href="http://blogerdaddy.blogspot.com/2016/01/list-of-top-10-best-responsive-website.html" target="_blank">List Of Top 9 Best Responsive Website / Blog Checkers Online</a></h4>
<div>
Hope you got a clear image about the template and layout of the website. </div>
</div>
<div>
</div>
<div>
The you can get how your website speed distribute in pc as well as mobile by going to this link.</div>
<div>
<h4 style="background-color: white; border: 0px; clear: both; color: #402f33; font-family: Prociono, Arial, sans-serif !important; margin: 0px 0px 5px; outline: 0px; padding: 10px 0px 0px; position: relative; text-align: center; text-transform: capitalize; vertical-align: baseline;">
<a href="http://blogerdaddy.blogspot.com/2016/01/free-online-website-webpage-speed-test.html" target="_blank">Free Online Website / Webpage Speed Test Tool From Google, Yahoo</a></h4>
</div>
</span></span>Hope this helps. Subscribing ship me this for cool posts like this. You can also follow us on fb, twitter and Google plus.<br />
<span itemscope="" itemtype="http://schema.org/Blog"></span><br />
<div>
<a href="http://blogerdaddy.blogspot.com/2016/01/popular-posts-with-automatic-numbering.html"><br /></a>
<a href="http://blogerdaddy.blogspot.com/2016/01/popular-posts-with-automatic-numbering.html">Popular Posts With Automatic Numbering - Bubbles!-Widget</a><br />
<br /></div>
<div>
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-size: x-large;">Click here for blogger tools</a><span itemscope="" itemtype="http://schema.org/Blog"></span><br />
<div>
<br /></div>
<div>
</div>
</div>
</div>

Tips Tools Best Free Tools and Tutorials for making websites / blogs responsive

Responsive design was a term coined by Ethan Marcotte. He have a blog which is the unstoppablerobotninja.com . As you know in he coming ye...

Learn search engine principles

8:29:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img alt="Image result for search engine" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR_91D9hv4fK2Yb-wn6WCub967QMhfC6YQUl8nYBjPqKHJdyEZXkg" /></div>
<br />
To understand <a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">SEO</a> you need to be aware of the architecture of search engines. 
They all contain the following main components:<br />
<br />
   <i>Spider</i> - a 
browser-like program that downloads web pages.<br />
<br />
   <i>Crawler</i> – a 
program that automatically follows all of the links on each web 
page.<br />
<br />
   <i>Indexer</i> - a program that analyzes web pages downloaded by 
the spider and the crawler. <br />
<h4>
<br /></h4>
   <i>Database</i>– storage for downloaded 
and processed pages.<br />
<br />
   <i>Results engine </i>– extracts search results 
from the database. <br />
<br />
   <i>Web server</i> – a server that is responsible 
for interaction between the user and other search engine components. 
<br />
<br />
   Specific implementations of search mechanisms may differ. For 
example, the Spider+Crawler+Indexer component group might be implemented as a 
single program that downloads web pages, analyzes them and then uses their links 
to find new resources. However, the components listed are inherent to all search 
engines and the seo principles are the same. <br />
<br />
   <b>Spider.</b> This 
program downloads web pages just like a web browser. The difference is that a 
browser displays the information presented on each page (text, graphics, etc.) 
while a spider does not have any visual components and works directly with the 
underlying HTML code of the page. You may already know that there is an option 
in standard web browsers to view source HTML code. <br />
<br />
   <b>Crawler.</b> 
This program finds all links on each page. Its task is to determine where the 
spider should go either by evaluating the links or according to a predefined 
list of addresses. The crawler follows these links and tries to find documents 
not already known to the search engine. <br />
<br />
   <b>Indexer.</b> This 
component parses each page and analyzes the various elements, such as text, 
headers, structural or stylistic features, special HTML tags, 
etc.<br />
<br />
   <b>Database.</b> This is the storage area for the data that the 
search engine downloads and analyzes. Sometimes it is called the index of the 
search engine.<br />
<br />
   <b>Results Engine.</b> The results engine <i>ranks</i> 
pages. It determines which pages best match a user's query and in what order the 
pages should be listed. This is done according to the ranking algorithms of the 
search engine. It follows that page rank is a valuable and interesting property 
and any seo specialist is most interested in it when trying to improve his site 
search results. In this article, we will discuss the seo factors that influence 
page rank in some detail. <br />
<br />
   <b>Web server.</b> The search engine web 
server usually contains a HTML page with an input field where the user can 
specify the search query he or she is interested in. The web server is also 
responsible for displaying search results to the user in the form of an HTML 
page.<br />
<br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.com/2015/12/how-to-add-e-mail-subscription-in-blog.html"><br /></a></span>
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.com/2015/12/how-to-add-e-mail-subscription-in-blog.html">How to add E-mail subscription in blog ?</a></span><br />
<br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-size: x-large;">Click here for blogger tools</a><br />
<br /></div>

Tips Learn search engine principles

To understand SEO you need to be aware of the architecture of search engines. They all contain the following main components: Sp...

How to add E-mail subscription in blog ?

12:28:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="date-outer" style="background-color: white; border: 0px; color: #6d6d6d; font-family: 'Titillium Web', sans-serif; font-size: 18px; font-stretch: inherit; line-height: 27px; margin: 0px; padding: 0px; vertical-align: baseline;">
<div class="date-posts" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<div class="post-outer" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<div class="wrapfullpost" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
</div>
</div>
</div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0q7bzEow9OUUjykKrLmrb9PXKW_511X_c_REAShl0M94aUrM0fuu2WM92Qw1PgmIVOAnGmYBBsNX954jIXYLPZh7HmA9FXB98AIGZb0eFvqaeqiJ1NgHi8YbX8lwvHykJcpJCmn4q1Xg/s1600/E-mail.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0q7bzEow9OUUjykKrLmrb9PXKW_511X_c_REAShl0M94aUrM0fuu2WM92Qw1PgmIVOAnGmYBBsNX954jIXYLPZh7HmA9FXB98AIGZb0eFvqaeqiJ1NgHi8YbX8lwvHykJcpJCmn4q1Xg/s320/E-mail.png" width="315" /></a></div>
<div style="text-align: center;">
<br /></div>
<div>
<div class="MsoNormal" style="background: white; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; vertical-align: baseline;">
<span style="border: 1pt none; color: #343434; font-size: 15pt; padding: 0in;"><span style="background-color: cyan;">How To Add Stylish Feedburner Email
Subscription Widget To Blogger?</span><span style="background-color: #e3f0f2;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin: 0in 10pt 0.0001pt 0in; vertical-align: baseline;">
<b style="background-color: white; line-height: 13.5pt;"><span style="border: 1pt none; font-family: inherit , serif; padding: 0in;"><span style="font-family: "times new roman"; font-stretch: normal; line-height: normal;">     </span></span></b><br />
<br />
1. Go To Blogger Dashboard -> Add Gadget -> HTML/JavaScript <br />
<br />
2.        Paste the following code into the box [It's better to add this widget in footer area]<br />
<br />
<blockquote class="tr_bq">
<div id='footer-newsletter-wrap'> <div id='footer-newsletter'> <h2 class='title'>Subscribe to our newsletter<span style='color:#f54000;'>.</span></h2> <span>(Get fresh updates in your inbox. Unsubscribe at anytime)</span> <div class='newsletter-inner'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=Your name", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'> <table> <tr> <td width='100%'> <input class='newsletter-address' name='email' placeholder='Your Email Address' type='text'/> </td> <td> <input class='newsletter-submit' type='submit' value='Subscribe'/> </td> </tr> </table> <input name='uri' type='hidden' value=Yourname'/> <input name='loc' type='hidden' value='en_US'/> </form> </div> </div> </div> <style> .newsletter-inner { margin-top:15px; } .newsletter-inner .newsletter-address{ color:#fff !important; width:100%; font-size:16px; border:0; background-color:#2B4052; padding:20px 0px 20px 25px; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px; } .newsletter-inner .newsletter-submit{ width:100%; margin:0px 0px 0px 29px; border:0; background:#a3d14f !important; color:#1E2D3A; font-size:16px; z-index:0 border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px; font-weight:bold; padding:20px 20px 20px 20px; } .newsletter-inner .newsletter-submit:hover{ background:#93bc47 !important; } .grid a, .grid a:visited {color:#eeeeee} .grid a:visited {text-decoration:underline} .grid a:hover {color:#cccccc} #footer-newsletter-wrap { background:#1E2D3A; margin: 0 0 0 0; padding: 50px 0 60px 0; } #footer-newsletter-wrap a { color:#66665f; } #footer-newsletter { color:#5b5b5e; width: 520px; margin: 0 auto; } #footer-newsletter h2 { margin: 0px 0 10px 0; padding: 0; border-bottom: none; font-weight: bold; text-transform: none; color: #fff; font-size: 26px; text-shadow:2px 2px #151f28; } #footer-newsletter ::-webkit-input-placeholder { color: #fff; } </style></blockquote>
</div>
</div>
<div>
<br />
<br />
<br />
3.        Replace Your name with your feedburner Id <br />
<br />
4.        Save it<br />
<div class="MsoNormal" style="background: white; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 0in; margin-right: 10.0pt; margin-top: 0in; mso-list: l1 level1 lfo1; tab-stops: list .5in; text-indent: -.25in; vertical-align: baseline;">
<b><span style="border: 1pt none; color: #274e13; font-family: inherit , serif; padding: 0in;">      Widget
Installed!</span></b><span style="border: none 1.0pt; color: #6d6d6d; font-family: "inherit" , "serif"; font-size: 9.0pt; padding: 0in;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 0in; margin-right: 10.0pt; margin-top: 0in; mso-list: l1 level1 lfo1; tab-stops: list .5in; text-indent: -.25in; vertical-align: baseline;">
<span style="border: none 1.0pt; color: #274e13; font-family: "inherit" , "serif"; font-size: 9.0pt; padding: 0in;"><br /></span></div>
<div class="MsoNormal" style="background: white; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 0in; margin-right: 10.0pt; margin-top: 0in; mso-list: l1 level1 lfo1; tab-stops: list .5in; text-indent: -.25in; vertical-align: baseline;">
<span style="border: none 1.0pt; color: #274e13; font-family: "inherit" , "serif"; font-size: 9.0pt; padding: 0in;"><br /></span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin: 5pt 0in 7.5pt; vertical-align: baseline;">
<span style="border: 1pt none; color: #343434; font-size: 15pt; padding: 0in;"><span style="background-color: cyan;">How To Add Beautiful Email Subscription
Widget Below Every Posts In Blogger?</span><span style="background-color: white;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="background: white; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; vertical-align: baseline;">
<span style="border: 1pt none; font-family: inherit , serif; padding: 0in;">The same
email subscription widget can be added below every posts in blog which will
give you an opportunity to gain more subscribers to your blog.<o:p></o:p></span></div>
<br />
<br />
1.        Go To Blogger Dashboard -> <a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Template</a> -> Edit HTML <br />
<br />
2.        Search for  ]]></b:skin> and paste the following code before it<br />
<br />
<blockquote class="tr_bq">
.newsletter-inner {<br />
margin-top:15px;<br />
}<br />
.newsletter-inner .newsletter-address{<br />
color:#fff !important;<br />
width:100%;<br />
font-size:16px;<br />
border:0;<br />
background-color:#2B4052;<br />
padding:20px 0px 20px 25px;<br />
border-radius: 0px;<br />
-moz-border-radius:0px;<br />
-webkit-border-radius:0px;<br />
}<br />
.newsletter-inner .newsletter-submit{<br />
width:100%;<br />
margin:0px 0px 0px 29px;<br />
border:0;<br />
background:#a3d14f !important;<br />
color:#1E2D3A;<br />
font-size:16px;<br />
z-index:0<br />
border-radius: 0px;<br />
-moz-border-radius:0px;<br />
-webkit-border-radius:0px;<br />
font-weight:bold;<br />
padding:20px 20px 20px 20px;<br />
}<br />
.newsletter-inner .newsletter-submit:hover{<br />
background:#93bc47 !important;<br />
}<br />
.grid a, .grid a:visited {color:#eeeeee}<br />
.grid a:visited {text-decoration:underline}<br />
.grid a:hover {color:#cccccc}<br />
#footer-newsletter-wrap {<br />
background:#1E2D3A;<br />
margin: 0 0 0 0;<br />
padding: 50px 0 60px 0;<br />
}<br />
#footer-newsletter-wrap a {<br />
color:#66665f;<br />
}<br />
#footer-newsletter {<br />
color:#5b5b5e;<br />
width: 520px;<br />
margin: 0 auto;<br />
}<br />
#footer-newsletter h2 {<br />
margin: 0px 0 10px 0;<br />
padding: 0;<br />
border-bottom: none;<br />
font-weight: bold;<br />
text-transform: none;<br />
color: #fff;<br />
font-size: 26px;<br />
text-shadow:2px 2px #151f28;<br />
}<br />
#footer-newsletter ::-webkit-input-placeholder {<br />
color: #fff;<br />
}</blockquote>
3.        Again search for <div class='post-footer-line post-footer-line-3'> and paste the following code after that line <br />
<br />
<blockquote class="tr_bq">
<div id='footer-newsletter-wrap'><br />
<div id='footer-newsletter'><br />
<h2 class='title'>Subscribe to our newsletter<span style='color:#f54000;'>.</span></h2><br />
<span>(Get fresh updates in your inbox. Unsubscribe at anytime)</span><br />
<div class='newsletter-inner'><br />
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=Your name", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target='popupwindow'><br />
<table><br />
<tr><br />
<td width='100%'><br />
<input class='newsletter-address' name='email' placeholder='Your Email Address' type='text'/><br />
</td><br />
<td><br />
<input class='newsletter-submit' type='submit' value='Subscribe'/><br />
</td><br />
</tr><br />
</table><br />
<input name='uri' type='hidden' value='Your name'/><br />
<input name='loc' type='hidden' value='en_US'/><br />
</form><br />
</div><br />
</div><br />
</div></blockquote>
</div>
<div>
<span style="font-size: xx-small;">    </span><b><span style="font-size: x-small;">   </span></b></div>
<div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin: 0in 10pt 0.0001pt 0in; vertical-align: baseline;">
<br />
4. Again replace Your name with your Feedburner Id <br />
<br />
5.        Save it</div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin: 0in 10pt 0.0001pt 0in; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin: 0in 10pt 0.0001pt 0in; vertical-align: baseline;">
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.com/2015/12/how-to-add-youtube-subscription-in-blog.html">How to add YouTube subscription in blog ?</a></span><br />
<br /></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin: 0in 10pt 0.0001pt 0in; vertical-align: baseline;">
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank"><br /></a></span></div>
<div class="MsoNormal" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; margin: 0in 10pt 0.0001pt 0in; vertical-align: baseline;">
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-size: x-large;">Click here for blogger tools</a><br />
<div>
<br /></div>
<br /></div>
</div>
</div>

Tips How to add E-mail subscription in blog ?

How To Add Stylish Feedburner Email Subscription Widget To Blogger? 1. Go To Blogger Dashboard -> Add Gadget...

How to add YouTube subscription in blog ?

11:42:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguAiW2FjvUZ7CHfIi0g-yRl2LXq7ixPTSeohzQWgHEQgqfaCP_idWmPiCB9yayP2lJ4nPBQB_X2IH0duD7IvojEx2WieU6IhI8JlTzBX6PVYNV6XjXPPH9-3XjUonjXRZhDpq93NlQREc/s1600/Subscribe+YouTube.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguAiW2FjvUZ7CHfIi0g-yRl2LXq7ixPTSeohzQWgHEQgqfaCP_idWmPiCB9yayP2lJ4nPBQB_X2IH0duD7IvojEx2WieU6IhI8JlTzBX6PVYNV6XjXPPH9-3XjUonjXRZhDpq93NlQREc/s320/Subscribe+YouTube.png" width="241" /></a></div>
<br /></div>
<h3 style="background-color: white; border: 0px; color: #161616; font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; letter-spacing: -0.015em; margin: 1.8em 0px 0.455em; padding: 0px; vertical-align: baseline;">
Create a YouTube Subscribe Text Link</h3>
<div style="background-color: white; border: 0px; color: #494949; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 26px; margin-bottom: 26px; padding: 0px; vertical-align: baseline;">
The first way to collect subscribers is through a simple text link. You can include a link within your post text, or create a custom image for your sidebar that matches your blog design. To add a text link, copy the code below and replace the text with your own link text, and username with your own YouTube channel name:</div>
<pre style="background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); color: #494949; font-family: inherit; font-size: 14px; line-height: 26px; margin-bottom: 30px; padding: 10px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><a href="https://www.youtube.com/user/<strong style="border: 0px; font-family: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">YOURCHANNELNAME</strong>?sub_confirmation=1">Subscribe to my channel!</a></pre>
<div style="background-color: white; border: 0px; color: #494949; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 26px; margin-bottom: 26px; padding: 0px; vertical-align: baseline;">
This code will create a link like this: <a href="https://www.youtube.com/user/TheBlogBeautician?sub_confirmation=1" style="border: 0px; color: #dd96b6; font-family: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.3s ease-in; vertical-align: baseline;" target="_blank">Subscribe to my channel! </a></div>
<div style="background-color: white; border: 0px; color: #494949; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 26px; margin-bottom: 26px; padding: 0px; vertical-align: baseline;">
Any user who is not currently subscribed to you will see a popup over your YouTube page asking them to confirm their subscription.</div>
<h3 style="background-color: white; border: 0px; color: #161616; font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; letter-spacing: -0.015em; margin: 1.8em 0px 0.455em; padding: 0px; vertical-align: baseline;">
</h3>
<h3 style="background-color: white; border: 0px; color: #161616; font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; letter-spacing: -0.015em; margin: 1.8em 0px 0.455em; padding: 0px; vertical-align: baseline;">
Create a YouTube Subscribe Image Link</h3>
<div style="background-color: white; border: 0px; color: #494949; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 26px; margin-bottom: 26px; padding: 0px; vertical-align: baseline;">
To use your own image instead of text, use the code below, replacing the username with your own channel name, and the image URL with the URL of your hosted image. Hint: upload it to a place like Photobucket.</div>
<pre style="background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); color: #494949; font-family: inherit; font-size: 14px; line-height: 26px; margin-bottom: 30px; padding: 10px; vertical-align: baseline; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;"><a href="https://www.youtube.com/user/<strong style="border: 0px; font-family: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">YOURCHANNELNAME</strong>?sub_confirmation=1"><img src="<strong style="border: 0px; font-family: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">http://YOURIMAGEURL.com/IMAGE.jpg</strong>" alt="Subscribe"></a></pre>
<h3 style="background-color: white; border: 0px; color: #161616; font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; letter-spacing: -0.015em; margin: 1.8em 0px 0.455em; padding: 0px; vertical-align: baseline;">
</h3>
<h3 style="background-color: white; border: 0px; color: #161616; font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; letter-spacing: -0.015em; margin: 1.8em 0px 0.455em; padding: 0px; vertical-align: baseline;">
Create a YouTube Subscribe Button with Counter</h3>
<div style="background-color: white; border: 0px; color: #494949; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 26px; margin-bottom: 26px; padding: 0px; vertical-align: baseline;">
YouTube also offers a button you can place on your site or sidebar as well which can display your subscriber count.</div>
<div style="background-color: white; border: 0px; color: #494949; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 26px; margin-bottom: 26px; padding: 0px; vertical-align: baseline;">
Go to the <a href="https://developers.google.com/youtube/youtube_subscribe_button#Configure_a_Button" style="border: 0px; color: #dd96b6; font-family: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.3s ease-in; vertical-align: baseline;" target="_blank"><strong style="border: 0px; font-family: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">YouTube Developer page here</strong></a>.</div>
<div style="background-color: white; border: 0px; margin-bottom: 26px; padding: 0px; vertical-align: baseline;">
<div style="color: #494949; font-family: 'open sans', arial, sans-serif; font-size: 14px; line-height: 26px;">
You will see a variety of button types to choose from and a form to input your own channel information. Configure the button however you like and copy the generated code. You can then add this code to your sidebar by creating an HTML/Javascript widget in Blogger or Text widget in <a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">WordPress</a> and pasting it there.</div>
<div style="font-size: 14px;">
<div style="color: #494949; font-family: 'open sans', arial, sans-serif; line-height: 26px;">
<a href="http://blogerdaddy.blogspot.com/2015/12/lovecraft-wordpress-theme.html"><br /></a></div>
<span style="color: #494949; font-family: open sans, arial, sans-serif;"><span style="line-height: 26px;"><a href="http://blogerdaddy.blogspot.com/2015/12/lovecraft-wordpress-theme.html">Lovecraft - A WordPress theme</a></span></span></div>
<div style="color: #494949; font-family: 'open sans', arial, sans-serif; font-size: 14px; line-height: 26px;">
<br /></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal;">
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal;">
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal;">
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span></div>
<div style="color: black; font-family: 'Times New Roman'; line-height: normal;">
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-size: x-large;">Click here for blogger tools</a></div>
<div style="color: #494949; font-family: 'open sans', arial, sans-serif; line-height: 26px;">
<br /></div>
</div>
<div id="___ytsubscribe_0" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px none; color: #494949; display: inline-block; float: none; font-family: 'Open Sans', Arial, sans-serif; font-size: 1px; height: 48px; margin: 0px; padding: 0px; vertical-align: baseline; width: 177px;">
</div>
</div>

Tips How to add YouTube subscription in blog ?

Create a YouTube Subscribe Text Link The first way to collect subscribers is through a simple text link. You can include a link wit...

Best Free Tools and Tutorials for making websites / blogs responsive

Popular Posts With Automatic Numbering - Bubbles!-Widget

Learn search engine principles

How to add E-mail subscription in blog ?

How to add YouTube subscription in blog ?

Popular Posts

COMMENT

Blog Archive