HaCk-A-tHoN

Create Static HTML Design Of your Blogger Template

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img align="left" alt="design blogger template" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkIznksyC3UqdmDKu9p1hJnLZQvMkEelBMghFJANnU2yPS_k8jE73lcze7D3X8VxynBmANnAanNu9oXAin33pfYx6fbjr5O_4TQ6V34bmqkHy0lXVm5fK0kv8z_xcVb1Zz55WQSo1M8VI/?imgmax=800" style="background-image: none; border-width: 0px; display: inline; float: left; padding: 0px 0px 10px;" title="design blogger template" width="334" />This is part 2 of our series "<strong><span style="color: #008040;">XHTML to HTML</span></strong>" . We have already learned how to turn blogspot's layout into blank HTML page but we have no yet shared how to remove the dynamic XML tags alone leaving behind the stylesheet, scripts and html design. In today's tutorial I will try to share the basic way of understanding a websites core structure by identifying the important div sections that make up the structure. I hope you have followed part one of the series and have downloaded your blogspot template. I also assume you have Dreamweaver or <a href="http://www.mybloggertricks.com/2012/06/codelobster-perfect-php-development.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">Codelobster</a> installed on your desktop computers or laptops.</div>
<a href="" name="more" style="background-color: white; color: #0084ce; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; outline: none;"></a><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;"></span><br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;" /><center style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<span style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 10px solid rgb(72, 161, 250); padding: 6px;"><a href="http://contact.mybloggertricks.com/" style="color: #289728; outline: none; text-decoration: none;" target="_blank">Live Demo</a></span></center>
<center style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<span style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 10px solid rgb(72, 161, 250); padding: 6px;"></span></center>
<div align="center" style="background-color: #fff6bf; border: 1px solid rgb(255, 211, 36); color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin: 10px 0px; padding: 20px 10px;">
<span style="color: red; font-size: large;"><strong>XHTML To HTML</strong></span></div>
<div style="background-color: #fff6bf; border: 1px solid rgb(255, 211, 36); color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin: 10px 0px; padding: 20px 10px;">
Part1: <a href="http://www.mybloggertricks.com/2012/10/xhtml-to-html-blogger-template.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">XHTML To HTML: Blogger Template Conversion</a></div>
<div style="background-color: #fff6bf; border: 1px solid rgb(255, 211, 36); color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin: 10px 0px; padding: 20px 10px;">
Part2:<em> </em><strong>Create a HTML Design Of your Blogger Template</strong></div>
<div style="background-color: #fff6bf; border: 1px solid rgb(255, 211, 36); color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin: 10px 0px; padding: 20px 10px;">
Part3: <em>In progress</em></div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Identify the Div Sections</h3>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Div sections are division blocks or containers that hold elements inside it to layout a web page. The <div> tag defines a division or a section in an HTML page. It starts with a <div> tag and ends with a </div> tag.  When a div section is styled, we add the CSS ID or class to it as follows:</div>
<blockquote style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: Verdana; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="padding: 0px 0px 15px;">
<strong>If you want to introduce a class in Div, do this:</strong></div>
<div style="padding: 0px 0px 15px;">
<div <span style="background-color: #f79646;">class="class-name"</span>></div>
<div style="padding: 0px 0px 15px;">
...</div>
<div style="padding: 0px 0px 15px;">
...</div>
<div style="padding: 0px 0px 15px;">
..</div>
<div style="padding: 0px 0px 15px;">
</div></div>
<div style="padding: 0px 0px 15px;">
<br /></div>
<div style="padding: 0px 0px 15px;">
<strong>If the Div section is styled using an ID, it will look like this:</strong></div>
<div style="padding: 0px 0px 15px;">
<div <span style="background-color: yellow;">id="id-name"</span>></div>
<div style="padding: 0px 0px 15px;">
...</div>
<div style="padding: 0px 0px 15px;">
...</div>
<div style="padding: 0px 0px 15px;">
..</div>
<div style="padding: 0px 0px 15px;">
</div></div>
</blockquote>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
In CSS code a class always starts with a dot at its beginning and Id starts with a hash sign as shown below:</div>
<blockquote style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: Verdana; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="padding: 0px 0px 15px;">
<strong>For class:</strong></div>
<div style="padding: 0px 0px 15px;">
.class-name {</div>
<div style="padding: 0px 0px 15px;">
---</div>
<div style="padding: 0px 0px 15px;">
---</div>
<div style="padding: 0px 0px 15px;">
-</div>
<div style="padding: 0px 0px 15px;">
}</div>
<div style="padding: 0px 0px 15px;">
<br /></div>
<div style="padding: 0px 0px 15px;">
<br /></div>
<div style="padding: 0px 0px 15px;">
<strong>For Id:</strong></div>
<div style="padding: 0px 0px 15px;">
#id-name {</div>
<div style="padding: 0px 0px 15px;">
----</div>
<div style="padding: 0px 0px 15px;">
--</div>
<div style="padding: 0px 0px 15px;">
--</div>
<div style="padding: 0px 0px 15px;">
}</div>
</blockquote>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Now when you have understood what a Div section is, you will be able to identify these slices (div) that define your overall blog layout.</div>
<ol style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<li>View your blog either in Firefox or Chrome. I prefer Firefox</li>
<li>On an empty section (<em>the background</em>) of your blog right click and choose "Inspect Element"</li>
</ol>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img alt="inspect element" border="0" height="495" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS0GMnyG_do9nHnRomYQMhUJMlUMLlbMGxUf1lx1JFFfBU-5OiRwDrpgYoMf7Li6e8OvzppONjqVQxzSy-2aoaXxSlVhpobfKoaF6_BqzhoFIItVQYkVSqcz6m2U8mv70C_pBOU76FZyo/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 0px 0px 10px;" title="inspect element" width="249" /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
    3. Two windows will open. The bottom window will highlight the core HTML of the blog and the area on your right highlights the CSS.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img alt="firefox inspect element" border="0" height="327" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1HIoAkvMysa1Pxknou8U_p0f6wQsS3aCO6AlRLzWommhppH0MPhAg1VW1T6CCPFtSBHUvG_9Tj4ORNPF8nXxiSFSlETmM2wNI79lMV1DFYbR6L5_0GGZ3kJgZwb6goCQSS-4tdmEomtQ/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 0px 0px 10px;" title="firefox inspect element" width="596" /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
In the HTML section you will see important div sections. If you click any div tag, all html inside it will expand and when you click back it will contract. The important thing to note is what section is highlighted on your blog when you click a div. Note down that section for that particular div and save it in a notepad. Start from Divs at the top to divs at bottom. Go in sequential order.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
For example if I click on the div tag for mbt highlighted below as <strong><div id="wrap"></strong>  the entire container holding all the blog contents except the <a href="http://www.mybloggertricks.com/2011/12/stickybar-with-facebook-like-and-google.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">top-sticky-bar</a> are highlighted. That's how I identified what this div does and what sections can be styled using it.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img alt="highlighted div section" border="0" height="697" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNUs6KWUFNqX2XW0kYEqjvRYIi_NvuL5n4CW-X04vbHclhnag4JPTwTSZahXzb4LKrZbP-mzl0bYKkS0CzzLI-63N-tfdBkYxMLypahY6CYpCLZMkVxk8Qgc2iG5cFSnOIceYfb6H1ZgE/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 0px 0px 10px;" title="highlighted div section" width="503" /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Use the same method to identify the divs for Header, Navigation, Post container, Sidebar Container and finally the footer. The divs must go in order and keep track of which div is nested under another div. For example in my case the navigation, header, post body and sidebar all comes under the wrap div. So I will insert the remaining divs inside it.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
This may sound a little techy for people not familay with HTML tag priorities but for developers who wish to understand how to create a clone design the method above can't be more clear than this.</div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Remove the Dynamic Tags</h3>
<ol style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<li>Use Dreamweaver or Codelobster to open the xml file you downloaded</li>
<li>Find each div tag and edit the code inside each one of them.</li>
<li>For example for the outer-wrapper div tag I delete the div tags for post body and sidebar leaving the entire area vacant and then I add the contact form inside it. Visit our <a href="http://contact.mybloggertricks.com/" style="color: #289728; outline: none; text-decoration: none;" target="_blank">contact page</a> to see the wide area with no sidebars and post-section.</li>
</ol>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<img alt="identify the nested div containers" border="0" height="439" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJh2QxTng58NwU224G3hwWVJeHnEoIZUAY9rFnryK_MjT18-xLtvWOKjqtQQ5lE7wVqYXkWXMz5fToV1I-jx9y9KWfXU1Zzl2Ftg2BhFYm83v1p-Wy51_1CkG3jFRUtlZ6g2VftLMF5dw/?imgmax=800" style="background-image: none; border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding: 0px 0px 10px;" title="identify the nested div containers" width="600" /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
The dynamic code is easy to identify because all widgets have this basic structure:</div>
<blockquote style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: Verdana; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="padding: 0px 0px 15px;">
<span style="background-color: #f79646;"><b:section ........................></span><br /><span style="background-color: yellow;"><b:widget ......................................../></span></div>
<span style="background-color: yellow;"><b:widget ......................................../> </span><span style="background-color: yellow;"></span></blockquote>
<blockquote style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: Verdana; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<span style="background-color: yellow;"><b:widget ......................................../> <div style="padding: 0px 0px 15px;">
<br /></div>
<span style="background-color: #f79646;"></b:section></span></span><div style="padding: 0px 0px 15px;">
<br /></div>
</blockquote>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
A widget container is initiated using the b:section tag and widget content is initiated using the b:widget tag. Find them all and replace the b:section tags with static div tags like the following:</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
<br /></div>
<blockquote style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: Verdana; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="padding: 0px 0px 15px;">
<span style="background-color: #f79646;"><div ........................></span></div>
<div style="padding: 0px 0px 15px;">
<span style="background-color: #f79646;"></span><br /><span style="background-color: yellow;">Delete all code inside B:widget tags found here</span></div>
</blockquote>
<blockquote style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: Verdana; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<span style="background-color: yellow;"><div style="padding: 0px 0px 15px;">
<br /></div>
<span style="background-color: #f79646;"></div></span></span><div style="padding: 0px 0px 15px;">
<br /></div>
</blockquote>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Once you are done with this, you will find your template looking neater and getting in shape if you are using code lobster or dreamweaver. It took me 4 hours to clean up MBT's code so it should not take you long. Its lengthy process but extremely interesting and worth trying. Once you have learnt how to do this, in our next part, I will teach you how to add a PHP contact form inside the Cloned Blogger template that looks exactly like the original blog, giving the user a great experience. </div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
I know you have tons of questions!</h3>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
Of course this method is a little techy for newbies and would have given a headache to most of you but you may not panic and just post me a comment. I will be at your service. I reply late but I do reply! =)</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;">
I wish this tutorial may help you better understand the possibilities of customizing the Google hosted free blogs. There is no end to Blogger customization and you must try every possible tutorial that comes along your way because only Blogspot layouts can turn you into a brilliant web developer. Peace and blessings buddies. :)</div>
</div>

CSS and HTMLTricks Web Designing Create Static HTML Design Of your Blogger Template

This is part 2 of our series " XHTML to HTML " . We have already learned how to turn blogspot's layout into blank HTML page...

Should You Remove Backlinks to avoid Penguin Penalty?

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="background-color: white; clear: left; color: #333333; float: left; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Google Penguin" border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRuce4BYnl2Nnhyli8DFPXYpsVxVeuo4DfAFWAn_7QrNipPnRw1c-ZTkcqQ-F6bfa0jUWfglUSR9rw2YYFWOH-UKrOgvXmYOqpCeFWKzU0UCLb6NfJCRQzkr8F-cu53t3VCYiYOIZqpyns/s320/Google+Penguin.jpeg" style="padding: 10px;" title="Google Penguin" width="320" /></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;"></span><br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;" /><div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<a href="http://www.mybloggertricks.com/2012/05/google-penguin-and-google-panda-penalty.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">Google Panda and Penguin</a> have been some of the most infamous algorithmic updates Google has ever made. They have effected tonnes of websites and blogs, and are still working to devour any website with malpractice that comes their way. We have many times discussed about how to <a href="http://www.mybloggertricks.com/2012/05/top-10-seo-strategies-to-protect-your.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">avoid penalty from such algorithm updates</a>. And in them, we have talked a lot about Google's interest in you links, out bound and incoming both. It's common knowledge that Google is now concentrating a lot more on the quality of the links than on the quantity. So a common question easily arises: If you are hit by a penalty, does it help to remove your backlinks?</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
</div>
<a href="" name="more" style="background-color: white; color: #0084ce; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; outline: none;"></a><h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Penalty?</h3>
<br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;" /><div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
It's widely conceived that Google not only rates your incoming backlinks, but also your outgoing backlinks. If either of those are low quality, then Google delivers a penalty. Well, this is quite correct. Google is a lot touchy about quality these days. But will removing your backlinks life the penalty?</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
First thing's first, it's important to establish whether you've been penalized or not. Strictly speaking, Google Panda and Penguin are algorithm updates. This means that with them, Google changes the way it rates and ranks websites, and how it perceives links. While minor updates are of no concern to webmasters, it's the major overhauls that derail a traffic. But when this happens, it's actually not a penalty. A penalty is when Google takes some manual action against your site. These updates just make Google take a different route, and your  website might not be near that one. But that doesn't mean you've been penalized, you've just been side-stepped. </div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
To check whether you've been penalized, you should consult with SEO forums, such as SEOchat, to see if Google has rolled out any update. If that happens, you will have to adopt a different strategy from when you've been penalized.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Recommended for you: <a href="http://www.mybloggertricks.com/2012/05/how-to-identify-seo-over-optimized-blog.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">How To Recognize SEO Over Optimization Which Causes Penalty</a>?</div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Is removing backlinks the way to go?</h3>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
If you've been penalized, then you will find your Webmaster Tools filled with messages containing information regarding the violations on your site. Start with those first. If there is a message about linking out too much, then you should remove them at once, and file a <a href="http://www.mybloggertricks.com/2012/10/website-reconsideration-request.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">reconsideration report</a>.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
A lot of the times, it's about the backlink ratio. Giving out too much backlinks while having a very few in returns is one way to catch Google's attention. If you've been hit by an update, but you have a reasonable backlink ratio, then you might look into other stuff. Otherwise, you can start removing those links now which you think are low quality.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
However, it's worth noting that removing these links isn't very important. What's more important is that, you don't create them in the first place if you think they are against the <a href="http://www.mybloggertricks.com/2012/10/google-crawling-and-indexing-tips.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">best practices</a>. An algorithmic update, after all is about long-term changes. And it is better to mold your website into it then to try to bend it. So stop wasting your time trying to find backlinks to remove, and just concentrate on what you'll have to do for now. All the best :)</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
</div>

Blogger Tricks Google SEO Should You Remove Backlinks to avoid Penguin Penalty?

Google Panda and Penguin have been some of the most infamous algorithmic updates Google has ever made. They have effected tonnes of we...

Use Google's Link Disavow Tool To Remove Bad Links

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="background-color: white; clear: left; color: #333333; float: left; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="Disavow Links" border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwWVIjPlk1Rrlj245uPqyDAH2UsnhY-Bmv4sce1yE4_r_Aop3lAXO6Gef_XqZfeMxkgbxSojuFNWufnqp0kNCnFafMEMEiDlX4lCMipUiT9iXAfCQZ69fxPgBZ1x00CqO_InJLatgvHxgF/s320/Disavow+links.jpg" style="padding: 10px;" title="Disavow Links" width="320" /></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;"></span><br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;" /><div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Yesterday, we talked about<a href="http://www.mybloggertricks.com/2012/10/remove-backlinks-to-avoid-penguin-penalty.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">whether or not bad links on your site are worth deleting</a>. The simple answer to the question was, you might as well do it, but it'll be better to adjust your website, rather than trying to bend it. If you've been manually penalized, then this step becomes more or less necessary. But what about the links <i>to</i> your website, which aren't in your control? Luckily, Google has now <a href="http://googlewebmastercentral.blogspot.com/2012/10/a-new-tool-to-disavow-links.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">released</a> a <a href="https://www.google.com/webmasters/tools/disavow-links-main?pli=1" style="color: #289728; outline: none; text-decoration: none;" target="_blank">link Disavow tool</a>, which will solve such problems. Quite simply, any unnatural links to your site can be disinherited, or 'disavowed', hence preventing Google from considering them.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
</div>
<a href="" name="more" style="background-color: white; color: #0084ce; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; outline: none;"></a><h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Before using</h3>
<br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;" /><div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
When your website has been manually penalized, you will receive a bunch of messages in your Webmaster Tools, specifying links which look suspicious. You should take your time, and remove as many of them as possible.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
If those links are located on another website, you must first contact the site owners, and request a removal of bad links to your website. You should use the disavow links tool only if you don't get any response from the site owners.</div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
How to disavow links?</h3>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Simply log into your Google Webmaster Tools account, and visit <a href="https://www.google.com/webmasters/tools/disavow-links-main?pli=1" style="color: #289728; outline: none; text-decoration: none;" target="_blank">Google's Link Disavow tool</a>. Select a domain from the list, and click on <b>Disavow links</b>. Don't worry, this won't do anything. It will just start the process.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: center;">
<img alt="Google Disavow Links Tool" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPHA2V3LiSCh5novjODAbiskY_F4c3poETf4BFNryR7Zzy41eYxrPsLmY_sSyN1agiceV4_wA7RVEbTxhK8tiVE06tdI-ungsAieEQJ9zG1dfYa5QeiKw7ECYrVWCcpb0osyuMMu0M75fp/s1600/disavow+links+tool.png" style="padding: 10px;" title="Google Disavow Links Tool" /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Now, you will be prompted to upload a text file containing a list of all the URL's or domains you want to block out. For whole domains, the format will look like this. domain:example.com. For single links, you can simply put in the full URL. Here is a sample text file from Google.</div>
<blockquote class="tr_bq" style="background-color: #f2f1f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigCyF5wrcnYywzvGZFOpnIlcOGMQFbIdupRMjNpD35SGrSVYDThGhhyphenhyphenck1-Nkxp6foTzEEvAIFqbfYglXFZOXEVWjQQuVR3FZtYPiLsd_cDJtql5c8uPvDHz6GDHkQTizCMDLbiWt4NBE/s400/quote1.gif); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; color: #333333; font-family: Verdana; font-size: 0.9em; line-height: 1.3em; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div dir="ltr" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<b id="internal-source-marker_0.5644214933272451" style="font-weight: normal;"><span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"># Contacted owner of spamdomain1.com on 7/1/2012 to</span></b></div>
<b id="internal-source-marker_0.5644214933272451" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal;"></b><span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px;"></span><br style="background-color: white; font-family: Arial, sans-serif; font-size: 13px;" /><div dir="ltr" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<b id="internal-source-marker_0.5644214933272451" style="font-weight: normal;"><span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"># ask for link removal but got no response</span></b></div>
<b id="internal-source-marker_0.5644214933272451" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal;"></b><span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px;"></span><div dir="ltr" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<b id="internal-source-marker_0.5644214933272451" style="font-weight: normal;"><span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">domain:spamdomain1.com</span></b></div>
<b id="internal-source-marker_0.5644214933272451" style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal;"><div dir="ltr" style="margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"># Owner of spamdomain2.com removed most links, but missed these</span></div>
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">http://www.spamdomain2.com/contentA.html</span></div>
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">http://www.spamdomain2.com/contentB.html</span></div>
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 36pt; margin-top: 0pt;">
<span style="font-family: 'Courier New'; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">http://www.spamdomain2.com/contentC.html</span></div>
</b></blockquote>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Note: Every different link or domain must be on a separate line. And lines that start with a # aren't counted. You can only upload one file of maximum 2 MB size.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
If you need a hand looking for bad links to your site, it'll probably be best to check out Who Links To Your Site in Google Webmaster Tools. Simple go into Traffic >> Links To Your Site >> Who Links The Most >> More. There, you will see a download button where you can download a file containing all links to your site.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
When you tell Google to disavow your links, the changes may not be immediate. It could take some time before those links are considered as useless by Google. And Google might not even consider the links you submit if it doesn't trust your submission. Also, if you make a mistake, it might take weeks to rectify, so be careful.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Hope I made myself clear. If there are any confusions, do let us know in the comments below.</div>
</div>

Google SEO Webmaster Tools Use Google's Link Disavow Tool To Remove Bad Links

Yesterday, we talked about whether or not bad links on your site are worth deleting . The simple answer to the question was, you might ...

Get Extra DropBox Space With Space Race

Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="separator" style="background-color: white; clear: left; color: #333333; float: left; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img alt="DropBox Space Race" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIAZx26Y8c9PLBqG0QfKFnLr_4AQNCMpePDTsX6nzJ-Gq1VF9nQ4_XwdqhabWRUrcmG-dmNgBLr9m8ahGNxJlcWPDGx31jrPzTWD6bKW7IHlUa4pIoKvmVR_mqFJNNdH4S8d0oEw8GpALK/s320/Space+Race.jpg" style="padding: 10px;" title="DropBox Space Race" width="320" /></div>
<span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;"></span><br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;" /><div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
Have you heard about the <a href="https://www.dropbox.com/spacerace?r=NTc2ODM1Mjc4OQ" rel="nofollow" style="color: #289728; outline: none; text-decoration: none;" target="_blank">DropBox Space Race</a>? No, it isn't the moon related thingy. Rather, it's perhaps more exciting to those of us who're more into the web and '<a href="http://www.mybloggertricks.com/2012/09/manage-all-cloud-apps.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">the cloud</a>' and stuff. The Space Race is a new initiative by <a href="http://www.mybloggertricks.com/2012/09/enhance-dropbox-security.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">DropBox</a>, encouraging students to use their school/college email addresses, and get more space out of their DropBox accounts! You can sign up, or connect your college email address with your current account, and instantly get 3 GB of space! So if you have an email address that ends in .edu (eg, yourname@domain.edu), then you might as well use it to earn more space!</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
</div>
<a href="" name="more" style="background-color: white; color: #0084ce; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; outline: none;"></a><h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
How does it work?</h3>
<br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px;" /><div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
(Note: even if you have a custom top level domain extension, such as .edu.us or .edu.pk, this trick will still work)</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
DropBox has its origins in college, which is why it is always so supportive of students. This is in fact a move to get students to collaborate more on DropBox. And of course, the concept of referrals is stronger than ever. Here's how it works.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
When you connect your college email, you get an instant 3 GB space for 2 years. And if you register for the Space Race and then go through the Get Started guide (if you already don't use DropBox), then your college will get three points. Refer more people, and get the standard 500 MB per referral. In addition, the more classmates you rally, the more points your college will get, and the more storage you will get up-to 25 GB!</div>
<h3 style="background-color: white; border-bottom-color: rgb(0, 128, 255); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(0, 128, 255); border-top-style: dotted; border-top-width: 1px; color: #0080ff; font-family: Verdana; line-height: 20.796297073364258px; padding: 3px;">
Get started</h3>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
To start off, visit the <a href="https://www.dropbox.com/spacerace?r=NTc2ODM1Mjc4OQ" rel="nofollow" style="color: #289728; outline: none; text-decoration: none;" target="_blank">DropBox Space Race</a>, and enter your college email address. Click on <i>Send Notification Email</i>.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: center;">
<img alt="DropBox Space Race" border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6IExXBn1ggcDscpYteDgnYTo24WzWvYL0ot2wUMBzFqx98SwZq8NmyAePSLu8j0Xi7JsYxhZyohFxKNZSxvR2oDIkSgBs9Qkl89tSlht560EKWwSzbT9sePQ-RQP6AaCfb9whFiDnOlu9/s400/DropBox+Space+Race.JPG" style="padding: 10px;" title="DropBox Space Race" width="400" /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
You will be sent an email on your college email account, and when you confirm the link within, you will get 3 GB free storage instantly!</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
And if more of your classmates join, your college will make the next levels, and you all will get free extra storage up to 25 GB. Cool, huh?</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
With DropBox, you can do all sorts of stuff. You can share folders and work collaboratively, teachers can assign homework and students can submit it, you can use it to <a href="http://www.mybloggertricks.com/2012/10/share-dropbox-files-on-facebook.html" style="color: #289728; outline: none; text-decoration: none;" target="_blank">share files on Facebook</a>, you can use DropBox to host a simple website, and what not. DropBox and its apps are the tools, and the sky's the limit. So become a Space Racer now, and earn free space!</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
<br /></div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 13.333333969116211px; line-height: 20.796297073364258px; text-align: justify;">
If you still have a confusion, feel free to ask. For more information, check out <a href="https://www.dropbox.com/spacerace/terms" style="color: #289728; outline: none; text-decoration: none;" target="_blank">DropBox TOS</a>.</div>
</div>

Blogger Tricks News Tech info Get Extra DropBox Space With Space Race

Have you heard about the DropBox Space Race ? No, it isn't the moon related thingy. Rather, it's perhaps more exciting to thos...

How To Create an EBook of your Blog Posts?

Unknown 0

Blogger Tricks Fun How To Create an EBook of your Blog Posts?

Writing is one of the most important part of blogging. A blog is nothing but a sequential order of your writings online, available to a...

HaCk-A-tHoN

Create Static HTML Design Of your Blogger Template

Should You Remove Backlinks to avoid Penguin Penalty?

Use Google's Link Disavow Tool To Remove Bad Links

Get Extra DropBox Space With Space Race

How To Create an EBook of your Blog Posts?

Popular Posts

Labels

Blog Archive