tag:blogger.com,1999:blog-43866818185331287402024-02-19T02:40:12.758-08:00Blastism Blastism give you blogger codes, tutorials with easy to implement widgets, tips, tricks and tools in your html your blog with blogspot.ateeqfbr@gmail.comhttp://www.blogger.com/profile/12545389050450581840noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-4386681818533128740.post-22447444509261266272016-02-05T14:28:00.000-08:002016-02-05T14:28:03.774-08:00New Sitemap XML Standard on Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
This is a surprise that I found by chance. For you see that you also type the main <b>URL</b> of your blog in the address bar of your browser and add <span style="color: red;">/robots.txt</span>. What you're seeing is the text file that originally used for web crawlers do not visit certain pages of your site. Its primary mission is to tell the spiders which pages can recover (<span style="color: red;">Allow</span>) and what to avoid (<span style="color: red;">Disallow</span>).<br />
<br />
If you have not customized your robots.txt from the option to search engines <span style="color: red;">Preferences control panel</span>, what should I leave today day will be something like this: </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjKByZJRWwQoCx514jWxyXxkUGGAbwjleUvF29rHrd-0WVdUT5hSklDMIo8zCknFfhZ-vD_9ZfK00sVl1yvU4tgP9RIajMZ4T4rKRKrUZfZqbP77PL4ZlRxzWx1k2_d41_jxyOzyHfPM1H/s1600/custom+robotxt+for+blogger.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="robots.txt" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjKByZJRWwQoCx514jWxyXxkUGGAbwjleUvF29rHrd-0WVdUT5hSklDMIo8zCknFfhZ-vD_9ZfK00sVl1yvU4tgP9RIajMZ4T4rKRKrUZfZqbP77PL4ZlRxzWx1k2_d41_jxyOzyHfPM1H/s1600/custom+robotxt+for+blogger.PNG" title="robots.txt for blogger seo" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Here you can see which indicates that not be indexed addresses that include the parameter / search and how conversely, yes that must retrieve all hanging in the main (domain/) (Except for the above, of course).</div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
The new Sitemap</h2>
</li>
</ul>
<div style="text-align: justify;">
But the interesting thing we see there and it was not before, is the address at the end with the extension <b>.xml</b> and tells <b>crawlers</b> which direction <b>our sitemap</b>, a kind of map with which to help you to find every corner of our website. It really is a list of all pages of the site (<b>unique addresses</b>) which also includes some important data such as date of update. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
With these data the search engines will know, as an index, such as the organization of content to crawl more efficiently. Therefore, submit your <b>sitemap</b> to various search engines is an important part of optimizing your website because not only you will facilitate you to easily find all the pages published, but also be downloaded faster when these change. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Well, although I have not seen advertised, I think we all now have one. Mine is updated as webmaster tools on 16 December last, so you should not have much time to the invention.</div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Add the New Sitemap to Webmaster Tools</h2>
</li>
</ul>
<div style="text-align: justify;">
Webmaster Tools there is a section dedicated to the <b>sitemaps</b> that allows us to ensure that Google receives all the information that contains such files properly. But be careful with what is meant, that "<b>receive</b>" is not the same as "<b>indexing</b>" and while it is convenient to do so, does not guarantee anything. To add this new we now just have to enter there, select page for you are going to send the <b>sitemap</b> (<span style="color: #444444;"><u>if you have several</u></span>) and within the flyout find the option that name in the section trace.</div>
<div style="text-align: center;">
<b> IMAGE ONE</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioIDseo6VWHo2rICELdcwF6A9vXIKPHMOTrC9UPgFBO2c17hVMAU_KdL8OPHaund3Ra09miJlet3_BZiMRw6SHfUvmJUEflDwcQO741LSxwhxyrBy9zSKA2IRqvKOk4Qn2Ss-bcyRvIY_0/s1600/add+sitemap+in+blogger+image+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioIDseo6VWHo2rICELdcwF6A9vXIKPHMOTrC9UPgFBO2c17hVMAU_KdL8OPHaund3Ra09miJlet3_BZiMRw6SHfUvmJUEflDwcQO741LSxwhxyrBy9zSKA2IRqvKOk4Qn2Ss-bcyRvIY_0/s1600/add+sitemap+in+blogger+image+1.png" width="400" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<b> IMAGE TWO</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpVNWi9lhYMuDE2eQq-H0ePHPly-7DkSfQDiZLcS2FMhvcJ1uh8EP8PamkQ5lW_1JBJrxHZV5Xhq6U6uFjHvnd7VjKP2hoXddzKcG6TwnIWQj3Q_X_yS6sRyNiP7jMJ0uVRcab6x5_e4vt/s1600/add+sitemap+in+blogger+image+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpVNWi9lhYMuDE2eQq-H0ePHPly-7DkSfQDiZLcS2FMhvcJ1uh8EP8PamkQ5lW_1JBJrxHZV5Xhq6U6uFjHvnd7VjKP2hoXddzKcG6TwnIWQj3Q_X_yS6sRyNiP7jMJ0uVRcab6x5_e4vt/s1600/add+sitemap+in+blogger+image+2.png" width="400" /></a></div>
<div style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Once there you click on the button Add or try <b>sitemap</b> and the "<b>sitemap.xml</b>" tecleais popup, because all the files with the same name and only change the primary domain and goes automatic.<br />
<br />
With Send <b>sitemap </b>already have everything done and we can only hope to pass spiders; sometimes hours, sometimes one day to another.<br />
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
To combine The Atom format and XML</h2>
</li>
</ul>
<div style="text-align: left;">
Maybe in Webmaster Tools you may have mounted before an Atom system that also serves as <b>sitemap</b>, built with successive chains how are you (*)<br />
<code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/atom.xml?redirect=false&start-index=1&max-results= 500</span></code><code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/atom.xml?redirect=false&start-index=501&max-results=500</span></code><code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/atom.xml?redirect=false&start-index=1001&max-results=500</span></code></div>
(*) Each line serves only to 500 entries.
<br />
<div style="text-align: left;">
<br />
That's all we had in <b>Blogger</b> so far and so I suppose many will have it already. In any case it does not hurt to add both formats. The main difference between those with <span style="color: #444444;">XML</span> and <span style="color: #444444;">RSS</span> / <span style="color: #444444;">ATOM</span> is the first detailed all <span style="color: red;">URL's</span> inside a site while the latter typically include only those with date latest update. Therefore some serve to provide complete information travels over from time to time and other help to the most recent changes are <b>updated</b> before. </div>
<br />
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Indexing Sitemaps</h2>
</li>
</ul>
<div style="text-align: left;">
One last thing. If you have many entries is possible that your <b>sitemap has</b> been divided into several pages and then not see it directly the relationship of all your URLs. In that case what you see will be a Sitemap index or ratio of <b>sitemaps</b> partial, within each of which yes you can see all the published articles:3<br />
<code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">http://www.blastism.com/sitemap.xml?page=1</span></code><code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">http://www.blastism.com/sitemap.xml?page=2</span></code><code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">http://www.blastism.com/sitemap.xml?page=3</span></code> </div>
etc.
<br />
<div style="text-align: left;">
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-59082152974158988032016-02-05T14:27:00.005-08:002016-02-05T14:27:58.722-08:00Blast Mag MultiPost Responsive Blogger Template<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="color: #666666;">Blast Mag Blogger Template is 100% fully Responsive Template. BlastMag Looks Like Blastism Blog Design Blogger Template. It is Magazine and Technology Based Blogger Template. This Theme is very ideal for Tech Geeks and for those how desires to run Technology & Software Based Blog/Site. BlastMag Template can be used for niches Software sites as well as for personal blog. The very first responsive software, freebies magazine blogger template that comes with lot of dynamic features.</span></div>
<div style="text-align: justify;">
</div>
<a href="https://www.blogger.com/null" name="more"></a><br />
<div class="demotab">
<a class="demo-buttons" href="http://blastmagtheme.blogspot.com/" target="_blank">Live Demo</a><br />
<br /></div>
</div>
<h2 style="text-align: center;">
<b>Features of Blast Mag MultiPost Responsive Blogger Template </b></h2>
<div style="text-align: justify;">
<span style="color: #666666;">100% Responsive Mobile Layout: Like our previous Icon Mag Blogger Template blast is the next fully responsive template that response quickly on every screen resolutions. This theme will give perfect resolutions on mobile, tablet and ipad screen. All Possible Media Queries are included for responsiveness. </span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;"><span style="color: #3d85c6;"><b>Blast Mag Blogger Layouts:</b></span></span> <span style="color: #666666;">Blast Mag Blogger Template comes in two different layouts interface like Blastism Theme. With one layout you will get multi ads and multipost slots like above fold, one sidebar, two above bottom. This version is available in blue layout interface. This version is very suitable for technology based sites. </span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: #666666;"><b><span style="color: #3d85c6;"><span style="font-family: "verdana" , sans-serif;">Ads Ready:</span></span> </b>Since Blast Mag is ads ready and multipost blogger template like DesiWow. Therefore we have integrated multiple ads slots for advertisement like google adsense, chitika, buysellads etc. We have grabbed the best premium impressions slots for advertisement. This will dramatically increase your adsense, buysellads or any other advertisement revenue. You can easily add the advertisements banner or coding inside any slot. Since if anyone face problem in adding advertisement codes check documentation file or contact us. </span></div>
<div style="text-align: justify;">
<span style="color: #666666;"></span></div>
<blockquote class="tr_bq">
<div style="text-align: justify;">
<span style="color: #666666;">We Hope you have found Blast Mag MultiPost Blogger Template is very helpful for your next creative Blog/Site. We have tried our best to make this theme very helpful for tech geeks and blogger. We appreciate your queries for any help regarding to BlastMag. If anyone found bug or facing any issue kindly let us know through comments or You can contact our team for faster support via contact us page.</span></div>
</blockquote>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-88746828696217880042016-02-05T14:27:00.004-08:002016-02-05T14:27:52.036-08:00Optimize Images in Blogger to Improve positioning SEO<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyV5JrkxAMWUFvB1xYMO0DsrjE5bzTZEjvvSNeue6RD1dqfFKsD3k7I87xKU2O_aKp_wpgtb2O_GXFqSl5IkGL5P9Ms9UtVBMNcL4pZRR5Z9o9iUmx-X7NwYJCI3RAkBnU9frbwIG1Z6D/s1600/Optimize+Images+improve+blogger+seo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="optimize images to improve blogger seo" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyV5JrkxAMWUFvB1xYMO0DsrjE5bzTZEjvvSNeue6RD1dqfFKsD3k7I87xKU2O_aKp_wpgtb2O_GXFqSl5IkGL5P9Ms9UtVBMNcL4pZRR5Z9o9iUmx-X7NwYJCI3RAkBnU9frbwIG1Z6D/s1600/Optimize+Images+improve+blogger+seo.png" title="optimize images to improve blogger seo" width="400" /></a></div>
<div style="text-align: justify;">
Today, post topic: optimize images in google search engine get top result and improve positioning SEO.The images you add to your blog offer you the opportunity to substantially increase traffic from search engines. If when you insert an <b>image</b> you follow the advice I propose, you will achieve significantly increase the number of visits. In the early Internet was <b>unimaginable using large images</b>, computer graphics or videos, we lived in a world dominated by <b>text mode</b>. A major cause was techniques for processing large amounts of information as limitations.</div>
<br />
<div style="text-align: justify;">
In the current era we are at the opposite end: the systems tend to use more and more images, and advocacy. There are specific search engines for images (such as <b>Aol, Google,</b> <b>Bing</b>, <b>Yahoo</b>), you may have noticed that most applications are designed to ensure that information reaches you with images. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Blogs are no exception to this trend, increasingly we include more images and videos to capture users attention. Therefore, if you learn to <b>optimize images for your blog</b> for search engines, you'll be ahead of those who still do not have.</div>
<br />
<blockquote class="tr_bq">
The social network <a href="http://en.fotolia.com/" target="_blank">Fotolia</a> born in <u><i>2004</i></u> with the idea of <b>sharing images</b>, today it is one of the most prolific <b>social networking</b>. In fact, if you have a blog in which the images is your main base, this network can capture much more traffic than others.</blockquote>
<h2 style="text-align: left;">
1. The File Name</h2>
<div style="text-align: justify;">
The file name of the <b>image is one</b> of the parameters used by search engines to locate it. When you decide on an image for your blog, download it to your computer and rename it to <b>contain the keyword </b>you want to position. Never make use of it directly with a <b>link from another blog</b> or page.</div>
<br />
<h3 style="text-align: left;">
Follow these tips:</h3>
<ol style="text-align: left;">
<li>It should be a summary of what <b>the image</b> represents</li>
<li>It should contain the <b>keyword</b></li>
<li>Use a hyphen to separate words (file-name)</li>
</ol>
<blockquote class="tr_bq">
Suppose you want to upload an <b>image</b> of a recipe for "<span style="color: orange;"><a href="http://allhealthyrecipes.blogspot.com/2014/01/how-to-make-chicken-manchurian.html" target="_blank"><span style="color: orange;">healthy chicken manchurian</span></a></span>" in your cooking blog, the first thing you do is copy it from the camera, which will have an illegible name like "<span style="color: red;">Image-003974.jpg</span>". The edit with your favorite program, the dimensionas the <b>size you need</b> for your blog and once done put him as the file name "<span style="color: red;">Blastism-Image.jpg</span>". </blockquote>
<h2 style="text-align: left;">
2. Weight or Size</h2>
<div style="text-align: justify;">
For positioning, the loading time of the page is an important factor, so the more light will be your best images. The best option is to compress the image, but you have to find a balance between quality and size. If you want a high quality image size increase and if you reduce the size, decrease its quality. As for the file format, you should choose the one that best suits depending on the type of image you use. Generally the <b>JPEG</b> (<span style="color: #444444;"><i><b>Joint Photographic Experts Group</b></i></span>) format is usually better for photographs and images, while for screenshots or screenshots is better to use <b>PNG (<span style="color: #444444;"><i>Portable Network Graphics</i></span>)</b> format. I recommend using a compression tool. One who has given me good results is <a href="http://luci.criosweb.ro/riot/" target="_blank"><b>RIOT</b></a>, but you can use any other of which is <b>available online</b> and for <b>free</b>.</div>
<br />
<h3 style="text-align: left;">
Follow these tips:</h3>
<ol style="text-align: left;">
<li>Scales the <b>image</b> to the exact size you need</li>
<li>Compress always</li>
<li>Upload images to own property, which is fast (as users of <b>Blogger</b>, <b>Picasa</b> goes <b>well</b>)</li>
</ol>
<br />
<h2 style="text-align: left;">
3. The Alt and Title attribute</h2>
When accessing the <b>blog search</b> engines and <b>find images</b>, the only way they recognize is reading the contents of the <b>alt </b>and <b>title attribute</b>.<br />
<br />
<h3 style="text-align: left;">
Alt Attribute</h3>
The alt attribute refers to the alternative text, ie, one who would read if it could not access the <b>image</b> file.<br />
<h3 style="text-align: left;">
Could give the following cases:</h3>
<ul style="text-align: left;">
<li>You can not access the file, either by connection problems or because the device you are trying not allow.</li>
<li>The person you are accessing has sighted and can not see the picture, so you need your device being described.</li>
<li>Enter a search engine to <b>index your blog</b> entry: comply with paragraph 1 and 2.</li>
</ul>
<br />
This makes this attribute is compulsory, to put it are substantially improving your rankings because search engines can properly <b>index your images</b>.<br />
<blockquote class="tr_bq">
By including the attribute alt , you're providing access to people with visual impairments, think search engine like one.</blockquote>
<h3 style="text-align: left;">
Follow these tips when writing the attribute alt:</h3>
<ol style="text-align: left;">
<li>Do not forget to put in all your pictures</li>
<li>Describe the content of the <b>image</b></li>
<li>Do not Lay much</li>
<li>Use <b>keyword</b></li>
</ol>
<br />
<h2 style="text-align: left;">
Title Attribute</h2>
<div style="text-align: justify;">
The title attribute is used by most browsers to display a <b>tooltip</b>, or tooltip when mousing over the <b>image</b>. This attribute is not as important as alt and should be used to expand or supplement information.</div>
<blockquote class="tr_bq">
Write the same in the attribute alt and title is to repeat information that's never good for positioning. Always put the <b>alt attribute </b>and complete title if you want to give more information to the user. </blockquote>
<h3 style="text-align: left;">
Keys to the attribute title:</h3>
<ol style="text-align: left;">
<li>It is optional, use it if it provides extra information.</li>
<li>More extensively describes the <b>image content.</b></li>
<li>Do not copy what you put in the attribute alt.</li>
</ol>
<br />
<u><b><span style="font-size: large;">Putting the attribute alt and title in Blogger</span></b></u><br />
<br />
The alt and title attributes are represented in the HTML code as follows:<br />
<br />
<br />
<code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><Img src = "<b><span style="color: red;">file-image.jpg</span></b>" alt = "<b><span style="color: blue;">alternate text</span></b>" title = "<b><span style="color: #38761d;">title text</span></b>" ...> </span></code><br />
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Blogger is no need to touch the code to specify these attributes. When you insert an image at the entrance, when you click on it you can select the "<b>Properties</b>" option, the popup window will appear asking you the values for the attributes title (<b>title text</b>) and alt (<b>alt text</b>).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDC8ZOkpKOsGMgQuP-jtAwASqyxzUQ-2SQqm4G5dLweYO83XvHchMBBJBXFzeFwWecRj6LbeeHC4D2revA3rYfLfta4f_WJ4_wUJCH6pK6h8JGtCQKoUjjCqiJtl7iBhbb975bsldyIVqN/s1600/Way+to+introduce+the+alt+and+title+attribute+of+an+image.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Optimize Images in Blogger to Improve positioning SEO" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDC8ZOkpKOsGMgQuP-jtAwASqyxzUQ-2SQqm4G5dLweYO83XvHchMBBJBXFzeFwWecRj6LbeeHC4D2revA3rYfLfta4f_WJ4_wUJCH6pK6h8JGtCQKoUjjCqiJtl7iBhbb975bsldyIVqN/s1600/Way+to+introduce+the+alt+and+title+attribute+of+an+image.PNG" title="" /></a></div>
<br />
<h2 style="text-align: left;">
4. Content</h2>
<div style="text-align: justify;">
<b>Blogger and SEO -</b> The context of an <b>image</b> The text surrounding the image is another factor to consider for <b>positioning</b>. The context of the image should contain <b>words</b> that relates to what it represents. Reinforcing this relationship between <b>content and image</b>, achieve better positioning.</div>
<blockquote class="tr_bq">
The context of an image can be the headline, caption and text placed nearby. Even <b>Google Images</b> shows a fragment of this <b>text </b>in its <b>search results</b>, an image without text can mean higher bounce rate on the <b>site</b>.</blockquote>
<h2 style="text-align: left;">
Conclusions</h2>
<div style="text-align: left;">
This is the fourth installment of the "<b>Blogger and SEO</b>" series, this time we have seen how to improve the <b>positioning of images</b> of our blog in detail. As I indicated earlier, the key is to acquire the good habit of applying the steps when we include the <b>image</b> in an entry, if you do well, soon begin to see the results. Most of the information I have read the network on the positioning of blogs are very focused on Wordpress or other platforms, I hope this series of articles contribute its bit to position our blogs on Blogger. </div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-45144694931861181822016-02-05T14:27:00.003-08:002016-02-05T14:27:44.149-08:00Choose a Cloud Service you take this into account Six Internal threats yet?<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiflm91Qjpf8Qy3YWy_xjZFjYGXlFFTlpVQQGFmE7UIS6i-0QQ6ToFbSb-62pDTDAipo9lADTEJHT7qVj0jAVk0ZXYbGkXh5crAmvmm8DKHgdpqegkWMFBtxFPVqhXo5hamI2WMmPrVTHKz/s1600/Cloud+Service+you+take+this+into+account+Six+Internal+threats.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cloud Service you take this into account Six Internal threats" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiflm91Qjpf8Qy3YWy_xjZFjYGXlFFTlpVQQGFmE7UIS6i-0QQ6ToFbSb-62pDTDAipo9lADTEJHT7qVj0jAVk0ZXYbGkXh5crAmvmm8DKHgdpqegkWMFBtxFPVqhXo5hamI2WMmPrVTHKz/s1600/Cloud+Service+you+take+this+into+account+Six+Internal+threats.png" title="Cloud Service you take this into account Six Internal threats" width="320" /></a></div>
<br />
For cloud computing data, the most important risk is often that external attackers can exploit loopholes, but from its internal <a href="http://www.blastism.blogspot.com/search/label/Security" target="_blank">security</a> team believes companies equally terrible threat.</div>
<div style="text-align: justify;">
<br />
Lift the insider threat this keyword, may we all remember Snowden event that insiders data disclosed to the media and caused widespread concern. The reality is that, similar to the tip of the iceberg Snowden events, internal threats may be because careless employees or malicious insiders trying to seek personal interests. Although only 17 percent of <b>security professionals</b> who know their business within the internal threat, but the data Skyhigh latest cloud deployment and risk reporting is shown in the past year, 85% of businesses unusual activity could mean internal threats.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Cloud computing has greatly expanded the scope of the company's internal threats, <a href="http://www.salesforce.com/uk/socialsuccess/cloud-computing/10-great-cloud-applications-services-smes.jsp" target="_blank">cloud computing applications</a> sheer number of programs (<b>over 8000</b>) and immature audit and management control, which causes a lack of visibility of these applications and management.</div>
<div style="text-align: justify;">
<blockquote class="tr_bq">
Let's take a look at some of the insider threat cloud terrible situation:</blockquote>
</div>
<h3 style="text-align: justify;">
1. The sales staff to quit</h3>
<div style="text-align: justify;">
In the most common case of internal threats, sales representatives left the company, with sales leads to rival companies. In all walks of life, this situation is very common, especially in the highly competitive market. And steal sales leads difficult to find.<br />
<br />
Compared to physically steal information, cloud computing services allow this kind of thing more undetectable. Sales team provides a number of sales leads for employee access, and employees can easily click on the button to get. Allowing thousands of salespeople logged enterprise, the challenge is to find anomalies in their daily activities.</div>
<h3 style="text-align: justify;">
2. When the administrator become internal threats</h3>
<div style="text-align: justify;">
Employees at all levels of businesses rely on cloud services to complete their work, including C-level executives. However, the privileged user has a unique power: for storage management access to data in the cloud services.</div>
<div style="text-align: justify;">
<br />
Some large technology companies are concerned the internal management staff of <a href="http://crm-software-review.toptenreviews.com/" target="_blank">CRM software</a> operating authority. These administrators are responsible for managing user permissions and <a href="http://search/label/Security" target="_blank">security</a> policies. At the same time, they can access cloud services business data, which may pose a security risk. Another example: cloud storage services executive administrator can access only to see financial projections, as well as confidential information.</div>
<h3 style="text-align: justify;">
3. The danger from within</h3>
<div style="text-align: justify;">
Insider threats usually refers to employees, but employees of cloud service providers may also data from seeping inside. <b>For example,</b> access to the service cloud services hosted on confidential corporate data is used internally by the Human Resources staff in terms of cloud service providers. According to the user agreement, the cloud service provider may not even need to be responsible for loss of data. This case shows that enterprises use cloud security controls must contain a certain level, to simultaneously against external and internal threats.</div>
<h3 style="text-align: justify;">
4. Data sharing with third parties</h3>
<div style="text-align: justify;">
Cloud services enable worldwide collaboration, but it also means that the data may be transferred to the place should not be there. <b>For example,</b> a company's developers outsource their work to their Chinese counterparts, he paid Chinese workers money to complete his work, and to maintain their profit margins. Putting aside the legality of this creative approach allowed employers may face <a href="http://www.blastism.blogspot.com/search/label/Security" target="_blank">security</a> risks, because the enterprise data is publicly shared with third parties.</div>
<h3 style="text-align: justify;">
5. Shady service</h3>
<div style="text-align: justify;">
Violation of enterprise cloud computing use policies constitute another type of internal threats, which may include improper use <span style="font-family: "georgia" , "times new roman" , serif;"><b><u>Facebook to illegal file-sharing</u></b></span>. In the worse case, the employee uploads the data to develop the site, such as CodeHaus, upload the site to determine the ownership of intellectual property in terms of its user agreement. Send data to these services may have legal consequences, if sensitive information is leaked intellectual property rights, and may even be harmful to business.</div>
<h3 style="text-align: justify;">
6. Meaning but misguided</h3>
<div style="text-align: justify;">
Not all internal threats come from malicious perpetrators. Enterprise rich consumer level application lets employees may inadvertently leak data. In a financial services institution hapless employee accidentally uploaded sensitive data to Facebook, this is definitely better than in the social media "<b>over-sharing</b>" more serious. </div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-27974269419335138822016-02-05T14:27:00.002-08:002016-02-05T14:27:38.824-08:00Teach You How to Protect WiFi Wireless Network <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PtpFai5veYsyB3zhNSsiJ3prld35PJ0X-twgXeZpc2_RPN8kpgHP7oTwebTNTwOOdxALt9rTScjsiC8MsDBDGZGvAi3uZ2xKez7QcV4bIHY4Yp61mlgRwnVd-QYNzAZnEDVV1l68DVoG/s1600/Protect+your+router+to+avoid+others+from+changing+your+settings.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Protect your router to avoid others from changing your settings" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PtpFai5veYsyB3zhNSsiJ3prld35PJ0X-twgXeZpc2_RPN8kpgHP7oTwebTNTwOOdxALt9rTScjsiC8MsDBDGZGvAi3uZ2xKez7QcV4bIHY4Yp61mlgRwnVd-QYNzAZnEDVV1l68DVoG/s1600/Protect+your+router+to+avoid+others+from+changing+your+settings.png" title="Protect your router to avoid others from changing your settings" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;">John Munoz Google's technical project manager at Google's official blog recently posted an article to explain how to <a href="http://www.googleblog.blogspot.com/2013/06/securing-your-wifi-network.html" target="_blank">protect WiFi wireless</a> network security, given the home <b>WiFi network</b> has been very popular, how to prevent neighbors by attacking your home WiFi network has also become a reality problem, this article describes a few simple and effective way to enhance the security of WiFi networks, full text translation is as follows. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">There are more than a quarter of Internet users at home using WiFi Internet access, but many people do not know how to protect and the importance of doing a home network. In this respect, the most appropriate idea is to your home WiFi network considered its own front door: Only the strong anti-lock to ensure its own <a href="http://www.blastism.blogspot.com/search/label/Security" target="_blank">security</a>. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">When the data over insecure WiFi network for transmission, the data you send or receive are likely to be intercepted near the person. Neighbors may also use your WiFi network access, reduce your network speed. Enhance the security of the home network is not only to protect the security of your information when you wireless Internet, but also helps to protect all types of devices connected to the network. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">If you want to upgrade the security of the home WiFi network, take the following steps may be helpful.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">1. Check the home WiFi network <a href="http://search/label/Security" target="_blank">security</a> measures which have been using for the first time when your friends into your homes, using your home WiFi network, whether you need to enter your password? If not, then your network is not secure enough. Even if they need to enter a password, there are many ways to protect your home network, and there are pros and cons of the points between these methods. You have to understand what their own network protection measures by looking at WiFi network settings. Your network may be unsafe, it may have been added Wired Equivalent Privacy (<b>WEP</b>), Wireless Networks Secure Access (<b>WPA</b>) or second-generation wireless network access security (<b>WPA2</b>) and other protective measures. Which is the earliest <b>WEP wireless security </b>protocol, ineffective. <b>WPA</b> is better than <b>WEP</b>, but<b> WPA2</b> is the best choice. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">2. Protect your router to avoid others from changing your settings for
your router needs to set up a separate password to the
<b><i>password-protected WiFi networks differ.</i></b> Generally do not buy a new
router password, or just have a simple default password, many cyber
criminals are already aware of this password. If you do not reset the
router password, criminals anywhere in the world can easily break into
your network, intercept your data sharing over the network, and the
network is connected to the computer attack. Many routers can reset the
password in the settings page. This password can not tell other people,
and the need to distinguish between (as in step c above) and WiFi
password. If you set the same password for both, anyone with your home
WiFi password people will be able to change your home wireless router
settings. </span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">3. Set a strong password for your WiFi network in order <b>to use WPA2</b>
protected network, you need to create a password. Choose a unique
password is very important, it is best to use a long password by
numbers, letters and symbols, so that others can not easily be guessed.
If you are at home in this private place, you can also record your
password in case you forget, and safe custody, so as not to lose. In
addition, you also need to facilitate the use of a password, so that
friends can connect to your home WiFi network visit. As you will not own
the keys to strangers, home WiFi password can only tell a trusted
person. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAx8KOAx5JyZUresGb60j8hrLUAM0inh92sR8CBIucUX1YvQ3tAq0BeM5dMwzFsNtwFJ6k0TTFYYuFj76XqlH5BlVa7AEKB3sCdmDErc0Ni2dSgz9MytWpCMXp7qsz8c-I8LfOfa18s6A5/s1600/protect+wifi+wireless+network.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><span style="font-size: large;"><img alt="protect wifi wireless network" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAx8KOAx5JyZUresGb60j8hrLUAM0inh92sR8CBIucUX1YvQ3tAq0BeM5dMwzFsNtwFJ6k0TTFYYuFj76XqlH5BlVa7AEKB3sCdmDErc0Ni2dSgz9MytWpCMXp7qsz8c-I8LfOfa18s6A5/s1600/protect+wifi+wireless+network.png" title="protect wifi wireless network" /></span></a><span style="font-size: large;">4. Place your network <b>security settings to WPA2</b> WiFi signal is generated by the home wireless router generated. If your network is not WPA2 protection, you will need to access the router settings page to make changes. You can access the router's user manual for how to access the settings page, or search online for their own use to guide the router. All routers have WiFi trademark in 2006 after the sale support WPA2. If you purchased an earlier model, we recommend that you replace the new router supports WPA2. Because it is safer, faster. </span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">5. If you need help, please consult the instructions for use of the router's manual if you lose, you can also find a home base station or router model used in search engines, much of the information the device can be found on the Internet. If this does not work, you can also seek help from the router manufacturer or network service provider. If you need to know more about how to protect themselves and their families safe online advice, <u>please visit</u> <a href="http://www.google.com/intl/zh-CN/goodtoknow/" target="_blank">Google's website must know little knowledge</a>.</span></div>
</div>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-VQjN9q9rNT0%2FVM3CdmDsRVI%2FAAAAAAAAAFM%2FertZ0rG2l9E%2Fs1600%2Fprotect%252Bwifi%252Bwireless%252Bnetwork.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAx8KOAx5JyZUresGb60j8hrLUAM0inh92sR8CBIucUX1YvQ3tAq0BeM5dMwzFsNtwFJ6k0TTFYYuFj76XqlH5BlVa7AEKB3sCdmDErc0Ni2dSgz9MytWpCMXp7qsz8c-I8LfOfa18s6A5/s1600/protect+wifi+wireless+network.png" --><!-- Blogger automated replacement: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAx8KOAx5JyZUresGb60j8hrLUAM0inh92sR8CBIucUX1YvQ3tAq0BeM5dMwzFsNtwFJ6k0TTFYYuFj76XqlH5BlVa7AEKB3sCdmDErc0Ni2dSgz9MytWpCMXp7qsz8c-I8LfOfa18s6A5/s1600/protect+wifi+wireless+network.png" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAx8KOAx5JyZUresGb60j8hrLUAM0inh92sR8CBIucUX1YvQ3tAq0BeM5dMwzFsNtwFJ6k0TTFYYuFj76XqlH5BlVa7AEKB3sCdmDErc0Ni2dSgz9MytWpCMXp7qsz8c-I8LfOfa18s6A5/s1600/protect+wifi+wireless+network.png" -->Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-37926434073925521462016-02-05T14:27:00.001-08:002016-02-05T14:27:31.991-08:00CSS Menu Card Holder to Link Your Social Profiles<div dir="ltr" style="text-align: left;" trbidi="on">
This is nonsense as any to show our readers the social networks where we are. It is like a social pendant with links to our different profiles, but converting those usual buttons in a kind of cards. The idea I saw in CreativeFan for quite some time (years), but in my defense I will say that eventually obviate the code there shown and developed my own. That seems to me to remember that didnt work, but again, the aesthetic idea I found there. Ideas do not copy that some would say. The grace is that what you see in the capture and the demo the end of the post functioning as God commands his small animation is done only with CSS.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWdZ7myztDqQL4I2Ru5xsiNE26ARJRF-jrxqcHr6F040nqY-m0cUIfZduSCxo45CTE4acP9bGRNqbrbPiTV8UIFQZ7CVhg_vG6i_TsPfp9RA6I3r5K3AeT388LGtF-1bvQ5JJjPH9MHs/s640/tarjetero+social.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnWdZ7myztDqQL4I2Ru5xsiNE26ARJRF-jrxqcHr6F040nqY-m0cUIfZduSCxo45CTE4acP9bGRNqbrbPiTV8UIFQZ7CVhg_vG6i_TsPfp9RA6I3r5K3AeT388LGtF-1bvQ5JJjPH9MHs/s640/tarjetero+social.jpg" width="320" /></a></div>
The HTML part that must be inserted into a gadget or directly in the template if you want to add for example after the content of the entries (within the div post-footer , for example), would have this structure:</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-52079747504422269732016-02-05T14:27:00.000-08:002016-02-05T14:27:03.408-08:00Links on Images, With Fade Effect<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-size: large;">The title is missing some adjective such that "stylish" or something, but found none suitable. I've said before that the titles of the entries is not my thing. What we tried this time is an image and it overlap a series of links. Something very simple but with a little CSS can look good and offer a curious result. </span><br />
<br />
<span style="font-size: large;">As utility occurs to me that could serve to place in the sidebar with some priority links to the site, which would be more highlighted by the image that will accompany. That or anything else you can think of, of course.</span><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">This would result and passing over the links will see the effect. </span></div>
</div>
<div style="text-align: justify;">
<div style="text-align: justify;">
</div>
<a href="https://www.blastismlab.blogspot.com/" name="more"></a><br />
<div class="demotab">
<a class="demo-buttons" href="http://blastismlab.blogspot.com/" target="_blank">See Live Demo</a><br />
<br /></div>
</div>
<div style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-size: large;">To achieve this we have to use a couple of boxes. One that includes what are the links ( links ) and another father also contains links image ( imagelinks ). Consequently, the HTML would look like:</span></div>
<div style="text-align: justify;">
<br /></div>
<code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><Div class = "imagelinks"> <br /><div class = "links"> <br /><a href = " URL1 "> Home </a> | <a href = " URL2 "> Bio </a> | <a href = " url3 "> Contact </a> <br /></ div> <br /><img src = " URL_IMAGEN "/> <br /></ div></span></code></div>
<br />
<span style="font-size: large;">Now it's just a matter of adding our CSS to make the magic :</span><br />
<br />
<code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.imagelinks { <br />display: block; <br />position: relative; <br />width: 100%; <br />max-width: 300px; <br />margin: 0 auto; <br />padding: 0; <br />border: 4px solid black; <br />} <br />img {.imagelinks <br />max-width: 100%; <br />border : 0; <br />vertical-align: top; <br />} <br />.links { <br />width: 100%; <br />position: absolute; <br />bottom: 0; <br />text-align: center; <br />background: #FFFFFF; <br />-moz-transition: all 0.6s ease; <br />-webkit- transition: all 0.6s ease; <br />transition: all 0.6s ease; <br />zoom: 1; <br />filter: alpha (opacity = 50); <br />opacity: 0.5; <br />} <br />.links a { <br />display: inline-block; <br />padding: 8px; <br />color: # 000000 ; <br />} <br />.links: hover { <br />zoom: 1; <br />filter: alpha (opacity = 100); <br />opacity: 1; <br />}</span></code><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">If it were not for the diversity of browsers the code would remain at about half, but the gist of this is to make the inner box ( .links ), the links, has absolute positioning ( position: absolute; ) with relative to its container ( position: relative; ) so that we can put overlapped and just down completely ( bottom: 0; ). </span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">The second important issue is that the links are displayed initially semi-transparent ( opacity: .5; ) and is when you hover when we fully opaque. The rest only serves to make the adaptive design and configure padding , colors and fonts. Ah, yes! ..and the transition to come out with the effect fade we announced in the title.</span>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-34349928264866000822016-02-04T12:17:00.003-08:002016-02-04T12:17:35.366-08:00How to Optimize full Headers (H1, H2, H3 and H4)<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-size: large;">If you want to be at the top of the search engines, one of the first things to do is to create quality content, this is indisputable. But just be the first step of many. An article of <b>great quality</b>, if not well structured, can go undetected for search engines. The content is king in this <b>SEO</b>, so we must pamper. There are <b>many plugins</b> devoted exclusively to <b>optimize</b> the structure of the content Wordpress, but is there any <i>SEO</i> plugin or something in Blogger?</span></div>
<span style="font-size: large;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">It will not be as straightforward as a plugin, but if it will be as effective, even more, because you will do yourself once and you'll have it running forever. If you apply what we see in this article, you will have a template for Blogger with <b>headers optimized</b> for SEO.</span></div>
<h2 style="text-align: left;">
<span style="font-size: large;">
The importance of Headers for positioning (SEO on-page)</span></h2>
<span style="font-size: large;"><span style="text-align: justify;">Just above this paragraph have a header, using a font larger font will be called your attention, much more than the lines you are reading now. Think of a search engine, when tracking our blog, will look similar to yours behavior. The order and use of </span><b style="text-align: justify;">headers</b><span style="text-align: justify;"> not only serve to organize and structure our tickets, but also </span><b style="text-align: justify;">helps search engines</b><span style="text-align: justify;"> identify the important elements of our content. When </span><b style="text-align: justify;">search engines</b><span style="text-align: justify;"> access our entrance, understand the words that are within a header are much more important than the rest, will give more weight to the first level headings (</span><b style="text-align: justify;">H1</b><span style="text-align: justify;">), then the second (</span><b style="text-align: justify;">H2</b><span style="text-align: justify;">) and so on.</span></span><br />
<span style="font-size: large;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">For all this, <b>it is very important to use headers in our tickets</b>. But what happens when we use the Blogger post editor?</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 style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFCgHdHp1qd7hfdKp76lZgYsYzr6xcrb_6ge3UsW52H7S7K01178u-DbAXkLNEnz905LnnDRCv5HeoUAwfpQEGK0IUbrCDmm63uwu2M9e5wAPpdL5-uit7Xe_LywPqGWM0I9KGnVZgZp8k/s1600/header+from+editing+an+entry+in+Blogger.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Selecting the type of header from editing an entry in Blogger" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFCgHdHp1qd7hfdKp76lZgYsYzr6xcrb_6ge3UsW52H7S7K01178u-DbAXkLNEnz905LnnDRCv5HeoUAwfpQEGK0IUbrCDmm63uwu2M9e5wAPpdL5-uit7Xe_LywPqGWM0I9KGnVZgZp8k/s1600/header+from+editing+an+entry+in+Blogger.PNG" title="Selecting the type of header from editing an entry in Blogger" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i><span style="color: #666666;">Selecting the type of header from editing an entry in Blogger</span></i></td></tr>
</tbody></table>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;">When using the editing tool Blogger entries and select "<b>Header</b>" for example, depending on the template you're using an <b>HTML tag header H2, H3, H4,</b> etc. will be generated Most templates are not optimized for <b>SEO in Blogger</b>, however, will see that making the necessary changes to make it optimal for search engines is very simple. In addition to the <b>headers</b> of the content of our tickets, the rest of our blog (<b>header</b>, sidebar, footer) also uses <b>HTML header tags</b> defined in the template. What we do then is to optimize all sections of our Blogger template where heading tags appear: H1, H2, H3, etc. Roll up, as will tinker a little template. Prior to open his mouth, look at our goal, blogger template with headings optimized for SEO:</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 style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOO0hnXtmxuBGSn2a_4D2_WhcURntzSqIGfvlmPgx0JWV_0hKqvC_Sq_-4Hnnyby_UpDZXS7qNj66Ue6Igjl_haotIL9DzOdxZcqF-oPL8KJ3CJ5lwlE2JtUsv0P_anYHjUD1PfHAsVTU/s1600/blogger+headers+seo.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="HTML tag header H2, H3, H4," border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOO0hnXtmxuBGSn2a_4D2_WhcURntzSqIGfvlmPgx0JWV_0hKqvC_Sq_-4Hnnyby_UpDZXS7qNj66Ue6Igjl_haotIL9DzOdxZcqF-oPL8KJ3CJ5lwlE2JtUsv0P_anYHjUD1PfHAsVTU/s1600/blogger+headers+seo.png" title="HTML tag header H2, H3, H4," width="321" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: #444444;"><i>HTML tag header H2, H3, H4,</i></span></td></tr>
</tbody></table>
<br />
<blockquote class="tr_bq">
<div style="text-align: justify;">
<span style="font-size: large;">This is the structure that would have a staff of two columns optimized for SEO. Brackets level HTML header tag that is used for each block is specified. With this structure, the ticket holder (H1) and subheadings content (H2 to H4) is enhanced. It takes away relevance headers gadgets (h4).</span></div>
</blockquote>
<h2 style="text-align: left;">
How to optimize headers tickets for SEO</h2>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq_jtLTLI0iPZflUX2dPgXwO3dn9RH_WpD1JujpGW7iYSKmvITP3gF7EGfpQCeGuz-RxnMOiF86SKdolSU03FX4StbLY4h_UAX_TogYzA8DipAb39-f9WKtUhjYUn8tGgxbOrEwOfY1nzQ/s1600/Optimize+headers+tickets.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="How to optimize headers tickets for SEO" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq_jtLTLI0iPZflUX2dPgXwO3dn9RH_WpD1JujpGW7iYSKmvITP3gF7EGfpQCeGuz-RxnMOiF86SKdolSU03FX4StbLY4h_UAX_TogYzA8DipAb39-f9WKtUhjYUn8tGgxbOrEwOfY1nzQ/s1600/Optimize+headers+tickets.png" title="How to optimize headers tickets for SEO" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: #444444;"><i>optimize headers tickets for SEO</i></span></td></tr>
</tbody></table>
<div style="text-align: justify;">
<span style="font-size: large;">Of all the headlines from our blog, those found in the content of our tickets are the most important, both for the reader and for search engine positioning. The post title is, without doubt, the most important, Star. So we booked the heaviest label: <b>H1</b>. The bad news is that the vast majority of <b>templates use H3</b>, including those of Blogger's default; the good news is it's very easy to change our template to use H1. As shown in <b>Figure 1</b>, from the post editor can select "<span style="color: red;"><b>Header</b></span>", "<span style="color: red;"><b>Subhead</b></span>" and "<b>secondary header</b>". We match these headers with <b>H2</b>, <b>H3</b> and <b>H4 tags</b>, respectively. A Google you'll love these changes, though, when you compose an entry should be orderly and structured content using heading levels that have defined . No need for all levels, but it is good practice to use two or more. These are the steps to take to <b>optimize headers</b> entries:</span></div>
<span style="font-size: large;"><b><br /></b>
<b>Remember, before you make any changes, you should make a backup of your template. In Blogger > Template> "<span style="color: red;">Create</span> / <span style="color: red;">Restore backup</span>".</b></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">1. We go to editing the <b>HTML</b> template code Template> Edit HTML</span><br />
<span style="font-size: large;">2. We seek "<span style="color: red;">post-title entry-title</span>" ( CTRL + F, "<span style="color: red;">post-title entry-title</span>") and find something like this:</span><br />
<br />
<blockquote class="tr_bq">
<H3 class = "post-title entry-title 'itemprop =' name '><br />
<B: if cond = 'data: post.link'><br />
<a expr:href='data:post.link'> <data: post.title /> </a><br />
<B: else /><br />
<B: if cond = 'data: post.url'><br />
<B: if cond = 'data: blog.url = data: post.url'><br />
<a expr:href='data:post.url'> <data: post.title /> </a><br />
<B: else /><br />
<Data: post.title /><br />
</ B: if><br />
<B: else /><br />
<Data: post.title /><br />
</ B: if><br />
</ B: if><br />
</ H3></blockquote>
</div>
<b>Substituting the above code for this other, to give greater importance to holders of tickets</b><br />
<br />
<blockquote class="tr_bq">
<div style="text-align: justify;">
<B: if cond = 'data: blog.pageType == "index"'><br />
<H2 class = "post-title entry-title 'itemprop =' name '><br />
<B: if cond = 'data: post.link'><br />
<a expr:href='data:post.link'> <data: post.title /> </a><br />
<B: else /><br />
<B: if cond = 'data: post.url'><br />
<B: if cond = 'data: blog.url = data: post.url'><br />
<a expr:href='data:post.url'> <data: post.title /> </a><br />
<B: else /><br />
<Data: post.title /><br />
</ B: if><br />
<B: else /><br />
<Data: post.title /><br />
</ B: if><br />
</ B: if><br />
</ H2><br />
<B: else /><br />
<H1 class = "post-title entry-title 'itemprop =' name '> <data: post.title /> </ h1><br />
</ B: if></div>
</blockquote>
<span style="font-size: large;">Go back to (<b>Step 2:</b>) until you find more sections "<b>post-title entry-title</b>"</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">Normally template authors use the CSS "<b><span style="color: red;">entry-title</span></b>" which is reserved just for the holder of the ticket class. Another type of "<b>authors</b>" do not use the standard, so after applying the above changes you could see a little weird the holder of the ticket (<i>if you use simple Blogger template, you'll be in this case</i>). If after the changes do not see the post title correctly, follow these steps:</span></div>
<br />
<i><b>1. Search </b></i><br />
<blockquote class="tr_bq">
h3.post-title, .comments h4 {</blockquote>
<i><b>and replace it with </b></i><br />
<blockquote class="tr_bq">
h1.post-title, h2.post-title, .comments h4 {</blockquote>
<i><b>2.Search</b></i><br />
<blockquote class="tr_bq">
.mobile h3.post-title {</blockquote>
<i><b>and replace it with</b></i><br />
<blockquote class="tr_bq">
.mobile h3.post-title, .mobile h2.post-title {</blockquote>
<h2 style="text-align: left;">
Optimize headers sidebar (sidebar) and footer (footer)</h2>
<span style="font-size: large;">Most blogger templates <b>use H2 tag</b> to define the header of <b>gadgets</b> / <b>widgets sidebar</b> and footer. Since these headlines are often not important for positioning entries , replace them with the H4 tag, this will gain much more weight to the <b>headers of content</b>, so that our tickets are better <b>optimized</b> for<b> SEO</b>.</span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVijJ6IGaTArxm1xURJ-IK-Qmx_RZ8A656MyQ33Rj3WT83O4Tuw9Lrz-x3I9G4SimeU16wqiLkU71JzUpyhUFDfDiu82io7GWs3wnyh2sfy6eM4sNe_Hk4fLMf3mTmT8pDG1QU0BlkalHt/s1600/blogger-encabezados-seo-sidebar.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVijJ6IGaTArxm1xURJ-IK-Qmx_RZ8A656MyQ33Rj3WT83O4Tuw9Lrz-x3I9G4SimeU16wqiLkU71JzUpyhUFDfDiu82io7GWs3wnyh2sfy6eM4sNe_Hk4fLMf3mTmT8pDG1QU0BlkalHt/s1600/blogger-encabezados-seo-sidebar.png" width="321" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: #444444;"><i>Optimize headers sidebar</i></span></td></tr>
</tbody></table>
<br />
1. We go to editing the <b>HTML</b> template code Template > <b>Edit HTML</b><br />
2. Search all occurrences of:<br />
<blockquote class="tr_bq">
<H2> <data: title /> </ h2></blockquote>
<i><b>and replace it with:</b></i><br />
<blockquote class="tr_bq">
<H4> <data: title /> </ h4></blockquote>
<i><b>Search all occurrences of (may your template has no occurrences of this code is normal):</b></i><br />
<blockquote class="tr_bq">
<H2 class = 'title'> <data: title /> </ h2></blockquote>
<i><b>and replace it with:</b></i><br />
<blockquote class="tr_bq">
<H4 class = 'title'> <data: title /> </ h4> </blockquote>
<blockquote class="tr_bq">
<div style="text-align: justify;">
<span style="font-size: large;">If after the above change, not the styles are correctly displayed, searches the code " h2 { "and replace it with" h4 { "now it will look like before. Each time you create a new gadget from design mode Blogger is added by default an <h2>, so remember to redo this process if you want to keep optimize it.</span></div>
</blockquote>
<h2 style="text-align: left;">
Optimize headers header (header)</h2>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">This step is optional, since there are templates that do not show the blog title and description in the header. If you access the "Blogger> Design" and edit the gadget header, you will see something like this:</span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqAo9uRbNsGjXw0Cm7zc50f9ZeSfhHovAZy1a49GMnQ-R1lvjsq1hTKEgELqWKHHcVbXyvFhlS1dhj7cN_CeGKYraCKJpXQp6Se3be2BsXZrVVFs1NGF-pGpe-WZ3RaZQUO5B9awI1l4Vh/s1600/Optimize+headers+header.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqAo9uRbNsGjXw0Cm7zc50f9ZeSfhHovAZy1a49GMnQ-R1lvjsq1hTKEgELqWKHHcVbXyvFhlS1dhj7cN_CeGKYraCKJpXQp6Se3be2BsXZrVVFs1NGF-pGpe-WZ3RaZQUO5B9awI1l4Vh/s1600/Optimize+headers+header.PNG" width="296" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: #444444;"><i>Optimize headers header</i></span></td></tr>
</tbody></table>
</div>
<br />
<h2 style="text-align: justify;">
You have marked "Instead of title and description"</h2>
<div style="text-align: justify;">
<span style="font-size: large;">If you have selected the option " Instead of title and description "(as shown in the picture) or" Put the description after image ", follow these steps:</span></div>
<br />
<span style="font-size: large;">1. Edit HTML template mode Template> Edit HTML</span><br />
<span style="font-size: large;">2. Search this fragment in the code (you can find the first line " <! - Show the image only -> "</span><br />
<blockquote class="tr_bq">
<! - Show the image only -><br />
<Div id = 'header-inner "><br />
<span style="background-color: #e06666;"><a expr:href='data:blog.homepageUrl' style='display: block'></span><br />
<span style="background-color: #e06666;"> <Img expr: alt = 'data: title' expr: height = 'data: height' expr: id = 'data: widget.instanceId + & quot; _headerimg & quot;' expr: src = "data: sourceUrl 'expr: width =' data: width 'style =' display: block '/></a></span><br />
<! - Show the description -><br />
<B: if cond = 'data: imagePlacement == & quot; BEFORE_DESCRIPTION & quot;'><br />
<B: include name = 'description' /><br />
</ B: if><br />
</ Div></blockquote>
<i><u><b>and replaces one that is highlighted by this one:</b></u></i><br />
<blockquote class="tr_bq">
<B: if cond = 'data: blog.pageType == & quot; index & quot;'> & lt; h1 & gt; </ b: if><br />
<a expr:href='data:blog.homepageUrl' style='display: block'><br />
<Img expr: alt = 'data: title' expr: height = 'data: height' expr: id = 'data: widget.instanceId + & quot; _headerimg & quot;' expr: src = "data: sourceUrl 'expr: width =' data: width 'style =' display: block '/></a><br />
<B: if cond = 'data: blog.pageType == & quot; index & quot;'> & lt; / h1 & gt; </ b: if> </blockquote>
<span style="font-size: large;">That way if you are on the main page, for example, the logo has H1 and H2 title entries. When we are in an entry, the logo will have no header and the title of the H1 input. Just what we wanted.</span><br />
<br />
<h2 style="text-align: left;">
You have no header image</h2>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">If you have no header image follow these steps:</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">1. Edit HTML template mode Template> Edit HTML</span><br />
<span style="font-size: large;">2. Search this fragment in the code (you can find the first line " <! - No header image -> "</span><br />
<br />
<blockquote class="tr_bq">
<! - No header image -><br />
<Div id = 'header-inner "><br />
<Div class = 'titlewrapper'><br />
<H1 class = 'title'><br />
<B: include name = "title" /><br />
</ H1><br />
</ Div><br />
<B: include name = 'description' /><br />
</ Div></blockquote>
and replace it with this one<br />
<blockquote class="tr_bq">
<! - No header image -><br />
<Div id = 'header-inner "><br />
<Div class = 'titlewrapper'><br />
<B: if cond = 'data: blog.pageType == & quot; index & quot;'><br />
<H1 class = 'title'> <b: include name = "title" /> </ h1><br />
<B: else /><br />
<H2 class = 'title'> <b: include name = "title" /> </ h2><br />
</ B: if><br />
</ Div><br />
<B: include name = 'description' /><br />
</ Div></blockquote>
<h2 style="text-align: left;">
You have selected the option "Behind title and description"</h2>
<br />
If you have selected the option "Behind title and description" follow these steps:<br />
<br />
1. Edit HTML template mode Template> Edit HTML<br />
2. Search this fragment in the code (you can find the first line " div class = 'titlewrapper' "<br />
<blockquote class="tr_bq">
<Div class = 'titlewrapper' style = 'background: transparent "><br />
<h1 class = 'title' style = 'background: transparent; border-width: 0px "> <b: include name =" title "/> </ h1> <br />
</ div></blockquote>
and replaces the highlighted code for this other<br />
<blockquote class="tr_bq">
<B: if cond = 'data: blog.pageType == "index"'><br />
<H1 class = 'title' style = 'background: transparent; border-width: 0px "> <b: include name =" title "/> </ h1><br />
<B: else /><br />
<div style="text-align: left;">
<H2 class = 'title' style = 'background: transparent; border-width: 0px "> <b: include name =" title "/> </ h2></div>
<div style="text-align: left;">
</ B: if></div>
</blockquote>
<div style="text-align: left;">
With this new code, the title of the blog will have the H2 tag to display an entry or page and H1 tag if it is on the main page or in a category (index).</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<i><b><u><span style="font-weight: normal;"><br /></span></u></b></i></div>
<div style="text-align: left;">
<i><b><u><span style="font-weight: normal;">If you see the styles are not displayed as before, you must also modify the CSS styles to properly display the H2 tag in the header. </span></u></b></i></div>
<div style="text-align: left;">
<i><b><u><span style="font-weight: normal;"><br /></span></u></b></i></div>
<div style="text-align: left;">
1. Locate the "line .Header h1 { "in the code and you substitute for" .Header h1, h2 {.Header "</div>
<div style="text-align: left;">
2. Locate the line " .Header h1 a { " in the CSS code and replace it with " .Header h1, h2 a {.Header"</div>
<div style="text-align: left;">
3. You should now display the title of the blog correctly</div>
<br />
<h2 style="text-align: left;">
Remove headers dates Blogger</h2>
<br />
<div style="text-align: justify;">
Most Blogger templates have a habit of using the <b>label H2</b> level to display dates from a standpoint of positioning and <b>SEO</b> this is not very good, as we will be giving the same weight to the date of entry that a subtitle, for example. I thought creating a specific entry for solving this problem have told me many, but I think it is much more practical and clear inclusion in this article, which is all we have to do in order to <b>optimize blogger headers</b> or H1, H2, H3, H4 <b>tags</b>. Locate your template ALL occurrences of:</div>
<blockquote class="tr_bq">
<B: if cond = 'data: post.dateHeader'><br />
<H2 class = "date-header '> <span> <data: post.dateHeader /> </ span> </ h2><br />
</ B: if></blockquote>
and replace it with this one:<br />
<blockquote class="tr_bq">
<B: if cond = 'data: post.dateHeader'><br />
<H4 class = "date-header '> <span> <data: post.dateHeader /> </ span> </ h4><br />
</ B: if></blockquote>
<div style="text-align: justify;">
Ready! We lowered the level <b>headers dates on H4</b>, who have the same headers as gadgets. It is undoubtedly the best choice to <b>optimize the positioning of our tickets</b>. You know best? ... From now you will not have to do anything else until you return to change template.</div>
<br />
<h2 style="text-align: left;">
Conclusions</h2>
<br />
<div style="text-align: justify;">
We have learned to <b>optimize for SEO Blogger headers</b>, making minor modifications to the template. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
The good thing about all this is that once made the changes, we'll just worry about adding quality content. Our staff will do the rest, since the headers have <b>optimized for SEO</b>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
In the next article, I will show you all the <b>possibilities of optimizing the blog title</b> ( title ). We will take another step closer to having a perfectly <u>optimized for SEO in Blogger template</u>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
From here I invite you to comment on anything you see, as are the comments that have made this entry will update and helping others to see the same problems; is that I have the best readers.</div>
</div>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-4386681818533128740.post-60408556715259685252016-02-04T12:17:00.002-08:002016-02-04T12:17:28.235-08:00Putting Tips from the inputs or Code Pages and Run<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<h2 style="text-align: center;">
<span style="font-family: "trebuchet ms" , sans-serif;">That's why today I want to <b>share </b>you<b> some tricks and things</b>
you should take into account and that will surely be useful when you
want to implement anything that uses HTML code from the editor Ticket or
pages, and I've learned along the way to use them.</span></h2>
<span style="font-size: large;">You have probably abandoned any plans as to include an element that needs HTML code into an input or blog page because the result was not as expected. So you can <b>insert the code of an item in an entry or a static page</b> as for example, an image gallery, a section with tabs, or anything else, you have to follow certain guidelines in the configuration of the inputs / pages, hand and take the odd trick of not knowing and use, avoid things work as God intended ... or as you expect.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<h3>
<b><span style="font-size: large;">1. Choosing the method of writing</span></b></h3>
<span style="font-size: large;">This is a basic starting when you start writing an entry point, and when you will add code you want to be "interpreted", i.e. not appear as you've added, I recommend using the option: "<b>Interpret HTML written</b>" as show in the picture below.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHGkiXiJ-5RHwe3BD6KnpyHA15tPj0AsUtvrLRvYW9OtXh4DbAhqrRRGv1TQAmYRCdnCDcJUH9PzjBmZVVDnbbOeZK5-j4nH_1Fs0peYTiUW8iw22H5A_boysXa7jzA6pnraRj0iep2ai/s1600/insert+the++code+of+an+item+in+an+entry+or+a+static+page.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="insert the code of an item in an entry or a static page" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHGkiXiJ-5RHwe3BD6KnpyHA15tPj0AsUtvrLRvYW9OtXh4DbAhqrRRGv1TQAmYRCdnCDcJUH9PzjBmZVVDnbbOeZK5-j4nH_1Fs0peYTiUW8iw22H5A_boysXa7jzA6pnraRj0iep2ai/s1600/insert+the++code+of+an+item+in+an+entry+or+a+static+page.JPG" title="" width="281" /></a></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: large;">If you do it that way, you can paste the code being on the option "Write" with the assurance that the code will be interpreted and the item you want to set is displayed. Note that if you use the "<b>option Interpret HTML written</b>" and you go to the HTML option because such'll add the width and height of an image, or anything else on any label, returning to the "<b>Write</b>" will display the item and not the code it .</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The same applies if you use the "option which such <b>Show HTML</b>", in which case you should put the code of the option element being the HTML input to work. Another thing important thing to know is that preferences are stored, so that each time you start a new entry, or accessing a for editing, the latest default preferences that you set appear selected. <b> </b></span><br />
<span style="font-size: large;"><br /></span>
<br />
<h3>
<span style="font-size: large;"><b>2. Avoid using label <br></b> </span></h3>
<span style="font-size: large;">Since the settings of the input, you can choose whether or not to add the <b>label <br></b> to achieve create a line break. For example for the browser to display the text that follows it into a new line. What makes a label <br> would be the equivalent to pressing the "<b>key Enter</b>" or intro . Therefore the option to "<b>jump line</b>" says: Using label <br> and the other:</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Press enter for jumps. <b>A. label <br></b> and looks like this: "<b><br /></b>" if you access the HTML of entry, can lead to "disaster" if when you are editing the code you're working, you separate each line using the key "<b>Enter</b>", and you'd be adding the label <br> between the code every time you do . For example, in an image gallery that you're adding, you can have a space is created in white above each image, to insert the label by the editor. If you put code from the post editor, select the option: "<b>Press Enter to jumps</b>" thereby not add the tag editor <b><br></b> and spoil the result.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6XWOKxlGjv-0AwXi3LSXn3UpNbnM0ouz9TwQM-6zMrhodbDBDG-pFLQx6n9EAXwu-rGyjWW6PVMdjXjW0g8s7JVF_hlYWp92Sfq95l9P-Wc5sVjYEsesVhQHSLj9JiKkozA7LVE2384Lh/s1600/avoid+using+label+br.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-size: large;"><img alt="Avoid using label <br> " border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6XWOKxlGjv-0AwXi3LSXn3UpNbnM0ouz9TwQM-6zMrhodbDBDG-pFLQx6n9EAXwu-rGyjWW6PVMdjXjW0g8s7JVF_hlYWp92Sfq95l9P-Wc5sVjYEsesVhQHSLj9JiKkozA7LVE2384Lh/s1600/avoid+using+label+br.PNG" title="" width="279" /></span></a></div>
<h3>
<span style="font-size: large;">
3. How to use tags <span> or <p> or other disappearing</span></h3>
<span style="font-size: large;">One of the features editor Blogger is that "<b>disappears</b>" as if by magic, some labels and the label "<b>span</b>" when not carry any attribute, changing. Compose the <b>HTML </b>view<b>.</b> </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">For example, this will be without tag span , when you change the view "<b>HTML</b>" to "<b>Write</b>":</span><br />
<span style="font-size: large;"><br /></span>
<code class="code" style="background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: large; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span> A text or anything else inside </span</span></code><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The truth, I do not know if this was intentional or is it a bug or error in the editor, the only thing left is to avoid , if the code that will insert bearing the label, because if for <b>example some styles</b> have been defined for that label, simply because they are not going to apply because the label is not going to be "<b>in the code</b>". The solution? A solution simple is to put an attribute, for example adding a class, as shown below, using a label span:</span><br />
<span style="font-size: large;"><br /></span>
<code class="code" style="background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: large; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span> class="<span style="color: red;"><b>blastism</b></span>">I'm a text that is supposed to be cute with rosita background </span</span></code><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">By adding the "<b>attribute class</b>" with the value "blastism". (<i>just an example, may be any other name / text</i>) label will not go away So far the problem is solved, but we can improve it if you has been defined <b>CSS for the label </b>and using the element we're trying to put. Thinking about it, I would have to write or edit the <b>CSS</b> using this class to add to the label. Otherwise, would not be justified their use except that of <b>avoiding</b> disappears when using the post editor or pages. For example, suppose that in the CSS in a gallery you want to put the presentation of the label so defined:</span><br />
<span style="font-size: large;"><br /></span>
<code class="code" style="background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; width: 637px; word-spacing: 0px;"><span class="" style="font-size: large;"><span style="color: red;"><b>#galeria span</b></span> { /* all styles set for tag "span" in here */ }</span></code><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">When you add the class to the label span , we would change "<span style="color: red;"><b>#galeria span</b></span>" (<a href="http://www.w3schools.com/cssref/css_selectors.asp" target="_blank">which is called "<b>selector</b>" in CSS</a>) by name Class Tag:</span><br />
<span style="font-size: large;"><br /></span>
<code class="code" style="background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; width: 637px; word-spacing: 0px;"><span class="" style="font-size: large;"><b><span style="color: red;">.blas_tism</span></b> { /* all styles set for tag "span" in here */ }</span></code><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Thus would specifying the label styles span to which we identify with the class: "<span style="color: red;"><b>blas_tism</b><b></b></span>" and "<b>avoid</b>" the label disappears not have any attributes. Another way to solve the disappearance aforesaid, would put a style that does not interfere with the presentation of the content of the label. For example: </span><br />
<span style="font-size: large;"><br /></span>
<code class="code" style="background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; width: 637px; word-spacing: 0px;"><span style="font-size: large;"><span style="<span style="color: #38761d;">font-family</span>:<span style="color: #444444;">inherit</span>"> I am a text that is supposed to be cute with rosita background </span></span></code><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">What we do is use the "<b>attribute style</b>" and thinking of using "<b>few characters to not extend much our code</b>" add the property "<span style="color: #6aa84f;">font-family</span>" that we put the value "<span style="color: #444444;">inherit</span>" to "<b><span style="color: #444444;">inherit</span></b>" the font of the section where the element in question appears (<i>which in this case would income</i>) or has been defined.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">It is also a valid solution and even redundant, solves the problem of "<b>missing label</b>" even I have used it because I find it very convenient and fast to, though, we can do better avoiding writing that style each time, using the class, as you said earlier. free Feel share your experience using the editor, when you add code, or rather, to make a suggestion to improve the experience by adding code from the. editor I hope will be useful;)</span></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-36686592799629632342016-02-04T12:17:00.001-08:002016-02-04T12:17:21.638-08:0021 Social Networks Sharing Buttons with Counter<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: inherit;">Juan Martín de CheckApps did meet a few days ago the existence of a free service that lets you create <b>custom social buttons</b>. So I said is not anything to write, but when we discovered that admits now <b>21 different networks</b>, including accountants of times you have shared an address or followers you have a page and above all, how easy it is to add them to our website, things begin to get interesting.</span></span><br />
<br />
<span style="font-size: large;"><span style="font-family: inherit;">The site in question is <b>GetShares</b> and has an installer to <a href="http://blastism.blogspot.com/search/label/Blogger%20Codes" target="_blank"><span style="color: #e06666;">generate code</span></a> for any button with three choices of style, but more interesting in my opinion is to use its <b>API</b> to <b>create a barrage of buttons</b>. It is what we see in this post.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCblSfJ5jpf782rv-Aym1cDdFB8EJersteENpr8DtU-26-pcIfAyqV3R9759qiZ7hgzL7H2ou_xm5ivAxo8v0BRDQJ1xChNrYuI8E8Dl2jBuE1_Ak0HvI5__v-oE7tnJx4JylXEiSrweU/s640/getshares.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCblSfJ5jpf782rv-Aym1cDdFB8EJersteENpr8DtU-26-pcIfAyqV3R9759qiZ7hgzL7H2ou_xm5ivAxo8v0BRDQJ1xChNrYuI8E8Dl2jBuE1_Ak0HvI5__v-oE7tnJx4JylXEiSrweU/s640/getshares.jpg" width="320" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: inherit;">On page <a href="http://getshar.es/"><span style="color: #e06666;">getshar.es</span></a> is the generator of buttons, a utility to view any web address counters in several networks at once and some notes on the API more intuitive than the project. The latter you can find it entirely on <a href="https://github.com/" target="_blank"><span style="color: #e06666;">GitHub</span></a>. </span></span><br />
<span style="font-size: large;"><span style="font-family: inherit;"><br /></span></span>
<span style="font-size: large;"><span style="font-family: inherit;">The service operates through a js file with jQuery develops the whole system of <b>buttons</b> and additionally there is a <a href="http://blastism.blogspot.com/search/label/CSS" rel="nofollow" target="_blank"><span style="color: #e06666;">CSS</span></a> to make it easy to set the style of them. Both files can download them and host them under your control respecting the license if the service were to saturate ever, which for the moment seems not occur. </span></span><br />
<span style="font-size: large;"><span style="font-family: inherit;"><br /></span></span>
<span style="font-size: large;"><span style="font-family: inherit;">On the contrary, the moment they go pretty fast. Yes, the JavaScript is not sufficient and if someday <a href="http://getshar.es/">GetShar.es</a> fails to deliver the service, even if you have code control <b>buttons</b> stop working. </span></span></div>
<div style="text-align: justify;">
<br />
<span style="font-size: large;"><span style="font-family: inherit;">How to add a Blogger is a little different from what was explained, because in order to use the <b>buttons with dynamic addresses</b> will have to dip into the variables data and so that they work as part of a JavaScript, we additionally make a chapucilla that is basically "<b>half-turn</b>" the code in plain text. </span></span><br />
<span style="font-size: large;"><span style="font-family: inherit;"><br /></span></span>
<span style="font-size: large;"><span style="font-family: inherit;">In this way, this is what you should put in your template, as such, within the area of generation of posts and perhaps the best sites would be inside the box post-header or post-footer. Although not very orthodox putting all this followed in the <a href="http://blastism.blogspot.com/search/label/HTML" rel="nofollow" target="_blank"><span style="color: #e06666;">HTML</span></a> part, I have done well to make it easier to add or remove once. </span></span><br />
<span style="font-size: large;"><span style="font-family: inherit;"><br /></span></span>
<span style="font-size: large;"><span style="font-family: inherit;">I also added a style rule that in any case the buttons are centered; like these that follow are as real and tangible demonstration of how they work.</span></span><br />
<code class="code" style="-webkit-text-stroke-width: 0px; background: rgb(239, 247, 248); border: 0px; color: #65686c; display: inline-block; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 300; letter-spacing: normal; line-height: 24px; margin: 0px; max-height: 240px; orphans: auto; outline: 0px; overflow: auto; padding: 8px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: auto; width: 637px; word-spacing: 0px;"><span style="background: transparent; border: 0px; color: #274e13; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b><! - SOCIAL BUTTONS GETSHARES -> <br /><b: if cond = 'data: blog.pageType == & quot; item & quot;'> <br /><div id = 'buttons' /> <br /><script src = "// cdnjs.cloudflare. com / ajax / libs / jquery / 2.0.3 / jquery.min.js' type = 'text / javascript' /> <br /><script src = 'http: //cdn.getshar.es/lib/0.8.0.min. js' type = 'text / javascript' /> <br /><link href = 'http: //cdn.getshar.es/lib/0.8.0.min.css' rel = 'stylesheet' type = 'text / css' /> <br /><style> #buttons {text-align: center; margin: 10px auto; font-weight: normal;} </ style> <br /><script type = 'text / javascript'> <br />(function () { <br />var settings, <br />settings = { <br />root: $ (& quot; # buttons & quot;) <br />counter: { <br />position: & quot; inside & quot; <br />}, <br />share: { <br />url: & quot; <data: post.canonicalUrl /> & quot ;, <br />imageUrl: & quot; <data: post.firstImageUrl /> & quot ;, <br />message: & quot; <data: post .title /> & quot; + & quot; <data: post.canonicalUrl /> Via: @ Oloman & quot; <br />} <br />}; <br />new GetShare ($ extend (settings, {network. & quot; googleplus & quot;})); <br />new GetShare ($. extend (settings, {network: & quot; twitter & quot;})); <br />new GetShare ($ extend (settings, {network: & quot; facebook & quot;}.)); <br />new GetShare ($ extend (settings, {network. & quot; linkedin & quot ;})); <br />new GetShare ($ extend (settings, {network. & quot; pinterest & quot;})); <br />new GetShare ($ extend (settings, {network. & quot; pocket & quot;})); <br />// More networks http://getshar.es/ <br />.}) call (this); <br /></ script> <br /></ b: if> <span style="color: red;"></span></b><b><span style="color: blue;"></span></b><b><span style="color: #38761d;"></span></b> </span></code>
<br />
<div style="text-align: justify;">
<br />
<span style="font-family: inherit;"><span style="font-size: large;">In all this we only need to change is the section of the message if we want to leave something other title-address-path and evidently Twitter user because the set is mine. </span></span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><span style="font-size: large;">To present them with another aspect much like really you can change the value of position by choosing from inside inside the key and split as added to the button. You can also add an additional parameter settings for the button to display a text to the right of the icon of the network. </span></span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><span style="font-size: large;"><u><b>For example</b></u>: button: <span style="background-color: yellow;">{text: 'Share'}</span>. The last part of the code is that it generates each buttons new <b>GetShare</b> and that we should include as many lines as buttons, indicating network name the corresponding network. The full list is on this page <b>GetShares</b>. One drawback is that the buttons are added to an empty box with an ID <span style="background-color: yellow;">(#buttons, in the example)</span>, which causes you can not place more than one batch of <b>buttons</b> per page. </span></span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><span style="font-size: large;">For this reason I have added the conditional that you saw, that it not display more than pages of entries where the posts are unique. </span></span></div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-90184528572547852452016-02-04T12:17:00.000-08:002016-02-04T12:17:14.819-08:00Add Print Friendly Button on Your Blog or Website<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-size: large;">Many creators of web content, especially <b>Bloggers</b> can always supplement your entries with value added. Allow the user to <b>download the file</b> instructions which explain their tickets or the possibility that the user can print them on paper Although Newspapers Cloud we have explained before <b>printing</b> on Blogger in a more or less straightforward way, this time we will further simplify the task. Let the "easier still" <b>PrintFriendly</b> use the service and can use it on <i><b>Blogger</b>, <b>WordPress</b>, <b>Drupal</b></i> or any web publishing system there. Want to learn how to easily print your content?, follow this <b>step by step guide</b> and see how easy it can be.</span></span></div>
<h2 style="text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif;">How I can give users the option to print my tickets? </span></h2>
<div style="text-align: justify;">
<span style="font-size: large;">In general it is offering a button with a similar image of a printer or when pressed activates a small "<b>script</b>" to send to the <b>printer user </b>content entry. If you want you can print your recipe on this blog Kitchen you are creating, or as directed by your last manual labor in the DIY Blog created so carefully, the pattern to sew that jersey, the itinerary of your last route for your travel blog; just that you use the, "script" appropriate to give your users the possibility is extremely simple: you can make one yourself from following this guide, so even simpler using a service called <b>PrintFriendly</b>, let's see how.</span></div>
<h2 style="text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif;">What is Print Friendly? </span></h2>
<div style="text-align: justify;">
<span style="font-size: large;">It is a web service offered by the web <a href="http://www.printfriendly.com/">www.printfriendly.com</a> in which provides a simple "script" with a code of "<b>copy and paste</b>" to your website with which to provide your users the ability to print your entries.</span></div>
<h3 style="text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif;">Step by Step, how can I Print my Blog Entries? </span></h3>
<div style="text-align: justify;">
<ul>
<li><span style="font-size: large;">Write <a href="http://www.printfriendly.com/button">http://www.printfriendly.com/button</a> in the address bar of your browser or go "click" here and you will be shown a screen like the one I show below:</span></li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_S3O76eFCoWcZ4QdRfHZXccnOXt0lCPXXFSzQgLBA4fNvIcVYbsWnluAGkCVMtgZyB5OGTRo8woFUYg0he2uOkK6BWbujHlCuRWfvbCxg9xdkgihDqR9pf5OIU5rSdC7GKNo8EIgeLf0S/s1600/print+friendly1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_S3O76eFCoWcZ4QdRfHZXccnOXt0lCPXXFSzQgLBA4fNvIcVYbsWnluAGkCVMtgZyB5OGTRo8woFUYg0he2uOkK6BWbujHlCuRWfvbCxg9xdkgihDqR9pf5OIU5rSdC7GKNo8EIgeLf0S/s1600/print+friendly1.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<blockquote class="tr_bq">
<span style="font-size: large;">Let us point by point the screen shown us to set our button to print:</span></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioezeYCvuMuiLJwq_EoolVxgjjMWMppyUyGjSXNYoJY-r5CRCYsEbo-UMlMJJcRsBuRo5Tj0Ldr5ggZ6aKBILAh6R6mzdP7m4_N9iJ7bdqsVMcvWVLYaYKsHQHhBAehiWRp5QaJksymg-T/s1600/print+friendly2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioezeYCvuMuiLJwq_EoolVxgjjMWMppyUyGjSXNYoJY-r5CRCYsEbo-UMlMJJcRsBuRo5Tj0Ldr5ggZ6aKBILAh6R6mzdP7m4_N9iJ7bdqsVMcvWVLYaYKsHQHhBAehiWRp5QaJksymg-T/s1600/print+friendly2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;">Select the type of website where you are publishing to print your button. Each option belongs to a system as simple as selecting yours and follow the steps.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"></span></div>
<div style="text-align: justify;">
<ul>
<li><span style="font-size: large;">On the same screen, once the system with which you will work selected, continues to advance until "Choose a button":</span></li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUz7w4MoZzO6WJb1IVOKeY_c5A2YuoYv-aw52FNSzU8vVNss-2BI82T2QIZCRoZxV7QkQa3L1HMEmenPThWy2-UX0mf06JE9tKOvA6B1Yq2NXowMcSShHIco1I82k8NFiAxsqybwqA4Y_T/s1600/print+friendly3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUz7w4MoZzO6WJb1IVOKeY_c5A2YuoYv-aw52FNSzU8vVNss-2BI82T2QIZCRoZxV7QkQa3L1HMEmenPThWy2-UX0mf06JE9tKOvA6B1Yq2NXowMcSShHIco1I82k8NFiAxsqybwqA4Y_T/s1600/print+friendly3.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;">Select the type of button you want to appear on your website. Have from conventional buttons where it says "Print" to print buttons that and have the option to save to PDF (<i>and your users will be able to take the file with them wherever they want and print it later if you prefer, a good way to save paper and make available the file at any time</i>).
If you do not like the default icons, you'll rise after the image you prefer to print.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"></span></div>
<div style="text-align: justify;">
<ul>
<li><span style="font-size: large;">After selecting the button, continues to enter the details of how you want to configure:</span></li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYnQptD6EtwGho0t43uaEHIElpSuf6-zyfr6-eyIsijbQjjcnVF38cZ3yxhldV5aN-o6_t5QtwiKCM4XZbt5VvryOlr3M5pABpI_O-4KLte-mvt5Djh91LXW4Q1ac-PZzyqA45qsAiFgp9/s1600/print+friendly4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYnQptD6EtwGho0t43uaEHIElpSuf6-zyfr6-eyIsijbQjjcnVF38cZ3yxhldV5aN-o6_t5QtwiKCM4XZbt5VvryOlr3M5pABpI_O-4KLte-mvt5Djh91LXW4Q1ac-PZzyqA45qsAiFgp9/s1600/print+friendly4.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;">In Features is no need to make any changes if it's okay as is the button before you choose or do not want to "complicate" more options:</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Page header lets you use the icon or button that you selected before or upload a new one that you prefer to use.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>Click-to-delete:</b> Allows the user to select when printing what parts you prefer not to go into print.</span></div>
<div style="text-align: justify;">
<br />
<span style="font-size: large;"><b>Images:</b> allow the user to include or exclude the images in print.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>Image Style:</b> Indicate placement print button (centered, right, left, top.).</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>Email:</b> The option to send the entry to an email (to save paper):</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">PDF: The possibility of bringing a format known as Adobe PDF file to not require user can print and take with you everywhere on your phone, a USB, send it to the cloud, etc. Another way to save paper.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>Print:</b> For if you give the user the option to print or directly only allow you to send it by email or PDF without printing.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>Custom css url:</b> Allows you to add a presentation by yourself, with your own stylesheet.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>Website protocol:</b> You must put according to the protocol that you use on your website. HTTP If you leave it as is, you only need to change if your website uses secure </span><span style="font-size: large;"><span style="font-size: large;">HTTP</span> protocol.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"></span></div>
<div style="text-align: justify;">
<ul>
<li><span style="font-size: large;">Now you just have to paste the code into your system. If Blogger, WordPress or the like, have the option to add it as a gadget more to your Blog to add it in design view at will. If your site is a web, you simply copy and paste the code you at the end of the screen, where the button you prefer appears: </span></li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguaxwcpkvUPWZep-a9vdQU0i7OKaLFYwKwLCw4W0xb1C8f-QLq3ZmqMsktftp9VawJIkAK4tGc8-deb1hr5BA_jqWRStHfmcFllosTo5PTO8-dFy_wVeBeVYmGgjrtL6WRfpgwo4k615zm/s1600/print+friendly5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguaxwcpkvUPWZep-a9vdQU0i7OKaLFYwKwLCw4W0xb1C8f-QLq3ZmqMsktftp9VawJIkAK4tGc8-deb1hr5BA_jqWRStHfmcFllosTo5PTO8-dFy_wVeBeVYmGgjrtL6WRfpgwo4k615zm/s1600/print+friendly5.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">Simply copy on your web page code that gives you Print Friendly in the area where you want the button to appear.</span></div>
<h3 style="text-align: left;">
<span style="font-family: "trebuchet ms" , sans-serif;">If you want Blogger and Place it in a Different Area than that of Default: </span></h3>
<div style="text-align: justify;">
<span style="font-size: large;">Note that just below the button "<b>Install Blogger Widget</b>", you will find a link where it says "add code Directly to template." Beam "<b>click</b>" on the link if you want to place the button code to print in another area of your blog.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Zi_XmgeLD8N8wHGqaQHGW811mUIw4IdgKrGuWB3eNu6vl4qziO_gxpA_6bVwojyeHgVeP5I-Nx4Dto8UynyfJ7pmjXtKj85GqzbG1jZxWb5bcVZORTbgTrtqnyZV8HLsdCFMlCFjfpHX/s1600/print+friendly6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Zi_XmgeLD8N8wHGqaQHGW811mUIw4IdgKrGuWB3eNu6vl4qziO_gxpA_6bVwojyeHgVeP5I-Nx4Dto8UynyfJ7pmjXtKj85GqzbG1jZxWb5bcVZORTbgTrtqnyZV8HLsdCFMlCFjfpHX/s1600/print+friendly6.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div style="text-align: justify;">
<span style="font-size: large;">Follow the instructions given to you <b>PrintFriendly</b> to put the button in your template where you want. It's easy, you can edit the <b>HTML</b> template and add the <b><head> </b>so that only the button when the user is drawn into the details of an entry.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieMJmPjLov3CZvsxgzupJo79MGpFFmbq-IF6yJZjARKpjZYx5P9Ul3dVbKWUN_DFdahYT5oWnYRmN2ZtAYCxNBHN435R9iiCVExHyz41FrpBD_Dc47T0cK-f9igVL9lv-vxeMdggkgYA/s1600/printfriendly7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieMJmPjLov3CZvsxgzupJo79MGpFFmbq-IF6yJZjARKpjZYx5P9Ul3dVbKWUN_DFdahYT5oWnYRmN2ZtAYCxNBHN435R9iiCVExHyz41FrpBD_Dc47T0cK-f9igVL9lv-vxeMdggkgYA/s1600/printfriendly7.png" width="483" /></a></div>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">Follow the instructions on the image showing you the <b>PrintFriendly </b>own.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Any doubt also provided comments to raise it, I'll be there to help you put this button on your website or blog.</span></div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4386681818533128740.post-47901723122085353212016-02-04T12:16:00.005-08:002016-02-04T12:16:56.400-08:0010 Tips for Optimizing your Web positioning (SEO)<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: center;">
<span style="background-color: white; box-sizing: border-box; color: #010101; font-family: "open sans" , "verdana" , sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.999979019165px; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">how to seo positioning? Your Online Store does not appear on Google to page 20?<span class="Apple-converted-space"> </span></span><span style="background-color: white; box-sizing: border-box; color: #010101; font-family: "open sans" , "verdana" , sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.999979019165px; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">This is not a problem if you follow these seo positioning 10 tips, you will see how your Online Store Quick reach the top seo positions!</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYoAX8XU1bIt_mCDfBlvZnJYhhwPIjgmh_Jvw6I4pMPCRvY3VdPcStsSfCymA2hPi0OoBnOWnayCLGTlRGYTe-GD9UJsP44dSOXthpNg3374zU0ezn4WmUVayKTY-6Jj3etcOXAhJ2cK1X/s1600/10+Tips+for+Optimizing+your+Web+positioning+seo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="10 Tips for Optimizing your Web positioning (SEO)" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYoAX8XU1bIt_mCDfBlvZnJYhhwPIjgmh_Jvw6I4pMPCRvY3VdPcStsSfCymA2hPi0OoBnOWnayCLGTlRGYTe-GD9UJsP44dSOXthpNg3374zU0ezn4WmUVayKTY-6Jj3etcOXAhJ2cK1X/s1600/10+Tips+for+Optimizing+your+Web+positioning+seo.png" title="" /></a></div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Register your online shop in the free directories</h2>
</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
The first thing to do is fill data directories. This may seem strange, but it's the best way to prosper your website in the search results pages. You must determine the keywords on which your website will be positioned in the <b>search engines</b>. A description (<u><span style="color: #444444;"><b>500-1000 characters</b></span></u>) will be requested, be sure to change and adapt to each directory.</div>
<div style="text-align: left;">
<br /></div>
<br />
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Optimize your Tags</h2>
</li>
</ul>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Existing tags in the <b>HTML code</b> are read and interpreted by robots-spiders of Google and others. They are used to evaluate your website and determine the queries on which you should appear. Do not forget the TITLE tag: <b>The title of the page</b>. Contains the text that appears in blue on the results pages of Google. Provides an important source of information for visitors but also for search engines. Should encourage Click making your future visitors. The title should contain between <b>5</b> and <b>10 words</b> (<u><span style="color: #444444;"><b>maximum 60 characters</b></span></u>) and can include the name of the site and should contain the keywords of your business. </div>
<blockquote class="tr_bq">
Each page of your website should be optimized and have its own title that will preferably the name of the company and a summary of the content of the page. </blockquote>
<div style="text-align: left;">
<br /></div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Try to have explicit Titles and Unique products </h2>
</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
The title of products is an essential element for <b>Google</b>, which will be analyzed first and will be the element which will give more importance. Your titles should include a detailed description of each product (<b>brand</b>, <b>product type</b>, <b>color</b>. The description is one of the key elements for Web positioning (<b>SEO</b>) Make sure that none of your products with the same title.</div>
<div style="text-align: left;">
<br /></div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Watch your Web address (URL)</h2>
</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
To be optimized, the <b>URL must</b> consist of intelligible names. Prioritizes hyphen keywords to space. In fact, the keywords they contain are very important to <b>Google</b>. Avoid: <span style="color: #444444;"><u>U</u><u>RLs consist of unintelligible words or too long</u></span>.</div>
<div style="text-align: left;">
<br /></div>
<br />
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Create a Blog</h2>
</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
A Blog is a safe and effective means to produce content .To the search engines love new content, which means that the <b>website </b>is <b>active</b>. Articles by inserting <b>appropriate keywords</b>, you can achieve miracles. It's a good way for you to communicate with your customers. It's like killing two birds with one stone.</div>
<div style="text-align: left;">
<br /></div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Put correct names to your Images!</h2>
</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
Do not think about this often, but it's an important point. Google can not see the images and analyze them, but you can read the name of that footage. Before <b>uploading images</b> to your Web site, rename them to more effectively. For example: <span style="color: red;"><b><></b></span> always be better interpreted and positioned than <span style="color: red;"><b><></b></span>. Think about it!</div>
<div style="text-align: left;">
<br /></div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Insert Content</h2>
</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
We will not tire of repeating, Google and other search engines love new content. Create <b>links </b>to your own website, make it more attractive and <b>vivid CMS</b> .You can do this by <b>creating pages </b>that explain who you are, what you do, how you work, explaining your policy <b>payments </b>and deliveries ... In short, you have no limits. </div>
<blockquote class="tr_bq">
<div style="text-align: left;">
You can also add <b>keywords </b>in bold. Importantly, certain parts of the text, organize font sizes or labels.</div>
</blockquote>
<div style="text-align: left;">
<br /></div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Avoid duplicate content</h2>
</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
When the same content is located in 2 different URLs, Google concludes that it is duplicate content, it will be considered of poor quality and will lose its value. It is therefore best avoided unless you want to be penalized by the search engines.</div>
<div style="text-align: left;">
<br /></div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
The number of Hypertext Links to Your pages</h2>
</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
Introduced by Google, the <b>Page Rank</b> allows the engine to determine the relevance of a website or a blog. In fact, how much higher your Page Rank, most will occupy the top of the results. And to increase it, there is no secret, you should increase the number of hyperlinks pointing your. No pages hesitate to collaborate with other <b>online stores</b> / <b>Web sites</b> that will add a link to your online store or your products.</div>
<div style="text-align: left;">
<br /></div>
<ul style="text-align: left;">
<li><h2 style="text-align: left;">
Follow your progress with Google Analytics (<span style="color: red;">Important</span>)</h2>
</li>
</ul>
<div style="text-align: left;">
<br /></div>
<div style="text-align: justify;">
Google Analytics is a<b> powerful statistical analysis tool</b> used to <b>analyze</b> and understand the views of your online store; I number of probabilities gives accurate information and passes the data so you can understand what your customers interested in your website and you work in this direction to <b>generate more traffic </b>without charge, will indicate the number of visitors, page views, traffic sources, browsers used. It is a veritable gold mine that you should not miss! </div>
</div>
Unknownnoreply@blogger.com0