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

Star Ratings in Blogger using JS-Kit

This is a simple way to make your reader to interact with your blog, because then he can give his opinion spontaneously without having to put your name, and say he was evaluating, this service is offered by the "Js-kit" now called "Echo", see the following tutorial on how to add Blogger:


1) Visit the Blogger dashboard (blogger.com)

2) Go Layout/Design-> Edit HTML-> Check the box "Expand Widget Templates"

3) Now look for the following snippet in your template as usual using the CTRL and F keys:

<div class='post-footer-line post-footer-line-3'>
And under the old code append the following:

<b:if cond='data:blog.pageType == "item"'>
<div class='js-kit-rating' expr:permalink='data:post.url' expr:title='data:post.title'/>
<script src='http://js-kit.com/ratings.js'/>
</b:if>
4) Save the changes and view. 

How to hide comments on Blogger already excluded

When we comment on Blogger in a post, and then erase, it erases the comment, not the record of most who commented, to see a message stating "This post has been removed by the author", which is very annoying, since we can not more to see the comment to register it, to remove this problem follow the tutorial below:


1) Login to Blogger (blogger.com)

2) Go Layout/Design-> Edit HTML-> Check "Expand Widget Templates" box

3) Look for the following words using the CTRL + F keys:

<b:loop values='data:post.comments' var='comment'>
After the above add the following snippet:

<b:if cond='data:comment.is Deleted'>
<b:else/>
4) Now look just below:
<b:include data='comment' name='commentDeleteIcon'/>
the following excerpt:
</b:loop>
And before it add the following:
</b:if>
5) Save the changes and ready.

Setting Up Blogspot With Your Own Domain Name

When we speak of this subject always generate doubts bloggers who are starting in the course of blogging. Purchasing a domain is a way to make it simpler to access your blog, more if your blog does not have many visits there is no anticipated need to do this. The exchange can be done once your blog start getting many more hits remember that if you already have a pagerank this will suffer since you will have to recover it again, but do not worry as you retrieve it quickly when we have visitors faithful and always, access rankings will always be good.


Another point that you should not forget is this stage publicize your new address, social networks (Twitter, Facebook), so that your blog now start entering the rapid dissemination media, after that you should do is always keep your disclosed or blog is always to post, publish on aggregators, so that your blog never miss visits.

How to Start Creating A Blog

If you are a novice user and is in order to create your web blog, we will give some useful information to help you with this, the first step is to know what the term "blog":


A blog (a contraction of the term " Web log " ) , also called blog in Portugal , is a site whose structure enables quick update from additions of articles called , or " posts " . These are usually arranged in reverse chronological order , focusing on the proposed theme of the blog and can be written by a variable number of people , according to the political blog .

1 - Once you know which means the next step is to define what you are going to publish it , subjects and topics which you are interested in writing or commenting , always choose content that you know , so you do not make any mistakes in writing an article , it is important to note that once built the blog content needed are not necessarily the ones you chose , you can and should vary rather be with humor , or with something interesting to the reader .

2 - Now comes the choice of blog platform, which is the basis for the publication and dissemination of their content on the web , there are several systems to make this very free and others paid more all with the same goal I will quote the two most used platforms first is Blogger ( " Easy creating completely free and allows full customization of both the model as the blog address ) , the second is the Wordpress.com ( " allows you to choose themes already pre defined , does not allow home address , unless you pay the amount directly to them , has some limits publication " ) , after choosing your platform just access the link of it , remembering that when you enter these sites you will see an interactive way of blogging .

3 - The third step is very important because it is what will bring readers to your blog . Links for disclosure of your posts , use aggregator sites to post all the links to your posts.

After creating your blog , you find in various news and blog content that complement those addressed here , just search and enjoy the world of Blogs .

Turn your categories in Meta tags (keywords) - Blogger / SEO

Make your categories, from becoming meta tags, and thus better position your blog. Everything you do to improve your blog is very important for your success in the blogosphere even if it takes a while to take effect later can become of great value to your blog, but that alone does not help is needed most of all willingness to become a great blogger, you will see below how to do.


Make your categories, from becoming meta tags, and thus better position your blog. Everything you do to improve your blog is very important for your success in the blogosphere even if it takes a while to take effect later can become of great value to your blog, but that alone does not help is needed most of all willingness to become a great blogger, you will see below how to do.

1 - Log in to Blogger (blogger.com)

2 - Go Layout/Design-> Check the "Expand Widget Templates" box

3 - Use the Ctrl and F keys to find the following snippet in your blog:

<b:includable id='main' var='top'>
<!-- posts -->
below the excerpt above add the following:

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
&lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt;
</b:if>
</b:loop>
4 - Save the changes.

Ready your blog is already optimized for search engines (robots), now just follow some other tips here and ready to blog.

How to add Google +1 button on Blogger

The Google +1 button is a way that created by Google to make their pages have more relevancy in searches, it works like you add the button to your pages and the user uses it to promote your posts in searches. See how to add to your blog.



 Adding

1 - Go to Blogger dashboard (blogger.com)

2 - Go to Design-> In blog posts, click edit

3 - Then check the box:

  Show sharing buttons

4 - With this addition the Google button, you will see the Orkut, Twitter and Facebook. Besides other.

5 - Save the changes.

How to Attract More readers to your blog?

A very useful and functional way is to insert a signature box Feed and makes it easy for users of your website / blog stay current on their content, and bring more visitors to your blog, because the user will not have to visit your blog every hour to see if new content has just access the feed that is much more practical, we will see below how to insert a box of these on my blog.




1 - Login to Blogger

2 - Go Layout/Design-> Edit HTML

3 - Using the CTRL and F keys look for the following snippet in your blog:
</head>
<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>
4) Save.

5) Now go Layout/Design-> Page Elements-> Add Gadget> HTML / JavaScript, and add the following snippet modifying the following data:

<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Procurar...&quot;;}" onfocus="if (this.value == &quot;Procurar...&quot;) {this.value = &quot;&quot;;}" type="text" value="Procurar..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZUO6gMqY6JkeWB3fDJ15rwf17g4nXVIdiBubKQVva0Nw7uc4XBUpcL2HaiSGP_Rmvsvkc3xKZ4chJafUiYTz40lOdR75Jkz9D_d4rzV_LIbn1mlMS-2_f065xLqFnXge3RYT_9M6wx88B/" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA2s1seLrNDbbHF-cMbnFjfRVCM7gvtO1BNI54eiCltNxztWazO9W6m-SLS0tPpmmr3jxjscFueBoQZjFUOdb2S4i_F_kHxRpSS-8l1zieybsBsfTaGLWBmG5ND22YdL3I4mxdbEHUNoJf/" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">E-Mail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcUs3myiXG3m9DAObCw2RUHuNhyphenhyphenmvyctPZBXex39iGLRrGfRxHtbLLffWDRm8TTJVDmU9LOx3cLP-dBWhOi4Z7QfUVqiykXrS1IVWi29iKFnkaLA-wJxZFrB4oKmk_If5y2xQuQajrKgQf/" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0ipMDE25AN-vtrhIwXWievFLqq8HQhbod1_r6-FruTRFwHHCtODQpIDg8YnvYjWojGsTF-X59uE-9TZAOUsLDwTvWdqtGTdi5RowkmXsw-Hof7Iq67txpRYSpF7iH0enGZkRBP6qRwRu/" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://technolsoft.blogspot.com/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKDPmiDC9HVLfwLKT1VThBJ8sx4rj0f8d2HBkCjSr3XpylkyJ69djaMDIJaCqFIgHyBMC6fd4BHZcXi7y03UMqgiaIO1HiamKv2CJKPZWaVIXzddzPKqWu1WXWyeVf6WbL9_6nvBL7PXc/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrs5Zr2IG7uyiNImCMXUL9GweyW1MhJtXL0tF_8oQTwqdcdJVpe3bagxqvxrNaSQo0WuHl0bS-BlGth48kkbybFCFw8pe8FhXYnQFkDF6Pw1PCvTBd3cRuPu8bSUcPNUh59MQr0DEW0o/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMAafGDuRTr6_qVZZfuy5ZBI1SJNv4N3S9_gfMO0SLQ2swKdwgRxILTxhrc8BxJ0mi_ZkQJ3yKHpzrpoLCuCv5yRW7xqxUPuwVTEy8CEDz7ML1EQsJOyBsm3kB-66CE0h9YA5uLtNzzCQ/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigHeroAuiYGWOnkVVUXhC34RwVDpAQdQ5fIVVQlW1GYkHNvG402A-QLY1odTZlc9DS0tLiVkQWEVuSVpmacccjY1JyIiN1qgi35pRCRvjZXLoCw6o6sxDu1iCwE4x-2jFjKoN8xnT4mVw/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtre-9OHKkpZNl0O7NULp-89Lul2zFp3sZj_Xr-ksTAUUzfrV6uFKTMTbI96uAsIBz3BW0vaBUnXiYF10PrIpBOrhCQysf7eN4xyMUwBp1CxO2VOT38Q5N1IktAfg66fCOgQvdHg7LOBc/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dblPsCphnq9V4qgd7EA0lq6OlLwDdtaqZCMu5wMeiTwW7mmFqcviNUxk8xXsShPsuK4N38KX4IiUFfEHUPN2oIHfOp00ZPe3WAOcC4Br7YsXdHF1PgyCh5eMj2MyLwXELvTGyqL3weU/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkcq8BrXiqziExLzlClScmGuv6nFF3HtAZ1aZGBynI6pFvKPOK_9OQ66am62O9Knooq60I8gd5gc5MeKE96FgA59qrO7_UaVBmwZAp1jqE9Qw3rgJzz8EIGUNmyCfmviF0Q3GUy7alYEw/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>
Replace in-Feedburner ID, its name FeedBurner Feed usually is at the end of the URL and look at the example of our blog: feeds.feedburner.com / Technolsoft bold is our name Feed. On TWITTER-USERNAME, substitute your login name Twitter, which you use to promote, eg Technolsoft or @ Technolsoft. And on FACEBOOK-USERNAME, substitute your username facebook if you're unsure replace the complete url.

6) Save and preview.

Counter for individual posts of Blogger - PHP / MYSQL


After many requests by e - mail I decided to create this tutorial to explain how to do this counter that I have here on the Blog . I tried to make it available for everyone , plus my server did not support this feat , so I will teach you install it on your own server so you can enjoy it better. The counter is basically done in " PHP " and uses a " database" , if you have doubts about the possibility of doing this in your hosting ask you contact their support and check it . I want to remember that this script credits go to the creator Ashu . See below how to :


1 - Download the script to your computer and extract it to a folder . The extracted file will have the php extension.

2 - Go to the control panel of your hosting , and create a new database named " bloggercounter " without quotes . Now go to the page and click on phpMyAdmin database created , and then click the SQL icon and enter the following code :

CREATE TABLE `bloggercounter`.`counter` (

`SN` BIGINT NOT NULL AUTO_INCREMENT ,

`name` VARCHAR( 1000 ) NOT NULL ,

`hit` BIGINT NOT NULL DEFAULT '1',

PRIMARY KEY ( `SN` )

) ENGINE = MYISAM
Click "Run".

3 - Open with notepad the file counter.php downloaded in the "Step 1" and edit the following lines:

$username = "YOUR-USERNAME"; // Enter Your Username and Password Here
$password = 'YOUR-PASSWORD'; // Enter Your Username and Password Here
$database = 'YOUR-COUNTER-DATABASE'; //Enter Your Database Name Here
$table = "YOUR-COUNTER-TABLE"; //Enter Your Counter Table Name Here
After finding the lines, edit the words in red with your hosting login, edit the words in orange with the password of your hosting, edit the words in green putting the following information: bloggercounter seen in step 2. In the passage in blue enter the following: counter. Save the file with the changes.

4 - Send the file to your hosting. Now insert the link to the file in the following excerpt:

<script src="http://sua-hospedagem/counter.php" type="text/javascript"></script>
5 - Now just follow this tutorial created here on the blog, just remembering to replace the words appearing there for this that you created in step 4.

Add Flashing Christmas Lights To Blogger Blogs

Embellish your blog with Christmas lights, with this script that generates a flasher, who will leave his amazing blog, and besides it's cool to express this joy that this day brings causing this also reflects on my blog, see below how to apply this script.



1 - Go to Blogger (blogger.com)

2 - Go Layout/Design-> Edit HTML

3 - Using the "CTRL" "F" keys, search for </ head> and before this tag add the following code:

<script type='text/javascript' src='http://snowysites.com/lights.js'></script>

4 - Save changes and visualize.Veja an example on this site. 

How To Start A Blog - - How To Make A Website

 The beginning of the year is always a time for change , whether in personal life or at work, etc. . We can also say that this also applies to blogs because if your blog was not very good in the year that has passed , it may be that he has a chance to improve this year , so today I created this post to a retrospective of tips will make your blog a success . See below for links and synopsis of each of the posts :

1 - Start the year changing everything in your blog , look, content (if needed ) , learn these and other tips in this post : Change the contents of the blog , it works ? .
2 - Feed , this is an easy way to attract readers to your blog so because this comes quickly to the reader , in email , in Feed , etc player. See how to insert a subscription box on your blog Feed : Attracting more readers to your Feed .
3 - Meta tags , this is also an easy to spread through your posts , because it facilitates the reader find your content using search engines , in this post you will see how to optimize your blog for meta tags : Turn your categories in Meta tags (keywords) - Blogger / SEO .
4 - Domain itself, it undoubtedly brings a big improvement to your blog because your blog will leave a thing created by chance, to a slightly more professional blog to know more about the field , read this post : Self-Control or Blogspot subdomain ? .
5 - Template , not only lives a blog content , appearance and ease of navigation are factors that directly contribute to the amount of visits your blog gets , so if you think your layout is not good or that your navigation is heavy , consider change the template for this we need some themes for your blog : Templates

How to Add Twitter Followers Gadget To Blogger


This Gadget displays your last 10 Twitter followers in the sidebar of your blog, so you can besides showing thumbnails of followers you can also encourage your readers to follow you on Twitter. Furthermore the Gadget is also very beautiful so it can increase your blog more causing your sidebar is more attractive, to add just follow the tutorial below.


1 - Go to Blogger dashboard (blogger.com)

2 - Go Layout/Design-> Add Gadget> HTML / Java Script

3 - Now add the following code as content:

<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("User");</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 290px !important; /* Largura do gadget */
height: 250px !important; /* Altura do gadget */
}
</style>
 Note: In red substitute your Twitter username, example Technolsoft

4 - Save changes and view.

make money from blog visitors

Who has blog know how difficult it is to profit from it, there are several ways one of the easiest is that I will now show you profit by unique visits by IP every day.



The affiliated companies are advertising the web that I quote here is India affiliate, and is the only one that pays per view, ie as someone come to your blog and see the ad, is not like most for clicks ends up being very difficult to profit.

The amounts paid are those R $ 2.00 per 1000 unique views pop-unders
and R $ 0.40 per 1000 unique views of banners is a very simple way as someone accesses your website or blog you have earned you can receive for ma checking account or your Paypal account and to register just click on the banner.

Templates Promotion Professionals

Want one your unique, personalized, different design and professional logo template to forget what an amateur blog in so what are you waiting staff sika Flex is promoting a great deal along with news and blog Blog. 3 are 10 professional templates and logos for how to make see on our site to see our work with blogs, we have two for those who want to give our potential.


See our blogs

  •      All detonated Flex
  •      low Flex

How to Add Facebook Comments System in Blogger

Facebook has a system very good reviews , allowing you to post unlimited comments, and even get links to them , as all comments will also be integrated into the social network . In addition to this advantage the system offers an additional option to Blogger , which is offering the option to comment using your Facebook account . The placement of the system is very simple just follow the tutorial below.




Creating a Facebook application
The first step is to obtain an application ID so that comments can function in this here blog post I explained how to do this , just follow the tutorial , remember to note the end of " Application ID " .
I - Creating the comment box
1 - Visit our Facebook development this link
2 - Do not fill in the " Unique ID " box.
3 - "Number of Comments " enter how many comments you want to view.
4 - Now in " widht " fill the width you want the comment box to appear . You can add a value and see example opposite , on the same page .
5 - Now click on " Get code " and copy the code in the box obtained .
II - Changing the code obtained
The code which is in English , so if we install this way the language of the comment box this will be by default , to change just change the code from above "en_US " to " en_US " . Now in " APP_ID " also in the code, change the number of " Application ID " , from above .
III - Installing on Blogger
1 - Log in to Blogger ( blogger.com ) .
2 - Go Layout/Design- > Edit HTML - > Check " Expand Widget Templates " box.
3 - Look for the following code , using the " CTRL " " F " keys :
To make your comments appear below the Facebook post look this code :

<p><data:post.body/></p>
or

If you want your comments appear above comments from the Blogger system, look for this:

<b:includable id='comments' var='post'>
4 - Add the code.

5 - Save and preview.

Layout, why change?

When we have a layout, we always want to adapt it and make it better, we finished everything, leaving it perfect, there always will change the template, I did change the blog is because when you are in the world of technology, there is always the idea of ​​evolution. So moved, as always for a more elegant theme, this time differential is that the theme was converted WordPress to Blogger, showing that they are not automatic plugins and things needed to make the blog looks good, this topic was done by Tech Astico still missing some adjustments to make it work exactly as in WordPress, more'm already providing this, I mean that is also changing deal for the blog deals more and more interesting things for us bloggers. I hope this post will also serve to show that Blogger has potential yes.

Rephrase your blog and earn more visits

When you have a blog where we create new products , because we do not always all of the right or generates visits , we always have to be open to any changes that we can adapt to our blog reader, when unless your blog is personal content , it will always be more valuable in the post yesterday raised an important issue that has the layout , which is what the reader uses to interact with its content , so it is always important for possible errors in it , so that they can be corrected.



Layout , why change ?

Another point that should be brought into question is also the content that you post , this is the most important because it is that the sense of having a blog , always try to post what you think your reader will understand , do not publish if you are unwilling to create interesting content , since this would only occupy space, making your blog not very interesting for the readers and for the search engines .

Change the contents of the blog , it works ?

These are my tips for today for you to succeed with your blog , as I said the blog is changing so now is the content that will not be missed .

Variables Blogger URL, Iframe and Script - Part I

Variables Blogger are a way we can make our blog integrates multiple services without us having to modify them for each posting , this means that we have an automated and dynamic platform , but we have to know them to create functions based on URL , scripts and iframes . Today we will see how to integrate these functions to our blog . In a previous post I explained how to integrate easily to a variable of type Script (no URL ) , ie the complete scripts directly posted in HTML :



Blogger HTML Variables
identifying Variables

The first step to join variables to a URL of iframe , script or links , is to identify what needs to be replaced , we will take as an example a simple code used twitter to send the links to microblog postings , see :

<a href = http://twitter.com/share class = " twitter -share -button " data- url = " http://www.google.com " data- text = " Google " data- count = "vertical " > Tweet < / a > <script type="text/javascript" src="http://platform.twitter.com/widgets.js"> < / script >

Note that the address of Google is a variable because we want it to be replaced by the link to the posting shall make for Twitter, see what Google is also the title of the address , in his place we want the title of our post.
Knowing the variables

Variables Blogger are very simple look :

Posting variables :

date : post - > All variables start posting so now see the attributes

    Date : post.title - displays the post title
    Date : post.url - displays the URL of the post
    Date : post.author - displays the poster

Applying the variables

Let's apply the variables that previous script , see how it looks :

<a href = http://twitter.com/share class = " twitter -share -button " expr : data- url = 'data : post.url ' expr : data- text = 'data : post.title ' date count = " vertical" > Tweet < / a > <script type="text/javascript" src="http://platform.twitter.com/widgets.js"> < / script >

Note that replaced the Google address corresponding to the URL variable , also see the Google title was replaced by the corresponding title variable. Before the start of each attribute add the term expr : it functions as an activator of the variables without the variables it would be interpreted as text , so it is very important to add it .

In the next post we will see how to add direct URL variables in ...

Variables Blogger URL, Iframe and Script - Part II

Continuing the subject of today we will see direct application variables in URL, so that it carries variable functions.
Applying for URLs



As an example let's use the iframe that generates the share button from Facebook:

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href="http://technolsoft.blogspot.com/2014/02/variables-blogger-url-iframe-and-script.html"&layout=button_count&show_faces=false&width=110&action=like&colorscheme=light &height=20'></iframe> 

First step is to identify the variables, see that here is the link of the post. Now we put the expr: before the src attribute to the Blogger identifies the variables present in URL.Vale also remember that all quotes must be common, ie, one can not be the dublas. Now isolaremos all the above variables with quotes dublas see:

<iframe allowtransparency = 'true' frameborder = '0 'scrolling =' nee 'expr:src='"http://www.facebook.com/plugins/like.php?href="http://technolsoft.blogspot.com/2014/02/variables-blogger-url-iframe-and-script.html"&layout=button_count&show_faces=false&width=110&action=like&colorscheme=light & height = 20 "'> </ iframe>
Now we replace the words in red by Blogger variable, add one more note that character of unity, see:

<iframe allowTransparency='true' frameborder='0' scrolling='no' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=110&action=like&colorscheme=light &height=20"'></iframe> 
See the most character (+), uni what is before with what is after. Also remember to add a space before and after the character.
Suiting Characters inconsistent with Blogger

Blogger is incompatible with some characters, most of these can be converted to a format that is most suitable look at the example of the "&" character in the above give error due to this symbol code, so after being converted he was so "& , "is there to replace all" & "for this, see:

<iframe allowtransparency = 'true' frameborder = '0 'scrolling =' nee 'expr: src =' "http://www.facebook.com/plugins/like.php?href =" + data: post.url + "&amp;layout=button_count&amp;show_faces=false&amp;width=110&amp;action=like&amp;colorscheme=light&amp;height=20"'></iframe>
Ready now just add to Blogger!

New styles of pages on Blogger

Blogger is week launched another appeal, which are dynamic pages, with a more attractive style, and faster, allowing the reader to access his blog with a connection of any speed without having to wait to load the blog all and banner ads. To use the function is simple just add / view at the end of your blog address, eg : technolsoft.blogspot.com view, although the design is not the same, of your page, it is very beautiful. To give your readers this type of page, add these links to your blog.



Blogger, as always bringing many features to our blogs. See the official video of the new feature:

How to add 2leep, random articles with style - Blogger

The 2leep is a website you can create random items with a very cute style , so that your blog has a much more elegant design than the text style , plus it displays a thumbnail of the post. To have this feature on your blog is necessary to make a small record, here's how you do:



1 - Visit the 2leep

2 - Click on " iobter a widget ! "

3 - Fill with your blog address , click Next .

4 - Wait for the generation of widgets , then choose what you want :

    Horizontal 1
    Horizontal 2
    Horizontal 3
    Horizontal 4
    vertical
    And click Next ...

5 - Fill your email and password ( password) , and then click Register.

6 - Then the code , you must copy or customize with more options offered by the site is presented .
Entering the Blogger

1 - Go to Blogger dashboard ( blogger.com )

2 - Go to Design- > Edit HTML - > Check the box Expand Widget Templates

3 - Look for the following words :
<div class='post-footer-line post-footer-line-3'>
4 - Then enter the code obtained by adding between these two passages:

<b:if cond='data:blog.pageType == "item"'>
<- Enter the code here ->
</ b: if>
5 - After making this copy the code has previously edited with codes, and enter below the words "3".

6 - Save your changes and view.