Selasa, Maret 11, 2014

Download iOS 7.1 Final IPSW For iPhone And iPad Direct Download links

The final version of iOS 7.1 download links have just been released by Apple for those on iPhone, iPad and iPod touch. As well as bringing support for the Cupertino company’s recently-unveiled CarPlay feature, iOS 7.1 brings a host of smaller enhancements, as well as the usual supply of bug fixes and general performance enhancements. Full details and download information, as well as the full change log, can be found after the break.
It has been reckoned by numerous, notably-reliable sources that iOS 7.1 will be making its grand entrance around the middle of March, and if anything, today’s release has hit the scene a little earlier than we’d projected. After five pre-GM beta builds, which gave us frequent insight into CarPlay before Apple finally officially showcased it at the recent Geneva Motor Show, iOS 7.1 is now ready for prime time, and if you’re in ownership of an iOS 7-ready device, then you can get involved with the very latest build of Apple’s mobile firmware.
iOS 71 final header

 As expected, there are no hidden surprises packed into iOS 7, but rather a refined version of the previous beta released to developers towards the end of February,. Still, with some aesthetic tweaks, CarPlay, and the customary dose of bug fixes, iOS 7.1 is definitely worth picking up, although if you’re a jailbreaker, we would encourage you to hold off for as Evasi0n7 is completely patched in iOS 7.1.
Since the new release is hot off the press, we haven’t had a proper chance to sit down and look at it, but we’ll be following this post up with an in-depth features article in very near future, so stay tuned for that.
The complete change log is as follows

iOS Screenshot 20140310-220023 02

On very first impressions, though, iOS 7.1 everything seemed nice and stable, with the kind of fluidity we’ve come to expect from Apple over the past few years.
Below, you can find links to the iOS 7.1 build specific to your particular device, so download it, fire up iTunes, and get updating.
iOS 7.1 Download IPSW Links:
Once again, though, if you wish to preserve a jailbreak, please do hold off this update as there is currently no jailbreak available for this firmware version.

iOS 71 OTA update
If you do notice any neat new features, or indeed any bugs / issues when using iOS 7.1, be sure to make note of them in the comments section below!
You can follow us on Twitter, add us to your circle on Google+ or like our Facebook page to keep yourself updated on all the latest from Microsoft, Google, Apple and the Web.

How To SEO Optimize Your Blogger Blog Titles For Higher Search Results

This is called "Blogger/blogspot Title Swapping". Swapping blogs title can help boost your position in search engine results page listing and also increase clickthroughs. From an SEO (Search Engine Optimization) perspective, page title is the most important element in your blog in terms of ranking well in search engines. If you look at your browser's title bar you will notice that Blogger's default templates display your blog title in front of each page or post title. So page title would normally be displayed as:

After swapping the blog title, it will be appearing like this:

This kind of placement will be also appearing in google search results. The reason why you should put post titles at the beginning is because users are more likely to search for specific post content rather than the actual name of your blog. So having the post titles at the beginning increases your chances of being found.

How to optimize blogger post titles

Step 1. Log in to your Blogger Dashboard and go to Template > Edit HTML 

Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger' search box

Step 3. Type or paste the code below inside the search box to find it:



Step 4. You need to replace the code above with this one:

 <b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> |<data:blog.title/></title>
<title><data:blog.pageTitle/></title> </b:if>
Step 5. Click Save Template and you are done!

Ways To Increase Page Impressions and Traffic on Your Blog

What is a Google AdSense "Page Impression"?

The page impressions or page views - how much time a user stays on your website and how many pages are visited. This is one of the most important things when talking about advertising. Page impressions are the result of good high quality traffic which is mostly based on the quality of the content available on your blog/website. If you build high quality content then people will enjoy navigating through your site and therefore, create page views.

In general, AdSense reports show the following fields of information:
  • Page Impression: how many times the page or pages containing the AdSense advertisement was shown to your blog/website visitors
  • Clicks: the number of times visitors clicked on an advertisement from your site
  • Page CTR: The clickthrough rate of an advertisement is defined as the number of clicks on an ad divided by the number of times the ad is shown (impressions), expressed as a percentage. (1) In most cases, a 2% click-through rate would be considered very successful, though the exact number is hotly debated.
  • CPC: is Cost Per Click. That is what Google pay you per click.
  • Estimated earnings: Your account balance for the time period selected. This amount is an estimate that is subject to change when your earnings are verified for accuracy at the end of every month.(2)
Below are some ways that could help you to increase the page impressions:

1. Navigation Menu

  Create a navigation structure that is clear and easy to follow. You want to make sure that once you have a visitor, they can easily make it to other parts of your blog. Creating links within your blog pages is one of the best ways to increase the number of impressions for your website.

2. Posts Summary on Homepage

A very good method to increase your page views is to have a summary of your posts on your blog/website homepage. That will force visitors of your blog to click on posts link / read more button in order to see the full article. To show only a part (excerpt) of Blogger posts, read this tutorial:
Automatic Posts Summaries for Blogger with Thumbnails 

3. Improve Blog/Website Load Time

If a blog’s pages load very slowly, then visitors will eventually lose patience and stop visiting more pages, sometimes sooner rather than later. A blog that has quick loading pages is a pleasure to browse and it encourages more clicks.

4. Add a Popular Posts widget

Another great way to engage your readers to stay more on your site/blog and to browse through your content and make more pageviews is to add a Popular Posts Widget where you share some of the best posts on your blog.

Here are some nice Popular Posts widgets for your Blogger blog:

Popular Posts widget above Blogger Posts 
Multi-Colored Popular Posts widget

5. Add a Random Posts Widget

If you have loyal visitors who come to your blog on a daily basis, a popular article widget will become boring just because they see it every day, with same posts. A random posts widget will mix the articles so that the probability for a post to repeat will be very low.

Want to add a Random Posts Widget for your Blogger blog? Then take a look at this tutorial:
Random Posts widget with thumbnails

6. Link to Related Posts at the End of a Post

Displaying a related posts is a smart way for keeping your site visitors around. The widget links to stories that are relevant and interesting to readers of a particular post, keeping them engaged with your blog, and increasing your traffic.

If you don't have it on your blog yet, see this Related Posts Widget tutorial for Blogger blogs: Add the Related Posts Widget with Thumbnails to Blogger 

7. Add internal links to your content using related anchor text

Include a link in a new post to related information in a previous post. When you link to a previous post that you've written you should consider doing it so with descriptive words of the post, rather than generic words. (don't use simple words like "click here for more"). Adding links to previous articles will determine your visitors to view articles and automatically will be converted into page impressions.

8. Provide links into your social networks profiles or forums

Share your blog links on Facebook, Twitter or any other websites or popular forums. Answer to questions on the web. But be careful to not be too intrusive and always try to give pertinent info.
You wouldn't want to support or to be considered as a spammer, don't you?

9. Add a search box

A lot of websites does not have a search box. As a result, the visitor will leave the site if he didn't find anything further relevant. For best results, you should be using the Google custom search widget. You can embed the Google search box directly in your blog. The search results will be more relevant than those that are provided by your default search box.

10. Add Social media buttons 

Give your visitors multiple options to tweet, bookmark and share your posts via Facebook as well as save your whole blog. Put social icons below your post and in the sidebar, make them visible and let them be found easily. 

11. Use a clean background for your posts and readable fonts

Avoid dark backgrounds, tiny and sophisticated fonts, and make written content the visually most distinct part of your blog. If your main objective is to deliver a message and get the visitors reading your stuff, then you should make this process comfortable for them. 

12. Advertising

And finally, getting people to your site may just be a matter of getting the word out. By using pay-per-click advertising, you can create an inexpensive advertising campaign to get more people to your site.

Following these tips will surely increase your blog's page views, which will make your blog traffic high in the future. Good luck!

How to optimize Images and Increase Blog Traffic

This tutorial will explain you how to optimize images before uploading them on your blog. Generally, most of people don't optimize images before uploading it to Blogger as needed. Optimizing images should be done if you want to improve the SEO (Search Engine Optimization) or your blog or site. Learning the correct and proper way of optimizing images in blogger is very important as well.

Google Image search is used widely for finding quality reference images, icons or photos. A great percentage of our blog traffic depends on Image search. When we are downloading images, most of the time they are saved with odd names and we don't take any interest in modifying the name. So we should always consider two things when uploading images on our blog - the proper use of the alt tag and changing the name of our images or pictures with the proper keyword.

1. Change Image Name with Keyword

When we are downloading images from the internet, generally they are saved in local drive with some very odd names like untitled.png, img.png etc. So changing these names with appropriate keywords is always helpful. For instance, if I want to add img or untitled in this post, then I would definitely change these name with those words - or keywords - that would describe the best my content; thus, if I want to add an image to a post about seo topics, then I would name it something like SEO.png or optimize-image.png so that it would be relevant to the post content.

2. Use alt attribute

Search robots cannot read multimedia, be it graphic images or flash. An image is meaningless for search spiders if it is not defined (tagged). Therefore, in order to tell the search robots what the image is about, we can add an alt tag to our image code - when we upload a photo inside the post editor, click on the image and below it, click on the Properties link:

After clicking on the Properties link, the Image properties box will popup. Inside the Title text section, type a relevant title for your image and below, and in the Alt text section, type a short description of your image... then press OK.

It is recommended to write short sentences to describe your pics and to keep the description limited to 4-5 words. Less is better. Also, make sure you don't use the same words, try to mix up your image keywords. 

These are simple tips for SEO image optimization which are not only effective for your SEO but can also boost your traffic. If you are wondering how to get images for your blog, please read this tutorial: How to upload images and get the url of your pics

Adding a Meta Description to Blogger

An important part of a good SEO is the implementation of meta tags, which are commonly located in the header of our website, that are being, in the same time, invisible to users visiting the site. Well, to be more succinct, these tags have only one purpose: to include information about the page such as author name, date, key word, description, title, among others.

However, here we will only mention one, which is the meta description in Blogger. This description will appear as a fragment in the search results and as a description when sharing on Google+, Facebook and other social networks. A clear and precise description increases the chances of getting more clicks or visits.
As we will work only on the Blogger platform, here I will leave a little guide to easily add a meta description.

Meta Description in Blogger

The first thing we will do is going to our Blogger dashboard and from there, go to Settings > Search preferences > Meta Tags > Description and click on Edit.

Then check the box "Yes" to enable search description. Finally, click the "Save Changes" button.

Adding Meta Description To individual Posts

Now we will focus on adding the meta description to individual pages. Simply edit the page or post, look for the Search Description setting, and there we enter the text and save by clicking the Done button.

And that's it. However it is best to test if it works and we will do so with the MetaChecker online tool, where we only have to introduce the url of a post or page, click Analyze and then it will show the results, including a complete analysis of keywords, on-page seo , meta tags, URLs, current server status and a rating bar that goes from Horror to Excellent.

If none of the meta descriptions appear (rarely fails), we can do the process manually, but it requires us to touch a bit of code. In this case, go to Template > Edit HTML and insert before <b:skin><![CDATA[ the following code:

 <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  <meta expr:content='data:blog.metaDescription' name='description'/>
Of course, we will use again the previously mentioned tool to ensure that the description is placed correctly and if all goes well, our blog would be ready to face a good SEO.

How to Write SEO Optimized Blog Posts

I'm not a SEO Expert, nor what we will read further is a top secret, but this is about the basic positioning that everyone should apply in order to optimize their blog posts. And with these techniques, effort, and a lot of patience, we can occupy the best places in the search results of different search engines.

For sure not all the cases are alike, neither all blogs are positioned in the same manner, some might have greater competition than others depending on how popular is the topic that they handle, thus, when it comes to web positioning, there's no specific time that applies for all. Having said this, let's begin.

Focus on a topic

Whatever the theme of your blog is, when writing a post, try focusing on a definite subject that has a clear objective and has no distractions. For example, if you write about Digital Cameras, then the beginning and the end of the post should be only about it. Don't start talking about digital cameras and end up telling about what you have done last weekend. A reader goes to a page because is looking for a specific information, so unless it is not a personal blog (where you write about your daily life) do not digress.

Define the post title

The post title should be precise, so that you can briefly summarize the content of the post, but you must not abuse this either, and although it should be concise, do not save words that might be keys to the search.


 Collection of all the cameras that have been released last year on the market
 The best digital cameras of 2012
Clearly, the first one hasn't been defined very much and the second is not only more accurate but it is more appropriate as well, for what people are searching on the internet.

The keywords

Keywords are those terms that the most people search for on the internet and you should try focusing on them when writing an article; these keywords have to be included throughout the entire article but you should be careful not repeating them too many times.


 During the fourth week of the technology, there were many products that are utilized today, and the most famous experts gave a speech on them.
 At the opening of the fourth Technology Week, the experts talked about various topics, including how to choose a digital camera, had discussions about the pros and cons of the iPad, and which are the best smartphones.
In the first example we have written without giving importance to any terms, meanwhile, in the second one, we used phrases that are searched on the internet by the most users.

So, the most frequent search terms should be included wisely without cluttering your posts with them, or it can be counterproductive.

These keywords should be added in the title of the posts, as well.

Rely on synonyms

While it is good using keywords, we should not limit ourselves to a single word. It is recommended using synonyms because users do not name things in same way and using less keywords, you'll avoid leaving the reader under the impression that you are being repetitive and insistent.


 For those who like good quality pictures, Nikon D7000s Digital Camera is a 16.2 megapixel digital camera that takes great pictures.
 For those who like good quality images, Nikon D7000s is a 16.2 megapixel digital camera that takes excellent pictures.

In the first example we have repeated the word digital camera and pictures twice, meanwhile, in the second one, we used the digital camera keyword once and changed the word pictures with images.

This way, the reader will find a greater diversity of words and might enjoy the article more.

Using bold and italics

The main keywords should be highlighted, so that they will stand out from the rest; this is taken into account by the search engine robots being like some kind of lures for them, so the words with which you want to position yourself, need to be highlighted with bold, but be careful, this shouldn't be done with CSS, but with HTML, i.e. they should not be tagged with font-weight: bold; but rather with <b> or even better, with<strong>.


 For those who like good quality images, Nikon D7000s is a 16.2 megapixel digital camera that takes excellent pictures.
The result seems to be the same, but it is not. Although the three sentences are in bold, only one is more attractive to robots, which is the first. 

 For those who like <span style="font-weight: bold;">good quality images</span>, <strong>Nikon D7000s</strong> is a 16.2 megapixel <b>digital camera</b> that takes excellent pictures.
The same goes for the italics, use them for highlighting important words, but do not put them between font-style: italic; but rather between <i> or even better <em>. 

 For those who like <span style="font-style: italic;">good quality images</span>, <em>Nikon D7000s</em>is a 16.2 megapixel <i>digital camera</i> that takes excellent pictures.
Again, the first has a better chance of positioning than the others. So, it is recommended to highlight the keywords in bold and italics, or to put them between <strong> and </strong>, or between <em> and</em>.

Using links

Some believe that we shouldn't use links in the posts because this way we are giving away our Page Rank. This is not quite true, using referral links to sites that have already shaped their credibility, will also help us to shape our own. Certainly, we should not flood our posts with links, but we can do it when is necessary and especially with sites that address the same topics as you.

Also, avoid putting the typical "click here" or similar texts. When you put a link, the anchor text should be fairly descriptive.


 <a href="Link URL">Click here</a> to know more

 More information about <a href="Link URL">digital cameras</a>
In the first example, the anchor text is not relevant and descriptive, in the second it is.

Illustrating with images

Articles with images are not only visually appealing, but might help the reader to understand what you are talking about, thus, whenever you can, use an image in your post to illustrate the publishing, but do not overdo it, because many images or very large images can slow the loading time of the blog. 

New and relevant content

You should focus not only on writing many posts, but also making them relevant to your readers. New and original content is more attractive to the search engines than a copy & paste and actually, the last gets penalized. So try to write new stuff, even if you think that all has been said, it isn't so, each person has a different way of saying things.

Also, always try to get informed before writing an article; do a research and see if the information is valid, based on that, you will gain the trust of your readers.

With these few techniques you can increase the chances of positioning your posts on the internet. As I said earlier, these aren't things that no one heard about, but I know that many are beginners and don't know how to optimize the blog posts.

It does not hurt repeating that the positioning is not given overnight, but with some effort and patience, you should see the desired results over time.

Using JQuery + EasyDrag to Move Elements or Images by Clicking on Them

This is one way to make your site more interactive so that readers can "play" with certain elements of the page being able to drag from one side to another within the container in which they are, i.e. can drag the images with a script that will allow them to move from one place to another within the blog.

You can see an example in this test blog

To create this effect on images

Login to your Blogger account, go to Template and click the Edit HTML button:

Click anywhere inside the template's code and press the CTRL + F keys to search for this tag:

Just before </head> paste the following scripts:

 <script src='' type='text/javascript'/>
<script src='' type='text/javascript'/>
Note: If you already have jquery, please remove the code in red.

Now when you want to drag an image, use this code inside the HTML of your post or of your page:

 <img id="easydrag1" src="image-URL" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
Change the URL of the image where is indicated, and furthermore, it is important that each image has a unique ID, in this example the ID is called easeydrag1, that ID must be twice.

If you have another picture with this effect, then you should put a different image with other ID, for exampleeasydrag2, otherwise it will not work:

 <img id="easydrag1" src="image-URL" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
<img id="easydrag2" src="image-URL" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
$(function(){ $("#easydrag2").easydrag();}); 
And how do you do if you want to put a link to the image?

We will set one Javascript function, so that when we will double click on it to open the page we want.

In this case, the code you would use, would be this:

 <img id="easydrag1" style="cursor:move; border:0px;" ondblClick="'link-URL')" src="image-URL" /><script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
With this the picture can be without any problems dragged around and can be activated by double clicking on its link.

How to add custom Variable definitions to Blogger

In this post we are going learn about the CSS Variable Definitions for Colors and Fonts that could be found at the top of the style sheet of a Blogger blog. The values for the Variable definitions can be modified directly through the Blogger Template Designer where are the settings for colors, backgrounds, fonts and font sizes.

Most default Blogger templates, such as the Minima Template, use these settings for the CSS, which makes it easier to modify these variables through the Blogger dashboard, using the "Template Designer" (Template> Customize) editor and accessing to the "Advanced" section.

If the definitions are already established in the CSS, we'll be able to change the background colors, font colors, styles or sizes, directly from our Blogger dashboard without having to touch the HTML code of our template.

If these values ​​are not set, we can define them by creating our own variables. The more variables are created, the greater will be the ease of changing colors and fonts of the Page Elements by going to the "Template Designer" and accessing the "Advanced" tab.
In some cases, we can't change the color or font of a particular template if the designer has not implemented the variables in the template and didn't defined and specified a particular value directly into a property, and if there is no definition for these values​​, we may not be able to customize it through the Blogger's Template Designer.

There are two types of variables:

1) Color Variable: 

 <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#66bbdd"/>
In red is the variable name. Here you can put any name you want, however, it must not contain spaces, that's why we may see some variable names using a dot "." between each word.
In green is the description that will appear in the Fonts and Colors panel (it can contain spaces).
In blue is variable type, which in this case is "color"
In purple is the default value, which runs in the absence of any other value.
In orange is the value of the selected color.

2) Font Variable:

 <Variable name="body.font" description="Font" type="font" default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" />
In red the variable name without spaces.
In green the description of the variable, may contain spaces
In blue is the type of the variable, which in this case is font.
In purple the default font.
In orange is the font that you choose.

We can find the variables definitions in the <head> section of our Template by accessing the HTML code (click on the Edit HTML button). There we should see a pair of <b:skin>..</b:skin> tags. The CSS style declarations will go in between those tags, along with the variable names.



How to Create Variables with type Color

Now, let's see how we can create type="color" variables in our template.

Please copy the below snippet and replace the names and types as you like, then paste the code below this comment:

 /* Variable definitions
Code to copy:

  <Variable name="NAME" description="DESCRIPTION" type="color" default="#xxxxxx" value="#xxxxxx" />
For a better understanding, let's take a look at this example with variable of type "color":

 <Variable name="variablecolor" description="Variable with light blue color" type="color" default="#DDF2FF" value="#DDF2FF" />


Here I have created a variable of type "color", with the "variablecolor" name. The color values (#DDF2FF) can be applied to all the borders of my blog and whenever I want to apply color styles to a specific border, I will type it like this:

 border: 1px solid $variablecolor;
Note that I have added the "$" symbol before the variable's name which should be added everytime you want to implement a new variable definition.

Once we have created the variable, we can apply it on any property (not only borders) of any selector (page element) where it is possible applying the chosen color. 

For example, if I want to add this color in the main-inner background (sidebar and posts area), I will add it just after the "main-inner" class selector, like this:

 .main-inner {

Now that a new variable has been established, save and return back to the blogger dashboard by clicking on the "Customize" button > Advanced tab. You will notice that there is a new variable called "Variable with light blue color" - to change the color, just use the color picker tool.

How to Create Variables of type Font:

Now let's say I want to create a new variable of type="font" which I want to apply on the title of the sidebar gadgets. I will add it this way:

 <Variable name="gadgetstitlefont" description="Gadgets Title Font" type="font" default="normal normal 16px Arial,Verdana,'Trebuchet MS',Trebuchet,Sans-serif"  value="normal normal 20px Cambria"/>
In this variable that I just created, the default font to be searched by the web browser should be Arial, and in its absence, Verdana and so on. Otherwise, apply the Cambria font which is actually the font that we want and which can be easily changed by accessing the Blogger Template Designer.

Once the font variable has been implemented, we can add it to any property of any selector where we want to define this font style.

To define where this variable should be applied (which, in my example, is the title of the sidebar gadgets), I will need to include the values ​​directly in the "h2" property of the "sidebar" (sidebar-right-1) selector, by creating the following CSS rule:

 #sidebar-right-1 h2 {
font: $gadgetstitlefont;
And I will add this above the ]]></b:skin> tag of the Template (don't forget to add the "$" symbol before the variable's name, otherwise it won't work).


Now that we have given a new variable, Save the template and return to the Blogger dashboard by clicking on the Template > Customize button and access the Advanced tab. Scroll down and you will notice that there is a new variable named "Gadgets Title Font" - if you want to change the font type or size, you can do it directly by using this panel.

After you've decided what font style should be applied, click on the Apply to blog button on the right side.


As you work on your template design, you can add lots of variables for different colors and fonts, however, for other types of CSS attributes, there's not necessary to create variables. The other types (such as margin, padding) can be included in the HTML of the template (above ]]></b:skin>) just as they normally would be.