// API callback
featuredrecent({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243"},"updated":{"$t":"2023-12-14T08:32:55.007-08:00"},"category":[{"term":"how to"},{"term":"Blog Design"},{"term":"Widgets"},{"term":"posts"},{"term":"css"},{"term":"Comments"},{"term":"adsense"},{"term":"SEO"},{"term":"jQuery"},{"term":"social media"},{"term":"Image Effects"},{"term":"beginner's guide"},{"term":"blogger posts"},{"term":"Navigation"},{"term":"make money online"},{"term":"javascript"},{"term":"adsense optimization"},{"term":"menus"},{"term":"Facebook"},{"term":"adsense tips"},{"term":"social media plugins"},{"term":"popular posts"},{"term":"blogger"},{"term":"blogger pages"},{"term":"navigation menu"},{"term":"recent posts"},{"term":"threaded comments"},{"term":"google plus"},{"term":"related posts"},{"term":"blogging tips"},{"term":"recent comments"},{"term":"slideshows"},{"term":"static pages"},{"term":"tools"},{"term":"Templates"},{"term":"backlinks"},{"term":"custom domain"},{"term":"emoticons"},{"term":"instagram"},{"term":"labels"},{"term":"sitemap"},{"term":"RSS"},{"term":"click bombing"},{"term":"feedburner"},{"term":"firebug"},{"term":"font awesome"},{"term":"google analytics"},{"term":"homepage"},{"term":"invalid clicks"},{"term":"robots"},{"term":"statcounter"}],"title":{"type":"text","$t":"Helplogger"},"subtitle":{"type":"html","$t":""},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default?alt=json-in-script"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default?alt=json-in-script\u0026start-index=26\u0026max-results=25"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"226"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"25"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-4586187620788023517"},"published":{"$t":"2017-08-21T10:27:00.000-07:00"},"updated":{"$t":"2020-04-15T08:20:14.014-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"adsense"},{"scheme":"http://www.blogger.com/atom/ns#","term":"adsense optimization"},{"scheme":"http://www.blogger.com/atom/ns#","term":"adsense tips"},{"scheme":"http://www.blogger.com/atom/ns#","term":"make money online"}],"title":{"type":"text","$t":"16 Quick and Easy Tips to Increase AdSense CPC"},"content":{"type":"html","$t":"Is AdSense working for you? Are you frustrated at your inability to make big money from AdSense regardless of your best efforts? Wonder if you will ever make real money from your blog? Well, read on, for I'm going to show you how to \u003Cb\u003Eincrease AdSense CPC\u003C\/b\u003E the quick and easy way.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nBut before that, let's quickly walk you through the basics.  CPC means \"Cost Per Click\". What's that? It means advertisers who use the AdSense program pay Google every time someone clicks on their adverts. When you join the AdSense network, you will be running AdSense ads on your blog or web pages and get paid 68% of the bid price for the advert - the rest goes to Google.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSo if Google gets paid $4 for every click made on a specific ad for a certain keyword, you will get paid $2.72 every time a visitor to your website clicks on that ad, the one that is placed by Google on your web page.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nNow, if you want to make real money from the AdSense program, you should try to maximize the CPC price. This means having the right kind of adverts on your web pages, the sort that make you the most amount of money per click.\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg src=\"https:\/\/4.bp.blogspot.com\/-FdpzRgPhsfg\/XpciIzXp5gI\/AAAAAAAAMNw\/n0Yqy1QXIFM4ZWe_BFjGqZyt_TaFs5bDACLcBGAsYHQ\/s1600\/increase-adsense-cpc.png\"\/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\u003Cbr \/\u003E\nYou cannot decide the CPC of the ads that are placed on your blog. All you can do is to build your website or blog in such a way that Google places high value adverts or those with higher CPC on your web pages. Google decides where to place the ads through an automated system.\u003Cbr \/\u003E\n\u003Ch2\u003E\nWhy Click Through Rate (CTR) Matters\u003C\/h2\u003E\nThere is another important thing you need to keep in mind in this context, apart from the CPC. It is called the CTR or the Click Through Rate. The CTR is the percentage of visitors that click on the ads on your web pages.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIdeally you will want more visitors that click on the ads than those who just read your blog posts and ignore the ads completely. You will want a higher CTR in order to increase AdSense CPC. Is that clear enough?\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSo, if you have a CTR of 4% with a CPC of $1.5 - which indicates that 4 visitors of every 100 click on your ads - that is much better than a CTR of 2% with a CPC of $2.40. With the first, you will make $20.40 a day if you have a daily traffic of 1,000 visitors, and with the second, you will only make $16.32 a day from a daily traffic of 1,000.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSo, it's not enough to have a high CPC, you also need a high CTR. That's why, to make big money from your blog, you will need to focus on increasing AdSense CPC as well as the CTR.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nNow, before I give you tips on boosting your AdSense CPC, let's try to understand why your current AdSense CPC is so low.\u003Cbr \/\u003E\n\u003Ch2\u003E\n\u003Cb\u003EReasons why your AdSense CPC is Low\u003C\/b\u003E\u003C\/h2\u003E\n\u003Col style=\"padding:0 0 30px 30px !important;\"\u003E\n\u003Cli\u003E\u003Cb\u003ENiche\u003C\/b\u003E\n\u003Cbr \/\u003EYour website or blog belongs to a less profitable niche, one where your audience doesn't click on the ads. So if you have a blog that covers politics, for example, it's not your fault that you have a low CTR, it may have to do with your niche. Now, real estate blogs on the other hand, they have high CTRs.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EGeography\u003C\/b\u003E\n\u003Cbr \/\u003EIt has to do with where your audience comes from. If much of your audience is located in a country where the clicks don't cost much, then you will have a low CPC as well.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EMobile\u003C\/b\u003E\n\u003Cbr \/\u003EMaybe your website isn't mobile friendly as yet. Since the Mobile-Friendly update launched on April 21, 2015, Google penalizes websites that are not mobile friendly, through lower position on the SERPS and lower CPC values.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EProgrammatic media buys\u003C\/b\u003E\n\u003Cbr \/\u003EProgrammatic buying by advertisers has resulted in a massive slump in income for many bloggers that depend on Google AdSense for a living. Nothing you could do about that.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EBlocked advertisers\u003C\/b\u003E\n\u003Cbr \/\u003EYou may have blocked a few advertisers for many reasons. You may have blocked your competitors from advertising on your site and you may have blocked a few companies whose policies you don't agree with. Well, the problem with that is that \u003Ca href=\"https:\/\/support.google.com\/adsense\/answer\/154718?hl=en\" rel=\"nofollow\" target=\"_blank\"\u003Eyou will get penalized for this by AdSense\u003C\/a\u003E through lower CPCs.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EVideo\u003C\/b\u003E\n\u003Cbr \/\u003EYou may have a successful YouTube channel, but the placement of YouTube ads on your website or blog has meant that the money is going to YouTube and not to AdSense. So you have a lower CPC.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EPoor targeting\u003C\/b\u003E\n\u003Cbr \/\u003EIt's the advertisers' fault! They have no clue on how to target the right blogs for their products or services. So you have a men's fashion blog and for some strange reason you get adverts for women's fashion and accessories. Well, it's poor targeting by the advertisers, not your fault, but that lowers your CTR and CPC.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EEconomy\u003C\/b\u003E\n\u003Cbr \/\u003EThere is little you can do when there is a recession in your country or across the world and people are just not buying enough. So advertisers have no choice but to limit their marketing expenditure and your CPC suffers as a consequence.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003ESeasonality\u003C\/b\u003E\n\u003Cbr \/\u003EIt could be a seasonal thing. If you have a blog that offers match day predictions for the English Premier League, you won't have too many visitors during the off season when there are no matches played. So you will have a lower CPC at this time. Similarly, if you promote gifts or greeting cards on your website, you will have high CPC ads during the Holiday Season, and lower CPC ads for the rest of the year.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EAds sizes\u003C\/b\u003E\n\u003Cbr \/\u003ENot all ads are the same. Some ads convert much more than others. Not having enough converting ads can reduce your CPC. Pay attention to the size of the ads - there are some sizes that convert better.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EImproper ad placement\u003C\/b\u003E\n\u003Cbr \/\u003EYou have violated \u003Ca href=\"https:\/\/support.google.com\/adsense\/answer\/1346295?hl=en\" rel=\"nofollow\" target=\"_blank\"\u003EAdSense ad placement policies\u003C\/a\u003E in some way without actually realizing it, and have been penalized by Google for it.  Google has strict policies on the ads, and they frown upon the practice followed by some publishers where they trick users into clicking on the ads. This has to be avoided at all cost.\u003C\/li\u003E\n\u003C\/ol\u003E\n\u003Ci\u003ESo, these are the 11 reasons why your AdSense CPC is low. Now, how can you increase AdSense CPC?\u003C\/i\u003E\u003Cbr \/\u003E\n\u003Ch2\u003E\u003Cb\u003EHere are 16 Quick and Easy Tips to Increase AdSense CPC\u003C\/b\u003E\u003C\/h2\u003E\n\u003Col style=\"padding:0 0 0 30px !important;\"\u003E\u003Cli\u003E\u003Cb\u003EOptimize your content for high value keywords\u003C\/b\u003E - Do your keyword research and identify the best paying keywords within your niche. The way AdSense works is that advertisers bid for keywords. There are some keywords that get the best bids and have a much higher value. Those are the keywords that you should focus on and optimize your content for.\n\u003Cbr \/\u003E\u003Cbr \/\u003EThere are some keywords that could be worth $100 or more per click. Do your research on them and include them as naturally as possible in your content. In the US, the best paying keywords are available in categories such as \u003Ca href=\"http:\/\/www.wordstream.com\/blog\/ws\/2017\/06\/27\/most-expensive-keywords\" rel=\"nofollow\" target=\"_blank\"\u003Ebusiness services, bail bonds, casino, lawyer and asset management\u003C\/a\u003E. Create content relevant to such popular niches and optimize your articles and blog posts with the best paying keywords.\u003C\/li\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;margin-left:-30px !important;\"\u003E\n\u003Cimg border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-XPwKohKLq3w\/WZsZmDbn0iI\/AAAAAAAAMI8\/v3sFL4RuMnglUWwZrjMS5sHrMi_ri2bsgCLcBGAs\/s1600\/most-expensive-keywords-2017.jpg\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cli\u003E\u003Cb\u003EFocus on long tail keywords\u003C\/b\u003E - It's not enough just to have the best paying keywords. You should do your research on SEO tools such as \u003Ca href=\"https:\/\/adwords.google.com\/KeywordPlanner\" rel=\"nofollow\" target=\"_blank\"\u003EGoogle Keyword Planner\u003C\/a\u003E and \u003Ca href=\"https:\/\/www.semrush.com\/\" rel=\"nofollow\" target=\"_blank\"\u003ESEMRush\u003C\/a\u003E and identify the best paying long tail keyword phrases which are relevant to your readers. Include these keywords in your content. Make sure to use \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2015\/05\/keyword-difficulty-analysis-how-to.html\"\u003Ethe best SEO practices to optimize your content\u003C\/a\u003E with these keywords - but keep it natural, don't stuff keywords without considering the grammatical correctness and the flow of the writing.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003ECreate engaging, high quality and profitable content\u003C\/b\u003E - The quality of the content is the most important thing to be considered. You should have a clear idea of what your readers are looking for and provide them with the right kind of solutions to their problems. You should write content that creates value to a highly targeted audience, who are looking for information within a niche. The content should be SEO friendly and placed prominently on Google's SERPs. The higher the traffic, the more people that read your content, the higher will be your AdSense CPC. As simple as that!\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EMake good use of the\u0026nbsp;AdSense Ad Review Center\u003C\/b\u003E - The \u003Ca href=\"https:\/\/support.google.com\/adsense\/answer\/82503\" rel=\"nofollow\" target=\"_blank\"\u003EAdSense Ad Review Center\u003C\/a\u003E is a tool that allows you to review individual ads so that you can decide whether to block them or to display them on your web pages. This gives you a much higher level of control and transparency over the ads that appear on your website or blog.  It gives you complete control over what sort of products, services or brands are promoted on your website or blog. You should make use of this tool to display adverts from high paying advertisers only. Remember - not all AdSense adverts are supported by this tool. Ad Review Center only allows you to block ads at the product level and not at the website level.\u003C\/li\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;margin-left:-30px !important;\"\u003E\u003Cimg alt=\"adsense ad review center\" border=\"0\" data-original-height=\"683\" data-original-width=\"1269\" src=\"https:\/\/1.bp.blogspot.com\/-FtwW3_PD5_I\/WZht7A2hGTI\/AAAAAAAAMIU\/XYLC033ay7smdohtMX8a8WC5bjqvNlsPgCLcBGAs\/s1600\/ad-review-center.png\" title=\"\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Cli\u003E\u003Cb\u003EFigure out the best ad sizes\u003C\/b\u003E - The right kind of ad sizes and placements bring you the best paying CPCs. There are some ad sizes that are very effective for certain platforms, such as mobiles and tablets, but not so successful on other platforms, such as laptops. Choose \u003Ca href=\"https:\/\/support.google.com\/adsense\/answer\/17955?hl=en\" rel=\"nofollow\" target=\"_blank\"\u003Ethe best ad sizes\u003C\/a\u003E for various platforms and experiment with them till you get a CPC that you are comfortable with.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EUse Smart Pricing to your advantage\u003C\/b\u003E - Advertisers of today want higher ROI and want real clients. Google understands this and makes an accurate projection on the conversion rate of the ads before deciding which ads to serve and where to place them. This is based on a \"\u003Ca href=\"https:\/\/support.google.com\/adsense\/answer\/190436?hl=en\" rel=\"nofollow\" target=\"_blank\"\u003ESmart Pricing\u003C\/a\u003E\" model which Google uses these days. You can use Smart Pricing to your advantage by displaying relevant ads, attracting high quality traffic to your blog and creating amazing content.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EMake use of the Competitive Ad Filter\u003C\/b\u003E - the Competitive Ad Filter is similar in a lot of ways to Ad Review Center discussed earlier. The purpose of this tool is to filter out any unwanted ads and to prevent them from appearing on your site. You can use this tool to block ads from your competitors. You can block entire AdSense accounts or specific domains. Now, this doesn't do much for your CPC, but it ensures that your competitors don't display their ads on your site. The last thing you want is for your customers to be led to your competitors' websites.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EFollow Google's Mobile-Friendly guidelines\u003C\/b\u003E - Since April 21, 2015, Google has made the mobile-friendliness of a website as one of the premier rankings factors for its algorithm.  You have to optimize your website for the mobile; if you don't you will get penalized by Google in a big way. You must have a responsive web design.\n\u003Cbr \/\u003E\u003Cbr \/\u003EAdvertisers like websites that are mobile friendly. Some pay more for mobile clicks than for desktop clicks and other prefer to advertise exclusively on the mobile. This is especially true of local businesses within a certain geographical area. So, to increase your CPC, make your website more mobile friendly.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EExperiment, mix and match, try out new things with your ads\u003C\/b\u003E - Google AdSense has a special called \"Experiments\" which allows you to try out different things with your ads. You can do split testing on different ad formats, try different advertisers, make changes to the font type and background color, change ad sizes, change color schemes, block certain ad categories, etc. and find out what works and what doesn't. When you feel comfortable about something, stick to it for the long haul.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EMake use of the Google Ecosystem\u003C\/b\u003E - Google likes publishers who are loyal to its platform. So join the Google Ecosystem, be a part of it. This means being on Google+, making use of Google Webmaster Tools, creating a Google Business account, having a YouTube channel of your own, using Google Docs, and so on. Spend more time on the Google platform, use more Google resources to earn Google's trust. Earning Google's trust is a surefire route to a higher CPC.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EFocus on certain high paying geographical areas\u003C\/b\u003E - You should always focus on high CPC regions where advertisers pay more for clicks. So if your content is aimed at audiences within the United States, Sweden, Japan, Norway or Netherlands, you will most certainly have a much higher CPC compared to targeting countries such as India, South Africa, Bangladesh and Indonesia. You might want to purchase local domain addresses and created content specific to the high CPC region. You may even want to narrow down your geographical region to just cities - for example, any content focused on New York City, Dallas or London gets high paying ads.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EMake use of information from both Google Analytics and Google AdSense and link them for a better insight into your web traffic\u003C\/b\u003E - Both Analytics and AdSense provide you with excellent information on your web traffic, revenue earned and deliver useful reports. Connect your Google Analytics and AdSense accounts for a better insight into your traffic, and get a sense of the audience behavior on your site - what they click more, where your highest CPC traffic is located and so on.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EShow only relevant ads\u003C\/b\u003E - You should make sure that Google serves only the most relevant ads on your web pages. The way to do that is to make your content SEO friendly and easy to crawl for the search engine bots. You can start by focusing on the basics such as headings, meta tags and formatting your content. Also, turn off the remarketing ads in favor of contextual ads. All of these things could  increase your CPC over time.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EReduce the number of ad units on your blog\u003C\/b\u003E - Try something different such as reducing the number of ad units on your blog. By reducing the supply, you can have the advertisers bid more for the limited space, which can lead to an increase in your CPC. It is about making the supply\/demand mismatch work to your advantage.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EUse the Matched Content feature on AdSense\u003C\/b\u003E - Google has a content recommendation service called as \u003Ca href=\"https:\/\/support.google.com\/adsense\/answer\/6111336?hl=en\" rel=\"nofollow\" target=\"_blank\"\u003EMatched Content for AdSense\u003C\/a\u003E. So it this is available only to major publishers, but you can try and find out if you qualify for it or not. This involves replacing your local article recommendation engine with that of Google. The idea is to promote only the most relevant and most profitable content on your site to your visitors.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EAllow Placement Targeting\u003C\/b\u003E - Advertisers are always willing to pay more for quality placement.  Google has made it possible for advertisers to target specific sections within your website or specific formats. This is called as Placement Targeting. For this you will have to group the ads into \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2017\/07\/adsense-custom-channels-to-increase-rpm.html\"\u003E\u003Cb\u003ECustom Channels\u003C\/b\u003E\u003C\/a\u003E - as many as 500 URLs - and give advertisers easy access to relevant content on your website.\u003C\/li\u003E\u003Cbr \/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;margin-left:-30px !important;\"\u003E\u003Cimg alt=\"adsense add custom channel\" border=\"0\" data-original-height=\"485\" data-original-width=\"893\" src=\"https:\/\/1.bp.blogspot.com\/-77tGywqpT0U\/WZhvUweIBAI\/AAAAAAAAMIg\/aOKK3i61Gxc341D451xRAV4MSGcHIWXegCLcBGAs\/s1600\/new-custom-channel.png\" title=\"\" \/\u003E\u003C\/div\u003E\n\u003C\/ol\u003E\n\u003Ch3\u003EFinal Thoughts\u003C\/h3\u003E\nI have discussed why your AdSense CPC is low and given you 16 quick and easy tips on increasing it. However, there are no hard and fast rules here. If none of the steps given above work, try something else to increase AdSense CPC. Just keep experimenting till something sticks. Hope you enjoyed reading this. As usual, I look forward to your questions and suggestions. Just send them in the comments below. "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/4586187620788023517\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2017\/08\/tips-increase-google-adsense-cpc.html#comment-form","title":"3 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/4586187620788023517"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/4586187620788023517"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2017\/08\/tips-increase-google-adsense-cpc.html","title":"16 Quick and Easy Tips to Increase AdSense CPC"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/4.bp.blogspot.com\/-FdpzRgPhsfg\/XpciIzXp5gI\/AAAAAAAAMNw\/n0Yqy1QXIFM4ZWe_BFjGqZyt_TaFs5bDACLcBGAsYHQ\/s72-c\/increase-adsense-cpc.png","height":"72","width":"72"},"thr$total":{"$t":"3"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-23760367572897196"},"published":{"$t":"2017-08-02T13:51:00.000-07:00"},"updated":{"$t":"2020-04-15T08:20:03.415-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogging tips"},{"scheme":"http://www.blogger.com/atom/ns#","term":"make money online"}],"title":{"type":"text","$t":"7 Legit Ways To Make Money Online Blogging in 2017"},"content":{"type":"html","$t":"We've all heard those stories of someone that started a little blog one day and ten years later they've given up their day job because their blog is drawing in so much money for them they don't even need to get out of bed in the morning. The funny thing is, with a lot of hard work and time spent on getting your blog up and running, you can actually make a pretty penny out it. So, if you're interested in learning how to make money blogging then read on, I'll warn you now though, you're going to have to be seriously dedicated to get this running!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-NWeN1fovL_w\/XpcjWnOfU8I\/AAAAAAAAMN8\/58gKLncs1k4z0G-bY3EDYqFuw-0skNhNQCLcBGAsYHQ\/s1600\/make-money-online.jpg\"\/\u003E\u003C\/div\u003E\n\u003Ch2\u003ESell digital products\u003C\/h2\u003E\nA really simple way to make money online is to sell things online. Whether you're looking at selling digital goods or physical ones, you need to think closely about where your skills and strengths lie. Setting up a blog that is geared towards selling your goods might seem like a great idea but it's better to set up a blog and add the odd link to other work that you're doing. People read blogs for the stories and information, not to be sold goods left, right and centre, so keep this in mind when you're starting out on the blogging journey.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSome commonly sold digital goods include:\u0026nbsp; \u003Cbr \/\u003E\n\u003Cul style=\"padding-bottom:0 !important;\"\u003E\n\u003Cli\u003EeBooks\u0026nbsp;\u003C\/li\u003E\n\u003Cli\u003EAudiobooks \u003C\/li\u003E\n\u003Cli\u003EPictures \u0026amp; Videos\u003C\/li\u003E\n\u003Cli\u003EDigital music\u003C\/li\u003E\n\u003Cli\u003ESoftware programs\u003C\/li\u003E\n\u003Cli\u003EWebsite themes\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Ch2\u003ESell physical products\u003C\/h2\u003E\nThe other great thing to remember is that knowing your audience will make all the difference when you're selling goods online. Running a blog about cars and motorsport and trying to sell homemade paper flowers just won't mix. If paper bouquets are your passion and you know they're good enough to sell, then the best thing for it is to set up a secondary blog that focuses on something more in keeping with what you're selling. Remember though, don't push the sales from the get go. If people feel like they're being sold to, they won't be interested. If your goods are just supporting what you're saying in your blog then you'll find a lot more enquiries fly your way!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSome of the physical goods that you can sell:\u003Cbr \/\u003E\n\u003Cul style=\"padding-bottom:0 !important;\"\u003E\n\u003Cli\u003EClothing\u003C\/li\u003E\n\u003Cli\u003EJewelry\u003C\/li\u003E\n\u003Cli\u003EHandmade goods\u003C\/li\u003E\n\u003Cli\u003EHousehold Items\u003C\/li\u003E\n\u003Cli\u003EElectronics\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Ch2\u003E\nSell Advertising space\u003C\/h2\u003E\nA really common way to make money from a blog is to sell advertising. The more traffic you have flowing through your page, the more likely you are to draw advertising agencies in and this can be a really quick way to make a little bit of extra money. If you're finding other ways of making money through your blog then you might want to think about using advertising space to your own benefit by advertising your own products! Taking people from your blog to your selling page will only generate a little bit of extra business for your sales. Sure, advertising someone else's websites might bring in the cash at the point of sale but would you make extra money from sales of your own goods? Just something to consider!\u003Cbr \/\u003E\n\u003Ch2\u003E\nSell online courses and eBooks\u003C\/h2\u003E\nIf you're really feeling confident in the topic of your blog then you might want to consider doing some form of educational documentation. Whether you do a few online courses or write an ebook, if your followers really respect your expertise in the field you're talking about then they will flock to what you have to offer. Obviously, the best products to sell will vary massively depending on the type of blog you run. Factual blogs will work well with eBooks, lifestyle blogs might offer some one to one coaching sessions and online courses might be best for those that are thinking about a change of scenery in the workplace. If in doubt, ask your readers what they'd like and whether they'd be interested! There's no better feedback than the people you're already writing for.\u003Cbr \/\u003E\n\u003Ch2\u003E\nFreelancing\u003C\/h2\u003E\nIf you're reading all of these tips and thinking 'that doesn't apply to me' then worry not, you're not alone! We've all got our own areas of expertise and very often, the job you do for your career can make you some extra money at home. Whether you're coming from a financial background, web design or bookkeeping, they're all skills that are highly sought after for a lot of people. The great thing about advertising these skills on your blog is you're more likely to pick up a job that directly corresponds with your interests. Sick of making up advertisements for big businesses and fancy helping out a local dealer? Well your blog could be the perfect place to get business like that running. Before you know it, you could be a freelancer running your own business!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHere are some ideas: \u003Cbr \/\u003E\n\u003Cul style=\"padding-bottom:0 !important;\"\u003E\n\u003Cli\u003EFreelance writing \u003C\/li\u003E\n\u003Cli\u003EData Entry\u003C\/li\u003E\n\u003Cli\u003EVirtual assistant work\u003C\/li\u003E\n\u003Cli\u003EWeb Development\u003C\/li\u003E\n\u003Cli\u003EMarketing\u003C\/li\u003E\u003C\/ul\u003E\n\u003Ch2\u003EAffiliate marketing\u003C\/h2\u003E\nIf all else fails then there's always the opportunity to sell other people's good through your blog. This doesn't necessarily include actively selling their goods in that you don't have to deal with the postage and packaging though! Affiliate marketing is an amazing way to make money from blogging if you're smart about how you go about it. Picking your affiliates sensibly and going for products that will actually hold the interest of your readers, a simple plug about the product at the end of the post might be all it takes. You might choose to go a little more in depth and focus an entire post on one product although this does depend on the sort of blog you run! Make-up and fashion blogs do exceedingly well at this sort of sales (and they often get free gifts out of it as an added bonus!)\u003Cbr \/\u003E\n\u003Ch2\u003EMembership sites\u003C\/h2\u003E\nFinally, offering a membership to your blog will allow people to check out extra content on your blog. This is a great way of making money when you're a well established blog as you're basically offering a bonus to people that pay for it while still keeping up with the basic info for people that have followed you from the start.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIf you're thinking about starting a membership site but don't know what to do, here are some ideas:\u003Cbr \/\u003E\n\u003Cul style=\"padding-bottom:0 !important;\"\u003E\n\u003Cli\u003EOffer exclusive downloads each month via email (i.e. apps, graphics, recipes etc.)\u003C\/li\u003E\n\u003Cli\u003EExclusive educational videos, blog posts, webinars, or courses \u003C\/li\u003E\n\u003Cli\u003EDownloadable guides or books\u0026nbsp;\u003C\/li\u003E\n\u003Cli\u003EOffer Expert advice\u003C\/li\u003E\n\u003C\/ul\u003E\nMaking money through your blog is a great little bonus at the end of the month, however if you're really serious about it then you need to work hard and be dedicated to the cause. A sporadic blog that has no focus is much less likely to bring you any extra pennies in compared to someone who does weekly blogs and has specific themes on different nights. If you intend to make money out of your blog then your best bet is to sit down, give a good hard think as to the type of blog you're running and what goods you can offer in tandem with this. After you settle in, keep in mind that making seriously big bucks out of your blog means you have to be in it for the long run."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/23760367572897196\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2017\/08\/legit-ways-to-make-money-online-blogging.html#comment-form","title":"3 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/23760367572897196"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/23760367572897196"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2017\/08\/legit-ways-to-make-money-online-blogging.html","title":"7 Legit Ways To Make Money Online Blogging in 2017"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-NWeN1fovL_w\/XpcjWnOfU8I\/AAAAAAAAMN8\/58gKLncs1k4z0G-bY3EDYqFuw-0skNhNQCLcBGAsYHQ\/s72-c\/make-money-online.jpg","height":"72","width":"72"},"thr$total":{"$t":"3"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-4775639283493383896"},"published":{"$t":"2017-07-27T09:13:00.001-07:00"},"updated":{"$t":"2020-04-15T08:19:47.478-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"beginner's guide"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogging tips"}],"title":{"type":"text","$t":"20 Best Sites with High Quality Free Stock Photos"},"content":{"type":"html","$t":"In today's online business world, tons of people have a need for quality free stock photos for their blogs, company websites, and everything in between.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUnfortunately, there are still a lot of businesses who are settling for the corny stock photo of yesteryear, either because they don't know their options or think they are too hard to find.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThat's where the good news comes in: good stock photos don't have to be expensive or hidden deep in the crevices of the internet. In our digital age, there's plenty of solid material out there - if you know where to look. Read for more good news? We have your back, and have taken the hassle out of finding these stellar stock images.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nWe're confident that this collection of resources will help you find exactly what you're looking for, whether it's adorable animals, minimalist interior design, and anything in between.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"free stock photos\" src=\"https:\/\/3.bp.blogspot.com\/-Y1e36eX5GN4\/Xpcl4_fBtNI\/AAAAAAAAMOI\/rDJFG6s-kAQyLV0UC59XBvqloyL2i6elwCLcBGAsYHQ\/s1600\/free-stock-photos.jpg\" title=\"20 Best Sites with High Quality Free Stock Photos\"\/\u003E\u003C\/div\u003E\n\u003Ch2\u003E20 of the Best Sites to Download Royalty Free Stock Photos\u003C\/h2\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/negativespace.co\/\" rel=\"nofollow\" target=\"_blank\"\u003E1. Negative Space\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/2.bp.blogspot.com\/-KWxa26js8Lo\/WXnyL81JnpI\/AAAAAAAAMDY\/4ExBDWjXQkwHF27rRMkIPUMwD1Up0V2owCLcBGAs\/s640\/negativespace-free-stock-photos.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nOne of the best things about Negative Space is that they are constantly updating their free stock photos every week. With Negative Space, you never need to worry about copyright restrictions, so you can use them for your project without having to jump through hoops.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nNegative Space has a large selection to choose from, and the interface is very user-friendly. It's easy to sort through the photos in order to find exactly what you need.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/deathtothestockphoto.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E2. Death to the Stock Photo\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/4.bp.blogspot.com\/-5BfzpoayWGY\/WXn14d_i1yI\/AAAAAAAAMD8\/QfTGpvufUhMmtsU49WDmdtsen8nmiXZZQCLcBGAs\/s640\/death-to-stock-when-stock-dies-art-thrives.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThe founders of Death to Stock are dedicated to making beautiful photos more accessible. They knew how important it is for those running blogs and online businesses to not spend all of their profit on images for their websites.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThe format is simple: just give them your email to get a new bundle of great stock pictures monthly, then just use the ones that apply to your current project. Easy!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFor businesses with some extra funds to invest, Death to Stock has an affordable Premium membership which gives you access to their entire library of photos (instead of just the pre-selected ones they send), plus some of the profits from the membership are used to further the resource by financing photographers and their projects.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/picjumbo.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E3. Picjumbo\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/1.bp.blogspot.com\/-kSLKgvNRmIk\/WXn0iYJqDWI\/AAAAAAAAMDs\/Wsn0YgedtqEqN4gU8UjloEcqw58Ipe7UwCLcBGAs\/s640\/royalty-free-images-picjumbo.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nPicjumbo is unique in that all of the photos come from a sole photographer, Viktor, who shares his photos from his home in the Czech Republic.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHe updates the selection of photos really frequently, so there is always a fresh batch of high-quality graphics to download. To take it a step further, Viktor offers \u003Ca href=\"https:\/\/picjumbo.com\/premium-membership\/\" rel=\"nofollow\" target=\"_blank\"\u003Eaffordable paid packages\u003C\/a\u003E for businesses that use stock images frequently. He also has a nifty \u003Ca href=\"https:\/\/madebysource.com\/\" rel=\"nofollow\" target=\"_blank\"\u003Eplugin for the Photoshop and Sketch\u003C\/a\u003E programs for just under 8 bucks.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/stokpic.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E4. Stokpic\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/2.bp.blogspot.com\/-jCYch0jQs2M\/WXn0MepR3nI\/AAAAAAAAMDo\/FmhbG1ejR3cSyQo_328Qkc21FBaTHSW0QCLcBGAs\/s640\/free-stock-photos-stokpic.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nStokpic is another example of a photographer deciding to give away his photos for free. Ed Gregory decided to share 10 new photos bi-weekly that you can use in any way that suits you.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThe easy user interface allows you to browse his categories like architecture, fashion, and nature.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/kaboompics.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E5. Kaboompics\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"689\" data-original-width=\"1259\" height=\"350\" src=\"https:\/\/2.bp.blogspot.com\/-_vfEMDJYEe8\/WXnzVqQ9_KI\/AAAAAAAAMDg\/TqrjUMR6i3Ecs9w5oJZqoAcNYm87_eEPACLcBGAs\/s640\/kaboompics-free-high-quality-photos.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThe site's creator, Karolina, is a Polish web designer. She is the creative engine behind this extensive stockpile of high-quality pictures. The images address a wide variety of topics. As with the rest of the sites, users can use Karolina's pictures for anything they need.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nA quick visit to the About page of the site shows how big of a reach it has; during our visit to the page, the Image Downloads ticker stood at a whopping 5,051,906.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/startupstockphotos.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E6. Startup Stock Photos\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/4.bp.blogspot.com\/-SEoVxzrKdMw\/WXn1IQsQPPI\/AAAAAAAAMDw\/FM7Q2cFpbGoFj4XEq1CA99C8QTeZJYYwACLcBGAs\/s640\/startup-stock-photos-free-tech-stock-photos.png\" width=\"640\" \/\u003E\u003C\/div\u003E\nStartup Stock Photos is a company that operates on simplicity. They share pictures they're taking anyway in order to help businesses find a cheaper way to gain traction online.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nYou don't have to be a startup business to utilize their images, which is fine by them. The images are free, but they wouldn't say no to a donation.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/freerangestock.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E7. Freerange\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/3.bp.blogspot.com\/-LY21Biw6nk4\/WXn2Ygc69dI\/AAAAAAAAMEE\/5hcMt8S8Tm0WmvlfM1EUxp7MmzPRlq-ugCLcBGAs\/s640\/freerange-free-stock-photos.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nFreerange photos derive from a community of in-house as well as external talent.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAt Freerange, their principles and motivations are clear: \"Freerange Stock was formed with the goal to provide quality stock photos for commercial and non-commercial use. For free. We feel that free stock photos can be good photos.\" Can't argue with that.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/libreshot.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E8. Libreshot\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/1.bp.blogspot.com\/-l_oMew7k2Yw\/WXn25ZpGVFI\/AAAAAAAAMEI\/PBTzZ7zDivUJJNjQ5amDpl8bzv9irTDMACLcBGAs\/s640\/free-stock-images-for-commercial-use-libreshot.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nEvery photographer brings his\/her own unique style to this fun brand of art. At Libreshot lives a very unique collection of free stock photos.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/fancycrave.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E9. Fancy Crave\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/2.bp.blogspot.com\/-HDfUg4Aq16A\/WXn3XkkjLfI\/AAAAAAAAMEM\/RlwZlJ16cd0lhRl6bcwDU1Q-cnIRubluACLcBGAs\/s640\/fancycrave-free-royalty-photos.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThe images on Fancy Crave come without copyright restrictions, and they're free of all the corniness of typical stock photos.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAttribution is not legally required, but they note that it is recommended if possible.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFancy Craves selects two fresh photos to upload daily, keeping things current and providing beautiful photos to suit all needs.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/unsplash.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E10. Unsplash\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/2.bp.blogspot.com\/-1VvqGer5dpc\/WXn4Kg2HthI\/AAAAAAAAMEU\/JObpb1PwUEAAkcdEXDnabRDyE0v0Yk7fQCLcBGAs\/s640\/unsplash-beautiful-free-photo-community.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThe creativity of the title matches the creativity of their photos. They have pages and pages of quirky, one-of-a-kind images for you to choose from.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAs you've likely come to expect, these images are able to be used without any copyright restrictions.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/stocksnap.io\/\" rel=\"nofollow\" target=\"_blank\"\u003E11. StockSnap\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/1.bp.blogspot.com\/-vWDXrIPerkI\/WXn4xESofkI\/AAAAAAAAMEY\/AnL2v5D1aN8JQIHxHxZ34PBAT386QN7ygCLcBGAs\/s640\/StockSnap.io-beautiful-free-stock-photos.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThe photos on StockSnap are of superb quality and most of them are especially great for use as backgrounds.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThe selection is so interesting and versatile that it's easy to find yourself on page 50 of photos all of a sudden. And yes - they're free.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/www.splitshire.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E12. SplitShire\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/2.bp.blogspot.com\/-MvDosSN0ItM\/WXn5iW6hl-I\/AAAAAAAAMEg\/4UvxaBTJwQsAqmUPU6TUYMhtjtS6a3eVQCLcBGAs\/s640\/splitShire-free-stock-photos.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nSplitShire is an Italy-based organization that offers pages of incredible free photos for you to use at will. Their philanthropic mission is simply: \"Helping you to be awesome out there with great content.\"\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/www.lifeofpix.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E13. Life of Pix\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/4.bp.blogspot.com\/-t2AUsHTpfMc\/WXn9ClOCKrI\/AAAAAAAAMEs\/KJLg3AontTU30jqOEfpakjovyDGtjKXIwCLcBGAs\/s640\/free-high-resolution-photography-life-of-pix.png\" width=\"640\" \/\u003E\u003C\/div\u003E\nLife of Pix was created by \u003Ca href=\"https:\/\/www.leeroy.ca\/en\/\" rel=\"nofollow\" target=\"_blank\"\u003ELeeroy Advertising Agency\u003C\/a\u003E (Montreal, Canada) and they have a real knack for supplying great pictures. Naturally, these cool graphics are fine for you to use - no strings attached.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIf pictures aren't enough for your unique project, they have a sister company called \u003Ca href=\"http:\/\/www.lifeofvids.com\/\" rel=\"nofollow\" target=\"_blank\"\u003ELife of Vids\u003C\/a\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/www.pexels.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E14. Pexels\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/1.bp.blogspot.com\/-kf40Optf-t4\/WXn9grBPfII\/AAAAAAAAMEw\/n--t5JJPWyg_6Xwdw5ajxE8UV9l35KYXwCLcBGAs\/s640\/pexels.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nUnlike most of the other listed sites, Pexels handpicks their favorite photos from a pool of free image sources to ensure that you're seeing only top-tier work.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThe images that survive their rigorous selection process are then able to be used in any way you see fit. The site also makes searching for your perfect stock photo as easy as possible.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/offers.hubspot.com\/free-stock-photos-business\" rel=\"nofollow\" target=\"_blank\"\u003E15. HubSpot\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/3.bp.blogspot.com\/-E_hQrSa7FKY\/WXn-PJbQB9I\/AAAAAAAAME4\/2YGPPpo_t0UwGSmVL1Qybr-HqcXC8kW6gCLcBGAs\/s640\/hubspot-free-images.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nHubSpot is a bit different from the rest; there's somewhat of a shortage of high-quality free stock photos available to those who need solely business-themed graphics. Hubspot has a healthy selection of corporate-style images that are perfect for a professional project.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/www.gratisography.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E16. Gratisography\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/4.bp.blogspot.com\/--v-SQOuFh14\/WXn-wIkOLEI\/AAAAAAAAME8\/0-jlP5FRtcACLokAdhQbsRmH1SIuw64bgCLcBGAs\/s640\/gratisography.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThe images on Gratisography lie a little further on the wacky side. These creations come from photographer Ryan McGuire, who is known for seeing things a bit differently. His work is significantly quirkier than some other sites (i.e. fake moustaches, pineapples wearing glasses, gummy bears in cereal) but you never know when you project might just call for something out of the ordinary.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/jaymantri.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E17. Jay Mantri\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/2.bp.blogspot.com\/-GTPlkJ0acvc\/WXn_LFv4U7I\/AAAAAAAAMFA\/mwlRwQNgmnweaZJ6pCtrd44xm-iH06MQgCLcBGAs\/s640\/jay-mantri.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nJay Mantri is yet another good-guy photographer who chose to share his amazing photos with the world. His work is quite sophisticated, and a lot of shots leave you wondering how he did it.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThis is one artist we'd say to go check out anyway, even if you don't have a specific need for scenic, high-class images.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/isorepublic.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E18. ISO Republic\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/1.bp.blogspot.com\/-NVvXyHM4Bbs\/WXn_eEQh-yI\/AAAAAAAAMFE\/Uzc7UGMUkIETdh58cHs4RoaYJUbjr3VCQCLcBGAs\/s640\/ISO-republic.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nISO's Republic's mission is to supply only the best digital images for online businesses of all kinds.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nOne visit to their site will tell you immediately that they are serious about the quality of their content. The photos are top-notch quality, and while the subject matter varies, they all maintain a similar level of sophistication.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSimilar to some previously listed sites, you have an option on ISO to register for their email list to get extra content not posted on the site.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/nos.twnsnd.co\/\" rel=\"nofollow\" target=\"_blank\"\u003E19. New Old Stock\u003C\/a\u003E \u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/1.bp.blogspot.com\/-sXb9XNuzeAE\/WXn_7V_vvmI\/AAAAAAAAMFI\/7PjO6ilV4YwjAsnzb65ra3MjMyOh7j4bACLcBGAs\/s640\/new-old-stock.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThis free stock photo site embodies classic elegance. They deal exclusively in old photos, usually in black and white. Web designers and history buffs alike will enjoy their large compilation of antique photos. Though there are some unique challenges to the redistribution of old pictures, the site only posts those that have no evidence of copyright issues.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTheir rules are slightly more stringent than other sites, so just make sure to read up on it before using these photos for commercial purposes.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"https:\/\/pixabay.com\/\" rel=\"nofollow\" target=\"_blank\"\u003E20. Pixabay\u003C\/a\u003E\u003C\/h3\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"694\" data-original-width=\"1259\" height=\"352\" src=\"https:\/\/3.bp.blogspot.com\/-SNNzcduIH4A\/WXoAPe13neI\/AAAAAAAAMFM\/6U2QdKoqNmkHw5xmZbobh_k9Y3Nnr4ReACLcBGAs\/s640\/free-images-pixabay.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nPixabay is our final choice of free stock photo collection. It has a great archive of plenty of public domain photos (so you can use them without worrying about copyright issues). Thank goodness they have an intuitive search mechanism since they have just shy of a million awesome graphics.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUnlike some other sites, it offers a more advanced search that allows you to filter your query as much as you need so you can always find exactly what you want. "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/4775639283493383896\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2017\/07\/best-sites-with-free-stock-photos-to-use-in-2017.html#comment-form","title":"4 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/4775639283493383896"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/4775639283493383896"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2017\/07\/best-sites-with-free-stock-photos-to-use-in-2017.html","title":"20 Best Sites with High Quality Free Stock Photos"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-Y1e36eX5GN4\/Xpcl4_fBtNI\/AAAAAAAAMOI\/rDJFG6s-kAQyLV0UC59XBvqloyL2i6elwCLcBGAsYHQ\/s72-c\/free-stock-photos.jpg","height":"72","width":"72"},"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-1445113607931598928"},"published":{"$t":"2017-07-26T08:00:00.002-07:00"},"updated":{"$t":"2020-04-17T08:13:38.727-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"adsense"},{"scheme":"http://www.blogger.com/atom/ns#","term":"adsense optimization"},{"scheme":"http://www.blogger.com/atom/ns#","term":"adsense tips"},{"scheme":"http://www.blogger.com/atom/ns#","term":"make money online"}],"title":{"type":"text","$t":"How to Use AdSense Custom Channels to Increase RPM"},"content":{"type":"html","$t":"If you want to boost the AdSense revenue, then you have to try and use all the tools at your disposal to increase the RPM and take your income to new heights. AdSense custom channels are some of the best tools that you can use in this regards. The best thing about these custom channels is that advertisers love them and you can easily adapt them to your needs!\u003Cbr \/\u003E\n\u003Ch2\u003EWhat are AdSense custom channels?\u003C\/h2\u003E\nWhen you hear about \u003Ca href=\"https:\/\/support.google.com\/adsense\/answer\/65083?hl=en\" rel=\"nofollow\" target=\"_blank\"\u003EGoogle AdSense custom channels\u003C\/a\u003E, you will most likely be confused in regards to what they are and what they do. But despite the name that can confuse some people, the reason why they were created is that they offer a really good value for AdSense users. Simply put, these custom channels are designed as a reporting tool, and they enable you to manage your ad inventory without that much of a hassle.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"adsense custom channels\" src=\"https:\/\/3.bp.blogspot.com\/-vhV3kD_tVlM\/XpnHb5xU86I\/AAAAAAAAMOU\/vQsk633BrBIHE-IDjT8WggmBHEv9dnXKgCLcBGAsYHQ\/s1600\/custom-channels.png\"\/\u003E\u003C\/div\u003E\nYou can also use them to turn the ad inventory into a solution that advertisers can target. As a result, you will be able to boost the AdSense revenue in no time. Aside from that, you can also generate a lot of competition for the advertisers. Of course, you do need to have a good amount of traffic to be appealing to the advertisers. But if you use this tool adequately, the overall results can be downright unique. The custom channels are designed to work with a variety of content hubs as well as publishers. But of course, you have to put all your knowledge to the test.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ciframe allowfullscreen=\"\" frameborder=\"0\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/U7_dID6U3ek?rel=0\" width=\"560\"\u003E\u003C\/iframe\u003E\n\u003Ch2\u003EAdSense custom channels A\/B testing and analytics\u003C\/h2\u003E\nIn case you want to boost your revenue with custom channels, you will have to figure out which are the best ads you have, and then you add them into custom channels. You can find the \u003Cb\u003ECustom Channels\u003C\/b\u003E in the \u003Cb\u003EAdvanced Reports\u003C\/b\u003E section.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"402\" data-original-width=\"640\" height=\"402\" src=\"https:\/\/1.bp.blogspot.com\/-Kdo346nx_5I\/WXoXsiRVotI\/AAAAAAAAMF0\/xWf7w3Ub7NohU-j0JRqOFsaoLf2oUKUEACLcBGAs\/s640\/custom-channels-reports.png\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nHere you can filter the type of ads you want to track, and you can also view an overview, active views, engagements, clicks and even custom information.\u003Cbr \/\u003E\u003Cbr \/\u003E\nThanks to the AdSense custom channels, you will get to track things like page performance for that ad, what surrounding content was the best, ad placement results, ad size performance and other relevant info. All these things do add up very well, and they are bound to bring you a unique and distinct set of features.\u003Cbr \/\u003E\u003Cbr \/\u003E\nA\/B testing is also easy to do with AdSense custom channels. You track the performance of a text ad against another text ad, or you can opt for a more complex ad test. In fact, you can even make image to text ad comparison if you want. The idea here is to use the power of reports to see which type of ad delivers the best performance.\u003Cbr \/\u003E\u003Cbr \/\u003E\nDepending on your niche, some types of ads will work better when compared to others. So, the idea is to pick the right one that suits your needs. It's the best approach and one that does pay off immensely in the end.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch2\u003EHow can you track what blog portion delivers the best revenue?\u003C\/h2\u003E\nThis is a very good question and a tricky one to answer as well. There are many reasons why you may be unable to answer this adequately. However, it all comes down to a single comparison. For example, you have a site about technology and another one about healthy eating. Both of them are blogs, but the healthy eating one delivers a much better RPM when compared to the technology one.\u003Cbr \/\u003E\u003Cbr \/\u003E\nObviously, when you do A\/B testing and see this, you will most likely focus on creating more healthy eating content and less tech content. But your task is to figure out what went wrong with the technology blog too. You can use the power of AdSense custom channels to figure out what caused that issue. Studying the performance over time will help you see what is wrong and this way you can adapt the situation to your advantage.\u003Cbr \/\u003E\n\u003Ch2\u003ECreating a targetable ad inventory with AdSense custom channels\u003C\/h2\u003E\nAdSense custom channels offer your online assets to the advertisers so that they can be targeted without a problem. Basically, the companies that have a video ad about their phone repair services will want an ad slot on your phone-related pages, not on the homepage or anything else. The idea is to opt for targeting, and that's where AdSense custom channels excel very well. Besides, advertisers have a limited budget, so they do want to get the very best results from you.\u003Cbr \/\u003E\u003Cbr \/\u003E\nWhat type of benefits do you get from this? First, you will see that allowing advertiser targeted ads will bring in more competition for ad location and better performing ads. You will also work with advertisers that are knowledgeable and know what they want. Google said they select the best performing ads for your page, so obviously this will help you as well. Plus, advertisers can do smart pricing and earn more money by getting targeted audiences. Simply put, everyone wins with this type of approach, and that's what manages to deliver the very best outcome.\u003Cbr \/\u003E\n\u003Ch2\u003EHow can you set up AdSense custom channels?\u003C\/h2\u003E\nYou need to figure out what you want to measure and share to the advertisers. Basically, you create an ad unit, and you can add that to the AdSense custom channels. You can add multiple ones if you want, that is up to you to make the right pick.\u003Cbr \/\u003E\u003Cbr \/\u003E\nSimply put, you go to \u003Cb\u003EMy Ads\u003C\/b\u003E in the AdSense console \u0026gt; \u003Cb\u003EContent\u003C\/b\u003E, and then you select \u003Cb\u003ECustom channels\u003C\/b\u003E. Here you will have to press the \u003Cb\u003ENew Custom Channel\u003C\/b\u003E Button. Add a name to the custom channel, and then you can select the ad units that you want. It's important to let these ad units targetable; you will have a small option related to targeting under this.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"new google adsense custom channel\" border=\"0\" data-original-height=\"346\" data-original-width=\"640\" height=\"346\" src=\"https:\/\/1.bp.blogspot.com\/-aSsNuz4cDW4\/WXoYCOm9KWI\/AAAAAAAAMF4\/hJGAbTnTjwszkHvRY4rEXXmfygzY7LQbwCLcBGAs\/s640\/new-custom-channel.png\" title=\"Add new AdSense custom channel\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nYou can also remove ad placements if necessary. If you want to see the performance, you just need to go to \u003Cb\u003EPerformance Reports\u003C\/b\u003E \u0026gt; \u003Cb\u003EAdvanced Reports\u003C\/b\u003E \u0026gt; \u003Cb\u003ECustom Channels\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Ch2\u003EHow to optimize ad placement channels?\u003C\/h2\u003E\nThere are some methods you can use to achieve this. Edit some of the best performing channels and as we mentioned above, mark them as targetable. This will offer you a list with some interesting features. You will see the fields that are shown to advertisers. You can also pick where ads appear, and if necessary, the ad location can be for multiple places if you want.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"edit adsense custom channel\" border=\"0\" data-original-height=\"627\" data-original-width=\"891\" height=\"450\" src=\"https:\/\/4.bp.blogspot.com\/-cD48bPSRvNc\/WXfAJ34LbSI\/AAAAAAAAMCs\/ec9XTx-BOBMPTRKtkWVtX26_GI7m15hHACLcBGAs\/s640\/edit-custom-channel.png\" title=\"Edit AdSense custom channel targeting\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nAt this point, you will also need to opt for a description of your website, and you should also tell the advertisers why they should be interested in placing ads on your site. Make sure that you harness all your copywriting power. It's not an easy thing to do, but it may be able to pay off extremely well in the end.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nA good idea is not to make all your channels targetable. What you want is to target solely the ones that are valid for you, as that's what will make things shine for sure. It's a very important idea to try and focus on the most important channels at first. If this does work very well for you, then you can adapt it to the most important channels as you see fit.\u003Cbr \/\u003E\n\u003Ch2\u003EKeep testing\u003C\/h2\u003E\nIt's always important to keep testing, because the more you do that, the better the results will end up being for you in the end. AdSense custom channels are designed to be an analytical tool, so it doesn't matter how many channels you have. If you have around 500, that's great, if not, experiment and try to create as many channels as you can.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nYou shouldn't expect each channel to deliver its best performance. It will take quite a lot of time and effort to adapt everything to suit your needs. But the idea here is that the more you focus on interacting with the audience, the better the results will be for sure. As long as you know how to handle all of this, the experience will be great, and your site will benefit from that.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPlus, you shouldn't expect AdSense custom channels to deliver the best possible value right off the bat. These things do tend to take quite a bit of time for them to work adequately. At first, it may be a bit simple, but as time passes you will see that the results get increasingly better.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThe reason is simple, it will just make things a lot better for you, and the AdSense custom channels performance will increase too. Plus, you get to learn what's wrong and opt for what is meaningful. While it can take some time and effort to set up everything adequately, AdSense custom channels do work very well. So, try to create and adapt AdSense custom channels to your needs, then the AdSense RPM will increase exponentially!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/1445113607931598928\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2017\/07\/adsense-custom-channels-to-increase-rpm.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1445113607931598928"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1445113607931598928"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2017\/07\/adsense-custom-channels-to-increase-rpm.html","title":"How to Use AdSense Custom Channels to Increase RPM"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-vhV3kD_tVlM\/XpnHb5xU86I\/AAAAAAAAMOU\/vQsk633BrBIHE-IDjT8WggmBHEv9dnXKgCLcBGAsYHQ\/s72-c\/custom-channels.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-7693547412261817173"},"published":{"$t":"2016-12-08T10:03:00.000-08:00"},"updated":{"$t":"2020-04-17T08:22:49.106-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"beginner's guide"}],"title":{"type":"text","$t":"How to Create a Blogger Account?"},"content":{"type":"html","$t":"Are you wondering \u003Cstrong\u003Ehow to create a Blogger account\u003C\/strong\u003E? Many of us do, because Blogger is one of the most popular blogging platforms out there and it can provide us with an extraordinary, fun way to express ourselves in the online world. Not only is it Blogger a very large blogging website, but it's also full of categories that you can blog on. You have complete control over what you want to blog, and that does make Blogger an amazing platform to begin with. Yet you do have to wonder \u003Cstrong\u003Ehow to create a blog on Blogger\u003C\/strong\u003E! We are here to help you understand all of that and so much more as fast as possible, thanks to a detailed guide that will showcase all the necessary instructions in a very easy to read manner.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"how to create blogger account\" src=\"https:\/\/2.bp.blogspot.com\/-ts_mZ9mQGaw\/XpnJnkjZOyI\/AAAAAAAAMOg\/cc7AiMC8hgs2yNQqutHGNhYhCcMNgLOkACLcBGAsYHQ\/s1600\/how-to-create-blogger-account.png\"\/\u003E\u003C\/div\u003E\n\u003Ch3\u003E\nCreating a Google account\u003C\/h3\u003E\nWhat you need to know here is that Google owns Blogger, and because of that you will need to use a Google account to sign in to this platform. You can \u003Ca href=\"https:\/\/accounts.google.com\/SignUp\" rel=\"nofollow\" target=\"_blank\"\u003Ecreate a Google account\u003C\/a\u003E now and then you will be able to continue to the platform without a problem. By creating a Google Account you will be able to access a wide range of Google apps and services like Drive or Mail for example. Visit the page above and share all the necessary information in order to create the necessary Google Account. Thankfully, the process is very easy and it will take only a few minutes of your time. In case you already have a Google Account, you will need to sign on the \u003Ca href=\"https:\/\/www.blogger.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EBlogger\u003C\/a\u003E page.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"create a google account\" border=\"0\" height=\"360\" src=\"https:\/\/3.bp.blogspot.com\/-kAuDQ193nOE\/WEV1yPPv__I\/AAAAAAAAL9Q\/12F6SFv52MY1oHEBnbQy05iGES7rE-WxQCLcB\/s640\/create-a-google-account.png\" title=\"How to Create a Blogger Account 1\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nCreating your blog\u003C\/h3\u003E\nOnce you are located on the Blogger page, you will need to press the \u003Cb\u003ENew Blog\u003C\/b\u003E button in order to start a blog. You will receive a new window where you will learn how to create a Blogger account. This will enable you to share all the necessary information.\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EMake sure that you add a title for your blog in the \u003Cb\u003ETitle\u003C\/b\u003E area. This is very important because it will allow you to entice the visitor to read more about you and your content. So, try to make the title relevant and appealing\u003C\/li\u003E\n\u003Cli\u003EIn order for users to find your blog, you will need to create an \u003Cb\u003EAddress\u003C\/b\u003E for it. Your blog will have a blogspot.com address, but you will need to choose what goes before blogspot.com. Basically, you can opt for something like abcdef.blogspot.com or anything like that. Remember that this can be modified in the long run. The great thing here is that you will immediately be able to see if that address is available or not. This means you will have the ability to check the address availability really fast.\u003C\/li\u003E\n\u003Cli\u003EThe next step will require you to choose from any of the presets that are available at this point. Starting with a \u003Cb\u003ETemplate\u003C\/b\u003E is a good idea, but do remember that this can be modified afterwards as well. So it's a good idea to just pick a template and move onward.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"create a blogger account\" border=\"0\" height=\"407\" src=\"https:\/\/1.bp.blogspot.com\/-CwgZeU_JXj0\/WEV7tYe0mrI\/AAAAAAAAL9g\/nKj1TAwISdY18J_R-dwo4ouzyurzqp5PACLcB\/s640\/create-a-blogger-blog.png\" title=\"How to Create a Blogger Account 2\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nOnce you have the blog title, address and template ready to go, you will have to press the \u003Cb\u003ECreate blog!\u003C\/b\u003E button. This process will take a little bit until it's completed properly, so just wait for a few seconds as the new blog will soon be added to the blog list. So, if you were wondering \u003Cstrong\u003Ehow to create a blog on Blogger\u003C\/strong\u003E, this is the simplest way to do it.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nMaybe the best thing about how to create a Blogger account is that the entire process is very easy to do. Even beginners will have no problem creating and setting up an account. The customization options are plentiful here, so you shouldn't have any problem setting your account really fast!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cscript async=\"async\" src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"\u003E\u003C\/script\u003E\n\u003Cins class=\"adsbygoogle\"\n     style=\"display:block; text-align:center;\"\n     data-ad-format=\"fluid\"\n     data-ad-layout=\"in-article\"\n     data-ad-client=\"ca-pub-3724264266838443\"\n     data-ad-slot=\"2979914935\"\u003E\u003C\/ins\u003E\n\u003Cscript\u003E\n     (adsbygoogle = window.adsbygoogle || []).push({});\n\u003C\/script\u003E\n\u003Ch3\u003E\nStarting to post\u003C\/h3\u003E\nAlthough the blog address will be available, you can't call that a blog unless you start writing content in there. Obviously, you will need to learn how to write a post on Blogger, and we are here to help you with that right now.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIn order to start writing, you will need to click the \u003Cb\u003ECreate a new post\u003C\/b\u003E link or you can press the \u003Cb\u003ENew Post\u003C\/b\u003E button. Once you do that, you will gain immediate access to the post editor and here you can write the blog as well as make any necessary changes to content that you already wrote.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"create new blogger post\" border=\"0\" height=\"251\" src=\"https:\/\/1.bp.blogspot.com\/-PWZaaO5xE3U\/WEV_dFN6E-I\/AAAAAAAAL9o\/04yL--UBjeAizR4ALQSoN0HZ8R5grbGAQCLcB\/s640\/create-a-blogger-post.png\" title=\"How to Create a Blogger Account 3\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nWrite a title for your post\u003C\/h3\u003E\nYour post needs to have a title. Towards the top of the Blogger editor you will see that there is a \u003Cb\u003EPost title\u003C\/b\u003E box. Add in the desired post title there. This shouldn't eat up a lot of your time, just try to come up with a post title that is enticing, very easy to use and a delight to read for your audience. A catchy title can be great. Don't opt for the clickbait title that you can see nowadays, make your title feel informative and fun to read as that's what you want. If you want to write a first post, you need to make it introductory. Write about the goals you have, the type of content you want to add and so on. It will not be easy to write down the first words, but if you create a good title it will be easier for you to translate thoughts into words!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"create blogger post title\" border=\"0\" height=\"280\" src=\"https:\/\/4.bp.blogspot.com\/-0EorNtd6flg\/WEWBA4pvSaI\/AAAAAAAAL9w\/bQFQXelv57E1MZgbJQA25EDqXWKVdwhZgCLcB\/s640\/create-a-blogger-post-title.png\" title=\"How to Create a Blogger Account 4\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nStart the writing process\u003C\/h3\u003E\nYou can create a Blogger post in 2 ways. You can either write the post in \u003Cb\u003EHTML\u003C\/b\u003E or you can use the word processor included here. You have a button located in the top left corner which helps you switch between any of these two writing models. The HTML editor helps you create better web content and you can also use it to insert some special web functions. On the other hand, the word processor is more than qualified to offer you all the extra help you might need here.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"blogger post compose html\" border=\"0\" height=\"297\" src=\"https:\/\/2.bp.blogspot.com\/-zCKhSnfSmUg\/WEWacYqrIlI\/AAAAAAAAL-Q\/P7G76xpVESozIAy7CobnvTcM3-1rAFtxwCLcB\/s640\/blogger-post-compose-html-buttons.png\" title=\"How to Create a Blogger Account 5\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nCustomizing text\u003C\/h3\u003E\nIf you want, you will be able to customize the text you want without a problem. You will have the ability to use the toolbar located on top of the editor to modify the text as you see fit. This includes formatting, color, size, alignment and so on. You have a \u003Cb\u003ENormal\u003C\/b\u003E drop-down that helps you change the type of content you want to add, so you should consider changing between the desired heading type as you see fit. This also changes the way search engines process your content, so keep that in mind.\u0026nbsp; If possible, try to break the content into easy to read pieces. \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2015\/07\/7-seo-tips-for-bloggers.html\"\u003EUse the Headings in a strategic manner\u003C\/a\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"blogger post heading\" border=\"0\" height=\"250\" src=\"https:\/\/4.bp.blogspot.com\/-6Qc7Inneswg\/WEWdAsHjcsI\/AAAAAAAAL-Y\/HscR1bJhDJkf6BZYFKuLp_FjCNyHvf-bQCLcB\/s640\/blogger-post-heading-text-edit.png\" title=\"How to Create a Blogger Account 6\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nAdd an image to your post\u003C\/h3\u003E\nIf you want to make your blog post enticing, you should try to add at least an image. These images make posts a lot easier to read and it's a good idea to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/07\/blogger-seo-image-optimization.html\"\u003Emake the most out of images\u003C\/a\u003E if you want to share a great experience for your audience. You will have an \"Insert Image\" button right above your text editor, on the toolbar. There are multiple options, you can either upload them from your PC\/Mac, you can share a link or you can use your webcam to take a picture if you want. However, if you link to other websites, make sure that you showcase their copyright or just refrain from doing that to begin with. There are many sites who do not agree with the idea of having their content stolen, so try to stay away from that!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"insert image in Blogger post\" border=\"0\" height=\"243\" src=\"https:\/\/4.bp.blogspot.com\/-HD1z4yOz2JI\/WEWfTNTMbfI\/AAAAAAAAL-g\/7ztqxu_hTek0ry2BVpqUIKJt5L__6saPQCLcB\/s640\/upload-image-in-blogger-post.png\" title=\"How to Create a Blogger Account 7\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nModify the post settings\u003C\/h3\u003E\nIf you look on the right side of your Post Editor, you will be able to access some \u003Cb\u003EPost settings\u003C\/b\u003E. Remember that these make it easy for you to customize your post right before you choose to publish it!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"blogger post settings\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-zQ53LUPvDZE\/WEWvpoAIx1I\/AAAAAAAAL-w\/gkYXZljZ9l4XeABHIARQ8Ya5zSTN3MkggCLcB\/s1600\/blogger-post-settings.png\" title=\"How to Create a Blogger Account 8\" \/\u003E\u003C\/div\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003ELabels\u003C\/b\u003E are useful if you want to group multiple posts which are very similar to one another.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003ESchedule\u003C\/b\u003E allows you to publish your content at a later date. It can come in handy if you don't want to share multiple articles at the same time.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EPermalink\u003C\/b\u003E is an option that allows you to select the way your post will be linked to in the future. Usually it will maintain the title structure, but there are other link types you can choose from as well.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003ELocation\u003C\/b\u003E enables you to add a location tag for your post. It's a very good tool for those that move\/travel often\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EOptions\u003C\/b\u003E allows you to modify some features like the user ability to comment on a post for example. You can also choose the way your HTML code is interpreted here as well.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Ch3\u003E\nPreviewing\u003C\/h3\u003E\nA great thing about previewing your post is that you will be able to see how it looks when a reader will access it. This is the right time when you need to check your post for any errors, be it grammar or structural ones.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"preview blogger post\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-VJBTN-kjegM\/WEfw4U-qsVI\/AAAAAAAAMAI\/5PYBuM-89m48WLObHA49pUmXVqM09qcXQCLcB\/s1600\/preview-blogger-post.png\" title=\"How to Create a Blogger Account 9\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nSave the post for later\u003C\/h3\u003E\nThis is not the same as scheduling. When you save the post for later, it means that the post just isn't finished at this time and you will continue to work on it at a later time. You can see this as a draft for your future post.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"save blogger post\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-qwrVzI8VQSs\/WEfx9sn-U7I\/AAAAAAAAMAU\/XfEvIbIEnyUqGfPhWobLJwBNgl2cDAEjQCLcB\/s1600\/save-blogger-post.png\" title=\"How to Create a Blogger Account 10\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003C\/div\u003E\n\u003Ch3\u003E\nPublishing the post\u003C\/h3\u003E\nIf you double or triple checked the post and there are \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/05\/mixed-content-errors-in-blogspot-blogger.html\"\u003Eno errors\u003C\/a\u003E, then you are good to go. Still, it's a good idea to go through it at least one more time to ensure that all the content you want is there and you don't have to make any more changes. Add all the necessary labels and tags, make sure that you inserted any links, images and other information that you might need.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nOnce everything is ready, you will just have to press the \u003Cb\u003EPublish\u003C\/b\u003E button located at the top of the panel. This is when Blogger will automatically redirect you to the Posts page. Here you will see the post right on top.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"publish blogger post\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-lpStdqQm-18\/WEfy4f988CI\/AAAAAAAAMAc\/NTJtSt43uZIgZUtT4SMCGMwqhZkWaDqvwCLcB\/s1600\/publish-blogger-post.png\" title=\"How to Create a Blogger Account 11\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDon't believe that your work is done at this point. In fact, it's far from that. You still have a long way to go before you properly \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/10\/top-tips-to-improve-page-rank.html\"\u003Eoptimize and improve your blog\u003C\/a\u003E. After all, people won't be drawn in to your blog if you have just a single one to begin with. Work hard to write great posts as they will be able to make your blog stand out in the long haul.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nOf course, you do need patience. Writing a good blog does require time and you shouldn't rush the content creation. Prioritize quality over quantity all the time. If you don't do that, the experience will be very well worth it in the end.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nHow can you expand your blog?\u003C\/h3\u003E\nAs we mentioned earlier, writing a single post is great but it won't draw in a lot of traffic. If you want to write a good post, one that will bring in lots of readers and views, you want to post as often as possible.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nQuality content will always bring in traffic. Update the blog as often as you can. If you can share at least a post per week, you should do that. A good stream of posts will always come in handy, so make sure that you always write some good, enticing content that will help populate your blog.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIf possible, we recommend you to create a post \u003Cb\u003ESchedule\u003C\/b\u003E as this will help you better optimize the way you post. This way you will be able to prepare your content beforehand, so you can have it ready when you want to create a new post. The best approach is to write more than 1 post at a time. One can be posted and the others can be kept for a later date if you so desire.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"create blogger posts\" border=\"0\" height=\"234\" src=\"https:\/\/1.bp.blogspot.com\/-HV1DdMzxx40\/WEW1KfW_9uI\/AAAAAAAAL_M\/OLyUUqXVBD0hjKnxdhSl_MVVNQPmoEqgQCLcB\/s640\/update-blog-regularly.png\" title=\"How to Create a Blogger Account 12\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nWrite for a niche\u003C\/h3\u003E\nGeneralized content works but it won't really deliver good results for your audience. If you want to get the best results, we recommend you to find a niche as fast as possible. Not only does a niche help you target specific users, but it will also help you become an authority on that topic. We recommend you to research a niche and become an expert on it. This is the best way to create a large audience for a niche and from here to reaching success in blogging will be just a small step.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDon't rush the content creation process, especially if you write for a niche. Creating redundant content will just keep people away. As long as you take your time and focus on results for your audience, the experience will be an amazing one. Of course, use the proper content structure in order to cater to the needs of search engines, all while maintaining the content relevant for humans as well!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nReader interaction\u003C\/h3\u003E\nOnce you learn how to create a blog on Blogger you can create more than a blog in order to reach multiple audiences. But the idea here still remains, you will need to interact with the audience. The community will grow more and more as you put out content, so make sure that you always interact with the audience.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nRead the comments and moderate them, make sure that you remove spam. Also, reply to people that are interested in what you write. This will help create and nurture a community around your content, which can be very interesting to do!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"blogger comments\" border=\"0\" height=\"337\" src=\"https:\/\/3.bp.blogspot.com\/-eOdyUc8bhzw\/WEgKRhpPouI\/AAAAAAAAMAs\/hxm4vyv02ecNhWvDODuYS8u1_4VcczlOwCLcB\/s640\/blogger-comments-and-reply.png\" title=\"How to Create a Blogger Account 13\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nAdvertising your blog\u003C\/h3\u003E\nYour blog will need advertising if you want it to grow really fast. One of the best ways you can do that is by sharing it with people anywhere you can. From social networks to social media or any other location, all of these are great places where you can share your blog. We recommend you to try and do the following:\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003EPost a short headline and a link to your article on Twitter\u003C\/li\u003E\n\u003Cli\u003ESingle Blogger is a Google Product, make sure that you use the Google buttons in order to share on Google Plus and perform other similar actions.\u003C\/li\u003E\n\u003Cli\u003EEncourage readers and friends to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/09\/how-to-share-blogger-post-to-facebook.html\"\u003Eshare your Blogger posts on Facebook\u003C\/a\u003E and anywhere they can. This will help you reach a large audience really fast.\u003C\/li\u003E\n\u003Cli\u003EMake sure that you comment on forums and other blogs. Link to your post there if it's meaningful for that particular topic. This type of practice is called \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/12\/how-to-build-high-quality-backlinks.html\"\u003Ebacklinking and it's very good for SEO\u003C\/a\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Ch3\u003E\nPlace ads\u003C\/h3\u003E\nAds are very important if you want to monetize the blog. You won't be able to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/12\/applying-for-google-adsense-tips.html\"\u003Emonetize your blog with AdSense\u003C\/a\u003E unless you have a blog active for around 6 months, so keep that in mind. You also need to have at least 18 years of age and you also have to obey the TOS. AdSense allows you to receive payments based on the amount of impressions generated by your blog.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"sign up for AdSense\" border=\"0\" height=\"322\" src=\"https:\/\/2.bp.blogspot.com\/-XaLy7Taaxq4\/WElFhO1WEjI\/AAAAAAAAMBA\/J__bjH6mXZgvTWl8qeNRSg89WTHhE1dNwCLcB\/s640\/sign-up-for-googleadsense.png\" title=\"How to Create a Blogger Account 14\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nBlog customization\u003C\/h3\u003E\nYou can modify just about anything you want on Blogger, it all comes down to you to make the right changes! For example, you will be able to press \u003Cb\u003ELayout\u003C\/b\u003E and then you can modify the block content for each section of your blog. You also have the ability to \u003Cb\u003EAdd a Gadget\u003C\/b\u003E if you want. Blogger has lots of add-ons to choose from, all of which can help you better define your blog!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIf you want to customize your \u003Cb\u003ETemplate\u003C\/b\u003E, keep in mind that there are multiple customization options to choose from. You can also keep the template you have now. Programmers can press the \u003Cb\u003EEdit HTML\u003C\/b\u003E button so they can modify the CSS and HTML code.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"blogger template edit HTML\" border=\"0\" height=\"317\" src=\"https:\/\/4.bp.blogspot.com\/-7tpeVA56dMo\/WElHOhA0IqI\/AAAAAAAAMBM\/CSJ6hDMhouYskw2LrXfqN7dT89dz4dPrwCLcB\/s640\/customize-blogger-template-html.png\" title=\"How to Create a Blogger Account 15\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nStat tracking\u003C\/h3\u003E\nBlogger has a dedicated option named \u003Cb\u003EStats\u003C\/b\u003E where you have the ability to monitor the blog performance. Here you have the ability to see the amount of views you get. This way you can identify what posts are performing better than others. As a result, you know what content works great for your audience in the longer term!\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nLearning \u003Cstrong\u003Ehow to create a Blogger account\u003C\/strong\u003E is really easy and you can feel free to create multiple blogs if you want. Just make sure that you write content for all of them. Plus, you can also monetize each one of your blogs if you so desire. Take your time and make sure that you provide valid information for your readers. This should be the main reason to create a Blogger account in the first place!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/7693547412261817173\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/12\/how-to-create-blogger-account.html#comment-form","title":"3 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/7693547412261817173"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/7693547412261817173"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/12\/how-to-create-blogger-account.html","title":"How to Create a Blogger Account?"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/2.bp.blogspot.com\/-ts_mZ9mQGaw\/XpnJnkjZOyI\/AAAAAAAAMOg\/cc7AiMC8hgs2yNQqutHGNhYhCcMNgLOkACLcBGAsYHQ\/s72-c\/how-to-create-blogger-account.png","height":"72","width":"72"},"thr$total":{"$t":"3"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-5381776398751562797"},"published":{"$t":"2016-11-29T06:23:00.002-08:00"},"updated":{"$t":"2020-04-17T08:32:06.920-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"beginner's guide"}],"title":{"type":"text","$t":"How to Get a Disabled Gmail Account Back"},"content":{"type":"html","$t":"It can be a frustrating experience when you find your Gmail account is no longer active. Having your Gmail account disabled means losing access to the products by Google that were linked. There are several reasons why your account may have been ended that are mostly due to the Terms of Service policies by Google itself. So, if you have violated one more of the polices either intentionally or not, you can find yourself with a disabled Gmail account.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAdding to the frustration is that Google will often disable the account with no warning. However, the good news is that there are simple methods for getting your account back online.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"get disabled gmail account back\" src=\"https:\/\/4.bp.blogspot.com\/-FyOsWFi1mDc\/XpnL14UhrZI\/AAAAAAAAMO4\/xmhmWLGS8h05y2stVRwPuukRrXJc1yufACLcBGAsYHQ\/s1600\/restore-gmail-account-disabled.png\"\/\u003E\u003C\/div\u003E\n\u003Ch3\u003EGmail Account Temporarily Disabled\u003C\/h3\u003E\nThis is generally the easiest to overcome as Google believes that your account may be compromised. To rectify the situation, you will be asked to provide your mobile number or recover email identification. If you do either, they will send you a text message that will allow you to access your account quickly. You will need to do so within a 48-hour period otherwise it will become more difficult to get back your account.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003EGmail Account Disabled Due To Perceived ToS Violation\u003C\/h3\u003E\nIf your Gmail account disabled included a terms of service (ToS) violation warning, then you will need to \u003Ca href=\"https:\/\/support.google.com\/accounts\/contact\/disabled2\" rel=\"nofollow\" target=\"_blank\"\u003Efill out their contact form\u003C\/a\u003E so the process of getting your Gmail account back can begin. You should read the ToS thoroughly so that the violation will not happen again and provide the email address. If you do not get a response, repeat the step every two days until you do.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ctable align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"tr-caption-container\" style=\"margin-left: auto; margin-right: auto; text-align: center;\"\u003E\u003Ctbody\u003E\n\u003Ctr\u003E\u003Ctd style=\"text-align: center;\"\u003E\u003Cimg alt=\"gmail account disabled\" border=\"0\" height=\"270\" src=\"https:\/\/4.bp.blogspot.com\/-sMJj35C3SCQ\/WDx3SFobjjI\/AAAAAAAAL9A\/3u19kSEAuTUgQupmrrLjUkr3TbOZGJNAwCLcB\/s640\/gmail-account-disabled-get-back.png\" title=\"Gmail account disabled form\" width=\"640\" \/\u003E\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr\u003E\u003Ctd class=\"tr-caption\" style=\"text-align: center;\"\u003EGmail account disabled - Google contact form screenshot\u003C\/td\u003E\u003C\/tr\u003E\n\u003C\/tbody\u003E\u003C\/table\u003E\n\u003Cbr \/\u003E\nOnce they have responded, the next step should be to get your Gmail back so that you can gain automatic access to all the Google products including \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/12\/applying-for-google-adsense-tips.html\"\u003EAdSense\u003C\/a\u003E. You can also \u003Ca href=\"https:\/\/productforums.google.com\/forum\/?hl=en#!forum\/gmail\" rel=\"nofollow\" target=\"_blank\"\u003Evisit the help forum\u003C\/a\u003E where you can open a 'Gmail account disabled' topic. Just focus on the Gmail account itself first as that is the key to the rest of your Google services. You'll want to discuss the issues that you are facing and why this needs to be resolved as quickly as possible. If the Top Contributor pings your thread to the staff at Google, then you should expect your account to be back online in 48 hours or two business days.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003EGmail Account Disabled Due To Serious ToS Violations\u003C\/h3\u003E\nIf the Gmail account disabled was due to a serious violation of the Terms of Service agreement, as well as the Google policies that oversee your account, then you will have considerable difficulty in getting your account back. Such violations would include your \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2015\/02\/detect-invalid-activity-in-google-adsense.html\"\u003EAdSense account being involved in click fraud\u003C\/a\u003E, for example. Serious violations that are clear will make it virtually impossible for your account to be restored.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIf what happened was not considered a serious violation, then you should be able to get your account up and running within 24 to 48 hours depending on the circumstances. It pays however, to keep all your important data and information outside of your Google accounts in case of getting a Gmail account disabled result. By protecting yourself, the impact will be easier to handle until you can get your account back online. "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/5381776398751562797\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/11\/gmail-account-disabled-what-to-do.html#comment-form","title":"1 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5381776398751562797"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5381776398751562797"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/11\/gmail-account-disabled-what-to-do.html","title":"How to Get a Disabled Gmail Account Back"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/4.bp.blogspot.com\/-FyOsWFi1mDc\/XpnL14UhrZI\/AAAAAAAAMO4\/xmhmWLGS8h05y2stVRwPuukRrXJc1yufACLcBGAsYHQ\/s72-c\/restore-gmail-account-disabled.png","height":"72","width":"72"},"thr$total":{"$t":"1"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-3942136804036706568"},"published":{"$t":"2016-11-25T03:04:00.000-08:00"},"updated":{"$t":"2020-04-17T08:51:53.148-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"5 Best Custom Blogger Contact Form Widgets"},"content":{"type":"html","$t":"In the past, adding a custom contact form for Blogger was quite a complex process, and many bloggers were forced to use third party websites. However, even after \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2013\/05\/new-blogger-widget-contact-form-change.html\"\u003EBlogger launched its own contact form gadget\u003C\/a\u003E, it was still considered as highly inadequate. This is because the official gadget would only be implemented on the footer the sidebar. Most bloggers preferred having a separate blogger contact form placed on its own page to make their blogs appear well arranged and more professional as well.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHaving a well laid-out \u003Cb\u003EBlogger contact form\u003C\/b\u003E is very important. This is the tool that visitors, companies, and brands can use to contact you and it is simply a must-have feature for every blogger. If you are not comfortable with sharing your main email address directly on your blog, then a custom Blogger contact form offers an effective way in which people can easily reach you.\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"5 Best Custom Blogger Contact Form Widgets\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-AMDVyOgeKsM\/XpnQcc4rAYI\/AAAAAAAAMPE\/WM8WItxRXLw6LGrMR4ZRETgwwUWlXjVvwCLcBGAsYHQ\/s1600\/custom-blogger-contact-form.jpg\" title=\"5 Best Custom Blogger Contact Form Widgets\"\/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nWhy you should use a Blogger Contact Form?\u003C\/h3\u003E\nIf you are still stuck on third party providers, you should definitely consider switching to the official custom contact form for Blogger since it has various unique benefits, like:\u003Cbr \/\u003E\n\u003Cul\u003E\n\u003Cli\u003E\u003Cb\u003EMessages are delivered immediately\u003C\/b\u003E - As the blog administrator, you will receive a message immediately the visitor clicks send.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EReliable\u003C\/b\u003E - It is the official form developed by Blogger, which makes it more trustworthy and reliable way to initiate contact as compared to using third-party services.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EQuestions\u003C\/b\u003E - The contact form offers a platform for your visitors to ask specific questions that they might have regarding the blog you wrote or your business in general. It can be an excellent way of capturing leads and even lead to conversions if you are selling a certain product or service.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EFeedback\u003C\/b\u003E - Visitors can easily comment on your blog by leaving their feedback through your contact form. This feedback can help you determine which post to do next or what areas to address based on the visitors' comments.\u003C\/li\u003E\n\u003Cli\u003E\u003Cb\u003EInformation or service request\u003C\/b\u003E - For those who are using the blog as a way of marketing a product or service, potential clients can use the custom contact form for Blogger to reach out and request additional information.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Ch2\u003E\nHow to Add Blogger Contact Form Gadget \u003C\/h2\u003E\nBefore adding a custom Blogger contact form to a static page, we need to add the default contact form in the blog's sidebar to make it functional:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Log into your Blogger dashboard and go to \"Layout\" \u0026gt; click on the \"Add a gadget\" link on the page elements area.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Select \"More Gadgets\" below the \"Basics\" tab and click the \"+\" button to add the Contact Form Gadget.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"blogger contact form\" border=\"0\" height=\"390\" src=\"https:\/\/1.bp.blogspot.com\/-y_zg56kQdAo\/WC9n0A2z-iI\/AAAAAAAAL7k\/ZMeIWhs4YKUg07l9r0s7p28kD6qZXTQSQCLcB\/s640\/add-blogger-contact-form-gadget.png\" title=\"How to add Blogger contact form\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nHiding Blogger Contact Form from the Sidebar\u003C\/h2\u003E\nOnce the contact form has been added, next step is to hide it so that it will appear only in the static page. \u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Go to \"Template\" and press the \"Edit HTML\" button. Once the code editor opens, click anywhere inside the code area and press CTRL + F keys (or Command + F for mac) to open the search box.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Type or paste the following tag inside the search box and hit Enter to find it:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/blockquote\u003E\n3. Just above the ]]\u0026gt;\u0026lt;\/b:skin\u0026gt; tag, add this CSS code:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E#ContactForm1{display: none !important;}\u003C\/blockquote\u003E\n4. Click the \"Save template\" button on the upper left side and view your blog. The contact form widget should be gone.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nAdding Custom Blogger Contact Form in a Static Page\u003C\/h2\u003E\nFinally, now that we enabled the functionality of the contact form, let's add a custom contact form in our Blogger blog...\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Go to \"Pages\" and click the \"New page\" button. If you already have a Contact us page, just click the \"Edit\" link below the page title.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Once the Page editor opens, fill up the page title with Contact\/Contact Us or any title you want to show. It is recommended doing this before anything in order to make the permalink SEO friendly.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n3. Click on the HTML tab as there we will add the code to make the custom Blogger contact form work. On the right site, change the Page settings to hide (\"Don't allow\" or \"Don't allow, hide existing\") the reader comments, then click the \"Done\" button:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"contact static page\" border=\"0\" height=\"452\" src=\"https:\/\/3.bp.blogspot.com\/-yYW9LScAolk\/WC9xw82yLkI\/AAAAAAAAL74\/ryDupHqH9Hoief-udCEFJ-NR2J49koA2ACLcB\/s640\/blogger-contact-form-page.png\" title=\"Adding contact form for Blogger in a static page\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n4. Below are 5 custom Blogger contact form styles. Pick your favorite and copy the code provided, then paste the code inside the HTML box of your page editor:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4 style=\"text-align: center;\"\u003E\nSimple Contact Form\u003C\/h4\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"custom blogger contact form\" border=\"0\" height=\"354\" src=\"https:\/\/2.bp.blogspot.com\/-21BHcpPbMmE\/WC90i4dWMJI\/AAAAAAAAL8A\/665FLORxtEg-JcBS_HwWN_V2v_0cW4kCgCLcB\/s640\/simple-blogger-contact-form.png\" title=\"Simple Custom Blogger contact form\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:40px 0}.contactf-name,.contactf-email{float:left;width:48.25%}.contactf-name{margin-right:3.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 20px;padding:10px 15px;font-size:12px;letter-spacing:1px;color:#444;background:#F3F3F3;border:medium none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:37px}.contact-form-email-message{height:170px}.contact-form-button-submit,.contact-form-button-submit:hover{width:13%;height:30px;font:normal 12px Arial;letter-spacing:1px;color:#444;display:block;outline:none;margin-bottom:20px;text-align:center;background:#E6E6E6;border:0;cursor:pointer}.contact-form-button-submit:active{outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u003Cbr \/\u003E\u0026lt;div class=\"widget ContactForm\" id=\"ContactForm22\"\u0026gt;\u0026lt;div class=\"contact-form-widget\"\u0026gt;\u0026lt;div class=\"form\"\u0026gt;\u0026lt;form name=\"contact-form\"\u0026gt;\u0026lt;div class=\"contactf-name\"\u0026gt;\u0026lt;input class=\"contact-form-name\" id=\"ContactForm1_contact-form-name\" name=\"name\" size=\"30\" type=\"text\" value=\"NAME\" onblur='if (this.value == \"\") {this.value = \"NAME\";}' onfocus='if (this.value == \"NAME\") {this.value = \"\";}'\u0026nbsp; \/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-email\"\u0026gt;\u0026lt;input class=\"contact-form-email\" id=\"ContactForm1_contact-form-email\" name=\"email\" size=\"30\" type=\"text\" value=\"EMAIL\" onblur='if (this.value == \"\") {this.value = \"EMAIL\";}' onfocus='if (this.value == \"EMAIL\") {this.value = \"\";}'\/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div style=\"clear:both\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-message\"\u0026gt;\u0026lt;textarea class=\"contact-form-email-message\" cols=\"25\" id=\"ContactForm1_contact-form-email-message\" name=\"email-message\" rows=\"5\" value=\"MESSAGE\" onblur='if (this.value == \"\") {this.value = \"MESSAGE\";}' onfocus='if (this.value == \"MESSAGE\") {this.value = \"\";}'\u0026gt;\u0026lt;\/textarea\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;input class=\"contact-form-button contact-form-button-submit\" id=\"ContactForm1_contact-form-submit\" type=\"button\" value=\"SEND\" \/\u0026gt;\u0026lt;div class=\"contact-form-error-message\" id=\"ContactForm1_contact-form-error-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contact-form-success-message\" id=\"ContactForm1_contact-form-success-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/form\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Ch4 style=\"text-align: center;\"\u003E\nContact form with CSS rainbow divider\u003C\/h4\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"colorful contact form for Blogger\" border=\"0\" height=\"314\" src=\"https:\/\/1.bp.blogspot.com\/-yJjBOL2206Y\/WC91GDOhLuI\/AAAAAAAAL8E\/Ll5Gy5-Nb2QA8Wmpf0OXnj2J6l1nzPHiwCLcB\/s640\/rainbow-blogger-contact-form.png\" title=\"Colorful Contact form for Blogger\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:0}hr{position:relative;height:.75em;border:0;overflow:hidden;margin:0}hr:before{content:\"\";display:block;position:absolute;top:0;left:0;height:.75em;width:5.1em;background:#C4DD83;box-shadow:5em 0 0 0 #F4FCC9,10em 0 0 0 #FDCD78,15em 0 0 0 #ED786F,20em 0 0 0 #D99DBF,25em 0 0 0 #C39EDC,30em 0 0 0 #679DE2,35em 0 0 0 #62C2E3,40em 0 0 0 #F4FCC9,45em 0 0 0 #FDCD78,50em 0 0 0 #ED786F,55em 0 0 0 #D99DBF,60em 0 0 0 #C39EDC}.contactf-name,.contactf-email{float:left;width:49.25%}.contactf-name{margin-right:1.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:25px 0 0;padding:10px;font-size:15px;color:#ccc;border-color:#E8E8E8;border-width:2px 2px 4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:40px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:40px;font-size:15px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.25);background:#EE786F;border:0;border-bottom:2px solid #D4685C;outline:none;cursor:pointer;-webkit-box-shadow:inset 0 -2px #D4685C;box-shadow:inset 0 -2px #D4685C}.contact-form-button-submit:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none !important;box-shadow:none !important;padding:0 !important;height:11px !important;width:11px !important;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;div class=\"widget ContactForm\" id=\"ContactForm22\"\u0026gt;\u0026lt;div class=\"contact-form-widget\"\u0026gt;\u0026lt;hr\u0026gt;\u0026lt;div class=\"form\"\u0026gt;\u0026lt;form name=\"contact-form\"\u0026gt;\u0026lt;div class=\"contactf-name\"\u0026gt;\u0026lt;input class=\"contact-form-name\" id=\"ContactForm1_contact-form-name\" name=\"Name\" size=\"30\" type=\"text\" value=\"Name\" onblur='if (this.value == \"\") {this.value = \"Name\";}' onfocus='if (this.value == \"Name\") {this.value = \"\";}'\/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-email\"\u0026gt;\u0026lt;input class=\"contact-form-email\" id=\"ContactForm1_contact-form-email\" name=\"E-mail address\" size=\"30\" type=\"text\" value=\"E-mail address\" onblur='if (this.value == \"\") {this.value = \"E-mail address\";}' onfocus='if (this.value == \"E-mail address\") {this.value = \"\";}'\/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div style=\"clear:both\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-message\"\u0026gt;\u0026lt;textarea class=\"contact-form-email-message\" cols=\"25\" id=\"ContactForm1_contact-form-email-message\" name=\"Type your message here...\" rows=\"5\" type=\"text\" value=\"Type your message here...\" onblur='if (this.value == \"\") {this.value = \"Type your message here...\";}' onfocus='if (this.value == \"Type your message here...\") {this.value = \"\";}'\u0026gt;\u0026lt;\/textarea\u0026gt;\u0026lt;input class=\"contact-form-button contact-form-button-submit\" id=\"ContactForm1_contact-form-submit\" type=\"button\" value=\"Send Message\" \/\u0026gt;\u0026lt;div class=\"contact-form-error-message\" id=\"ContactForm1_contact-form-error-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contact-form-success-message\" id=\"ContactForm1_contact-form-success-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/form\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Ch4 style=\"text-align: center;\"\u003E\nBlogger Contact Form with CSS Ribbon \u003C\/h4\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"contact form with ribbon\" border=\"0\" height=\"486\" src=\"https:\/\/3.bp.blogspot.com\/-Crtnvw9NESg\/WC9115cXvmI\/AAAAAAAAL8I\/j594b5eTeCo893u6Z0VGODfeRbT-nGv_wCLcB\/s640\/ribbon-blogger-contact-form.png\" title=\"Blogger Contact form with Ribbon\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E.widget.ContactForm{z-index:1}.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:25px 0;background:#EBEBE3;-webkit-border-radius:2%;-moz-border-radius:2%;border-radius:2%}.contact-form-widget .form{width:91%;margin:0 auto}.ribbon{font:16px Arial;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,0.25);position:relative;background:#6B5F53;color:#fff;text-align:center;padding:1em 2em;margin:0 -16px}.ribbon:before,.ribbon:after{content:\"\";position:absolute;display:block;bottom:-1em;border:1.5em solid #584C40;z-index:-1}.ribbon:before{left:-1.7em;border-right-width:1.2em;border-left-color:transparent}.ribbon:after{right:-1.7em;border-left-width:1.2em;border-right-color:transparent}.ribbon .ribbon-content:before,.ribbon .ribbon-content:after{content:\"\";position:absolute;display:block;border-style:solid;border-color:#42362A transparent transparent;bottom:-1em}.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}.contactf-name,.contactf-email,.contactf-message{text-align:left;margin-top:25px;color:#a1937b;font-size:13px}.contactf-name,.contactf-email{float:left;width:100%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:10px 0 0;padding:10px;font-size:12px;color:#aaa;border-color:#DBD6D1;border-width:1px;box-shadow:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.contact-form-name,.contact-form-email{height:35px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:37px;font:normal 12px Arial;outline:none;letter-spacing:1px;color:#fff;text-align:center;cursor:pointer;text-shadow:1px 1px 0 #ffe8b2;color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#fed970) to(#febd4b));background:-webkit-linear-gradient(#fed970,#febd4b);background:-moz-linear-gradient(#fed970,#febd4b);background:-ms-linear-gradient(#fed970,#febd4b);background:-o-linear-gradient(#fed970,#febd4b);background:linear-gradient(#fed970,#febd4b);-pie-background:linear-gradient(#fed970,#febd4b)}.contact-form-button-submit:active{color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#febd4b) to(#fed970));background:-webkit-linear-gradient(#febd4b,#fed970);background:-moz-linear-gradient(#febd4b,#fed970);background:-ms-linear-gradient(#febd4b,#fed970);background:-o-linear-gradient(#febd4b,#fed970);background:linear-gradient(#febd4b,#fed970);-pie-background:linear-gradient(#febd4b,#fed970)}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;height:11px !important;width:11px !important;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;div class=\"widget ContactForm\" id=\"ContactForm22\"\u0026gt;\u0026lt;div class=\"contact-form-widget\"\u0026gt;\u0026lt;h2 class=\"ribbon\"\u0026gt;\u0026lt;strong class=\"ribbon-content\"\u0026gt;Shoot Me an Email\u0026lt;\/strong\u0026gt;\u0026lt;\/h2\u0026gt;\u0026lt;div class=\"form\"\u0026gt;\u0026lt;form name=\"contact-form\"\u0026gt;\u0026lt;div class=\"contactf-name\"\u0026gt;Your name:\u0026lt;input class=\"contact-form-name\" id=\"ContactForm1_contact-form-name\" name=\"Name\" size=\"30\" type=\"text\" value=\"Name\" onblur='if (this.value == \"\") {this.value = \"Name\";}' onfocus='if (this.value == \"Name\") {this.value = \"\";}'\u0026nbsp; \/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-email\"\u0026gt;E-mail address *:\u0026lt;input class=\"contact-form-email\" id=\"ContactForm1_contact-form-email\" name=\"E-mail address\" size=\"30\" type=\"text\" value=\"E-mail address\" onblur='if (this.value == \"\") {this.value = \"E-mail address\";}' onfocus='if (this.value == \"E-mail address\") {this.value = \"\";}'\/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div style=\"clear:both\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-message\"\u0026gt;Message *:\u0026lt;textarea class=\"contact-form-email-message\" cols=\"25\" id=\"ContactForm1_contact-form-email-message\" name=\"Type your message here...\" rows=\"5\" value=\"\" placeholder=\"Type your message here...\" value=\"Type your message here...\" onblur='if (this.value == \"\") {this.value = \"Type your message here...\";}' onfocus='if (this.value == \"Type your message here...\") {this.value = \"\";}'\u0026gt;\u0026lt;\/textarea\u0026gt;\u0026lt;input class=\"contact-form-button contact-form-button-submit\" id=\"ContactForm1_contact-form-submit\" type=\"button\" value=\"SEND MESSAGE\" \/\u0026gt;\u0026lt;div class=\"contact-form-error-message\" id=\"ContactForm1_contact-form-error-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contact-form-success-message\" id=\"ContactForm1_contact-form-success-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/form\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Ch4 style=\"text-align: center;\"\u003E\nMinimal Contact Form\u003C\/h4\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"minimal contact form for Blogger\" border=\"0\" height=\"414\" src=\"https:\/\/1.bp.blogspot.com\/-Wfdi5RQ07iQ\/WC92TM-51hI\/AAAAAAAAL8Q\/y1_Swl81icwJfvSyhj0E9R3n5NoLknzNwCLcB\/s640\/minimal-blogger-contact-form-style.png\" title=\"Minimal contact form for Blogger\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:25px;background:#fff}.contact-title{text-align:center;font:41px fantasy;color:#121212;margin-bottom:25px}.contactf-name,.contactf-email{float:left;width:47%}.contactf-name{margin-right:6%}.name-icon img,.email-icon img{background:transparent!important;border:medium none!important;box-shadow:none!important;padding:11px 0!important;width:16px !important;height:16px !important;}.name-icon,.email-icon{position:absolute;z-index:1}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 25px;padding:10px 10px 10px 25px;font:bold 16px cursive;text-shadow:0 1px 2px #ddd;color:#121212;background:transparent!important;border-color:#121212;border-width:0 0 2.5px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:40px}.contact-form-email-message,.contact-form-email-message:hover,.contact-form-email-message:focus{padding:10px!important}.contact-form-email-message{height:150px;border-width:2.5px!important}.contact-form-button-submit,.contact-form-button-submit:hover{background:#121212!important;width:30%;height:37px;font:bold 13px \"Lucida Grande\";letter-spacing:2px;color:#fff;text-align:center;border:medium none;cursor:pointer;display:block;margin:0 auto;outline:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;width:11px !important;height:11px !important;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;div class=\"widget ContactForm\" id=\"ContactForm22\"\u0026gt;\u0026lt;div class=\"contact-form-widget\"\u0026gt;\u0026lt;h2 class=\"contact-title\"\u0026gt;Get in touch.\u0026lt;\/h2\u0026gt;\u0026lt;div class=\"form\"\u0026gt;\u0026lt;form name=\"contact-form\"\u0026gt;\u0026lt;div class=\"contactf-name\"\u0026gt;\u0026lt;div class=\"name-icon\"\u0026gt;\u0026lt;img src=\"https:\/\/3.bp.blogspot.com\/-TgreeOjV9hc\/WC8lF19LbaI\/AAAAAAAABq4\/E5U-ahjjFcYBpgZd49O1BwTLelkqVGhgQCLcB\/s1600\/avatar%25281%2529.png\" width=\"16\" height=\"16\" \/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;input class=\"contact-form-name\" id=\"ContactForm1_contact-form-name\" name=\"Name\" size=\"30\" type=\"text\" value=\"Name\" onblur='if (this.value == \"\") {this.value = \"Name\";}' onfocus='if (this.value == \"Name\") {this.value = \"\";}'\u0026nbsp; \/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-email\"\u0026gt;\u0026lt;div class=\"email-icon\"\u0026gt;\u0026lt;img src=\"https:\/\/4.bp.blogspot.com\/-AuOlsNet-oA\/WC8lCTFCY_I\/AAAAAAAABq0\/7eKfEB9TINkHQ_-ug5oqM7LTl9YBXjevQCLcB\/s1600\/envelope%25281%2529.png\" width=\"16\" height=\"16\" \/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;input class=\"contact-form-email\" id=\"ContactForm1_contact-form-email\" name=\"E-mail address\" size=\"30\" type=\"text\" value=\"E-mail address\" onblur='if (this.value == \"\") {this.value = \"E-mail address\";}' onfocus='if (this.value == \"E-mail address\") {this.value = \"\";}'\/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div style=\"clear:both\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-message\"\u0026gt;\u0026lt;textarea class=\"contact-form-email-message\" cols=\"25\" id=\"ContactForm1_contact-form-email-message\" name=\"Type your message here...\" rows=\"5\" value=\"Type your message here...\" onblur='if (this.value == \"\") {this.value = \"Type your message here...\";}' onfocus='if (this.value == \"Type your message here...\") {this.value = \"\";}'\u0026gt;\u0026lt;\/textarea\u0026gt;\u0026lt;input class=\"contact-form-button contact-form-button-submit\" id=\"ContactForm1_contact-form-submit\" type=\"button\" value=\"SEND\" \/\u0026gt;\u0026lt;div class=\"contact-form-error-message\" id=\"ContactForm1_contact-form-error-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contact-form-success-message\" id=\"ContactForm1_contact-form-success-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/form\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Ch4 style=\"text-align: center;\"\u003E\nContact form with speech bubble\u003C\/h4\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" height=\"270\" src=\"https:\/\/4.bp.blogspot.com\/-0LtPT7HsP4U\/WC93VmSD8lI\/AAAAAAAAL8Y\/Nk6m809v314G5kxWUbzwTAPUPcmYlp_HwCLcB\/s640\/cool-blogger-contact-form.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%}.contactf-name,.contactf-email{float:left;width:50%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 15px;padding:10px;font-size:14px;color:#777;background:#E2DEDB;border:1px solid #CBC7C4;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.contact-form-name,.contact-form-email{height:33px}.contact-form-email-message{height:130px}.contactf-message{position:relative}.contactf-message:after,.contactf-message:before{border-bottom:50px solid transparent;border-left:80px solid #E2DEDB;bottom:-32px;content:'';position:absolute;right:50%;margin-right:-100px}.contactf-message:before{border-left:80px solid #CBC7C4;bottom:-34px;right:50.3%;margin-right:-101px}.cbluebutton{margin-top:25px;width:30%;height:35px;float:right;font-size:15px;color:#fff;display:inline-block;text-align:center;background:linear-gradient(to bottom,#339ad9 0%,#224bbc 100%);box-shadow:0 1px 1px rgba(34,75,188,0.5);border:0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.cbluebutton span .contact-form-button-submit{background:linear-gradient(to bottom,#52b1e2 0%,#397fd0 100%);font:bold 16px \"Helvetica Neue\",sans-serif;height:35px;width:100%;color:#FFF;text-shadow:0 1px 1px #224BBC;display:inline-block;box-shadow:0 1px 1px rgba(255,255,255,0.3) inset;cursor:pointer;outline:none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.contact-form-button-submit:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important;width:11px !important;height:11px !important;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;div class=\"widget ContactForm\" id=\"ContactForm22\"\u0026gt;\u0026lt;div class=\"contact-form-widget\"\u0026gt;\u0026lt;div class=\"form\"\u0026gt;\u0026lt;form name=\"contact-form\"\u0026gt;\u0026lt;div class=\"contactf-message\"\u0026gt;\u0026lt;textarea class=\"contact-form-email-message\" cols=\"25\" id=\"ContactForm1_contact-form-email-message\" name=\"Message\" rows=\"5\" value=\"Message\" onblur='if (this.value == \"\") {this.value = \"Message\";}' onfocus='if (this.value == \"Message\") {this.value = \"\";}'\u0026gt;\u0026lt;\/textarea\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"cbluebutton\"\u0026gt;\u0026lt;span\u0026gt;\u0026lt;input class=\"contact-form-button contact-form-button-submit\" id=\"ContactForm1_contact-form-submit\" type=\"button\" value=\"Send\" \/\u0026gt;\u0026lt;\/span\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-name\"\u0026gt;\u0026lt;input class=\"contact-form-name\" id=\"ContactForm1_contact-form-name\" name=\"name\" size=\"30\" type=\"text\" value=\"Name\" onblur='if (this.value == \"\") {this.value = \"Name\";}' onfocus='if (this.value == \"Name\") {this.value = \"\";}'\u0026nbsp; \/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contactf-email\"\u0026gt;\u0026lt;input class=\"contact-form-email\" id=\"ContactForm1_contact-form-email\" name=\"email\" size=\"30\" type=\"text\" value=\"E-mail\" onblur='if (this.value == \"\") {this.value = \"E-mail\";}' onfocus='if (this.value == \"E-mail\") {this.value = \"\";}'\/\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div style=\"clear:both\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contact-form-error-message\" id=\"ContactForm1_contact-form-error-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;div class=\"contact-form-success-message\" id=\"ContactForm1_contact-form-success-message\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/form\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n5. After you added the code, click the \"Publish\" button on the upper right side. Now you should be able to see the Blogger contact form live on your static page. To ensure that everything works fine, you can send a message as a test. The message should be delivered to your inbox in a matter of seconds, just make sure that you're checking the email that you're using with your Blogger account.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nFrequently Asked Questions about the Custom Contact Form for Blogger\u003C\/h3\u003E\n\u003Ch4\u003E\nWhere do the messages go?\u003C\/h4\u003E\nOnce a visitor asks a question or sends feedback through the \u003Cb\u003EBlogger contact form\u003C\/b\u003E, it is instantly delivered to the email associated with your Blogger account. If a blog has several administrators, then all the individual administrators will receive the comments or questions asked by the visitor.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003E\nWhat is the benefit of using a separate \"Contact Us\" page?\u003C\/h4\u003E\nEven though it all comes down to your personal preferences, your blog will look more professional if it has a separate page for the custom contact form for Blogger. It gives you credibility and also offers you the chance to add a specific call to action in the new \"Contact Us\" page.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003E\nIs it possible to add extra fields?\u003C\/h4\u003E\nUnfortunately, no. You can't add custom fields such as website, phone number or mailing address since Blogger uses special tags in order to transfer data. In any case, the default fields are well laid-out and will help you to get the basic information you need about your visitors.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003E\nI have installed the Blogger contact form, but it is not working. What could be the problem?\u003C\/h4\u003E\nThere are several reasons why you may be having trouble setting up your contact form. The simplest way to troubleshoot is to countercheck the email you linked to the blog and also reinstall the form again.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUltimately, by using the \u003Cb\u003Ecustom Blogger contact form\u003C\/b\u003E you gain from consistency in the type of information you request and also reduce spam since you will not have to display your email directly on the blog."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/3942136804036706568\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/11\/custom-blogger-contact-form-widgets.html#comment-form","title":"12 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3942136804036706568"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3942136804036706568"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/11\/custom-blogger-contact-form-widgets.html","title":"5 Best Custom Blogger Contact Form Widgets"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-AMDVyOgeKsM\/XpnQcc4rAYI\/AAAAAAAAMPE\/WM8WItxRXLw6LGrMR4ZRETgwwUWlXjVvwCLcBGAsYHQ\/s72-c\/custom-blogger-contact-form.jpg","height":"72","width":"72"},"thr$total":{"$t":"12"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-6921800305740412857"},"published":{"$t":"2016-11-01T09:05:00.000-07:00"},"updated":{"$t":"2020-04-17T08:57:26.757-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"SEO"}],"title":{"type":"text","$t":"Top 10 Killer Tips to Improve Page Rank"},"content":{"type":"html","$t":"Page rank is based on an algorithm that determines how close your link is to the query that was put into a search engine such as Google. The more important your link is shown to be, the higher it will be ranked on search results pages. The result is that web traffic increases to the links that are ranked at or near the top.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch2\u003EHow the Page Rank is Calculated?\u003C\/h2\u003E\nThe calculations used by the algorithm that determines \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/02\/pagerank-checker-check-your-google-page.html\"\u003Epage rank\u003C\/a\u003E includes the number of links that are connected to your site. That includes inbound, internal, external, do-follow, and no-follow links along with backlinks. To increase your web traffic, you need to \u003Cstrong\u003Eimprove page rank\u003C\/strong\u003E so that it pulls in more people who are likely to purchase the products or services that you offer.\u003Cbr \/\u003E\u003Cbr \/\u003E\nHere are 10 killer ways to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2015\/07\/7-seo-tips-for-bloggers.html\"\u003Eimprove page ranking\u003C\/a\u003E so that more people will start visiting your website.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"improve page rank\" src=\"https:\/\/3.bp.blogspot.com\/-OYvhvWo9kT8\/XpnRulhPVVI\/AAAAAAAAMPQ\/93lYQ9RsdtkFO7_PYyzzNJC2gOdJCrA8wCLcBGAsYHQ\/s1600\/improve-page-rank.png\" title=\"How to improve Page Rank\" width=\"640\"\/\u003E\u003C\/div\u003E\n\u003Ch2\u003EHow to Improve Page Rank?\u003C\/h2\u003E\n\u003Ch3\u003ESubmit Site to Web Directories\u003C\/h3\u003E\nA simple, but very effective way to increase web traffic is adding more \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/12\/how-to-build-high-quality-backlinks.html\"\u003Ehigh quality backlinks\u003C\/a\u003E. This can be done simply by submitting the content to respected web or article directories. They provide a great way for more people to see your content. Some good directories include the following:\u003Cbr \/\u003E\n\u003Cul\u003E\u003Cli\u003E\u003Ca href=\"http:\/\/www.dmoz.org\/\" rel=\"nofollow\" target=\"_blank\"\u003EDMOZ\u003C\/a\u003E\u003C\/li\u003E\n\u003Cli\u003E\u003Ca href=\"https:\/\/botw.org\/\" rel=\"nofollow\" target=\"_blank\"\u003EBest of the Web (BOTW)\u003C\/a\u003E\u003C\/li\u003E\n\u003Cli\u003E\u003Ca href=\"http:\/\/www.jasminedirectory.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EJasmine Directory\u003C\/a\u003E\u003C\/li\u003E\n\u003Cli\u003E\u003Ca href=\"http:\/\/www.articlesbase.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EArticlesBase\u003C\/a\u003E\u003C\/li\u003E\n\u003Cli\u003E\u003Ca href=\"https:\/\/ezinearticles.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EEzine Articles\u003C\/a\u003E\u003C\/li\u003E\u003C\/ul\u003E\nBy finding the right articles and web directories, you can quickly improve your page rank for your content.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EPost Regularly\u003C\/h3\u003E\nGoogle like sites that post on a regular basis, so set up a schedule where you have new, fresh content for your site on a daily or weekly basis. Be sure to post on the same day or days each week which will help improve your overall ranking.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EImprove Content\u003C\/h3\u003E\nIf the content is well written, informative, and unique, this will help increase the chance that readers will share it with others. The better the content is presented, the more likely it is to be shared and that will improve its page ranking.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ELink Exchange\u003C\/h3\u003E\nThis is a well-known technique, but it still works. To get a higher page rank, you will need to get other sites that are ranked higher to link to your site. Therefore, you will automatically have good links that will help boost the ranking of your content. This means that you will need to appeal to those with higher ranked sites to agree to share their link with you.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EPost on Other Sites\u003C\/h3\u003E\nThis is also called guest posting, it is another tried-and-true technique that helps you improve page rank. Find blogs that allow for guests to post so that you can receive two or three backlinks in return for what you have submitted. The key is to post on blogs that are in your industry or niche so that you can attract readers to your site.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EAdd Comments to Other Sites\u003C\/h3\u003E\nIn addition to posting articles, you should also comment regularly on articles posted on other sites. You will need to set up a schedule so that you can comment on a consistent basis on posts that are in your niche or industry. The more you post, the more active you are in the community which means that more your site will grow in status. While most sites today have Disqus installed which means that a link to your site is automatically posted, others still use the Do-Follow which means you will need to include the link.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EIncrease Uptime\u003C\/h3\u003E\nBe sure that you choose a web host that offers 99.9% uptime so that your website is available to anyone who wants to visit. Long downtimes can significantly cut into your web traffic, so be sure to choose a provider that is reliable and provides guarantees about uptime.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ESocial Bookmark\u003C\/h3\u003E\nThe social network is a great way to help increase the visibility of your content and \u003Ci\u003Eimprove page rank\u003C\/i\u003E as well. By sharing your content on the best social sites, you will get more traffic thanks to the free backlink. Naturally, you’ll want to choose sites that are quite popular like the following;\u003Cbr \/\u003E\n\u003Cul\u003E\u003Cli\u003EFacebook\u003C\/li\u003E\n\u003Cli\u003EGoogle Plus\u003C\/li\u003E\n\u003Cli\u003EPinterest\u003C\/li\u003E\n\u003Cli\u003EReddit\u003C\/li\u003E\n\u003Cli\u003EStumble Upon\u003C\/li\u003E\n\u003Cli\u003EDigg\u003C\/li\u003E\n\u003Cli\u003EDelicious\u003C\/li\u003E\u003C\/ul\u003E\nBy sharing with good social media sites, you can \u003Ci\u003Eincrease page rank\u003C\/i\u003E considerably. Plus, it will work for you over time to help bolster your site. Plus, be sure to be active on your social media sites by responding to questions so that potential customers will stay close to your efforts.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EMultiple Pages\u003C\/h3\u003E\nThis is another old, but useful technique that can improve your page rank thanks to internal linking. Basically, you will need multiple pages that you link together for articles or content that is similar in nature. It takes a little work, but it is well worth it to see the results over time.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/helplogger.blogspot.com\/2015\/05\/keyword-difficulty-analysis-how-to.html\"\u003EResearch Popular Keywords\u003C\/a\u003E\u003C\/h3\u003E\nFocus on keywords that are the most common which means using words that people are most likely to use as queries on search engine sites. By using the most commonly searched keywords, you can help boost your page ranking significantly over time. This means having more visitors and better results when it comes to your sales.\u003Cbr \/\u003E\u003Cbr \/\u003E\nIn addition to these ten proven ways to improve page rank, you should also consider the power of advertising. By creating a simple banner and advertising with it on other sites, you can generate a lot of good backlinks which in turn creates more traffic for your page. Keep in mind that you should be active daily when it comes to blogs and forums that are in your niche as well.\u003Cbr \/\u003E\u003Cbr \/\u003E\nAnother small trick is to add a link to your signature in forums and emails, although you’ll want to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/02\/the-difference-between-white-hat-seo.html\"\u003Eavoid any illegal tactics\u003C\/a\u003E that will put your website into trouble. By using proper techniques, you can improve page rank naturally which builds for your long-term success. After all, your goal is to be successful by increasing the ranking of your content. So, you should put in the time and effort to do things right to succeed.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ci\u003EWhich methods do you use to improve page rank? Share with us in a comment below.\u003C\/i\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/6921800305740412857\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/10\/top-tips-to-improve-page-rank.html#comment-form","title":"15 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/6921800305740412857"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/6921800305740412857"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/10\/top-tips-to-improve-page-rank.html","title":"Top 10 Killer Tips to Improve Page Rank"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-OYvhvWo9kT8\/XpnRulhPVVI\/AAAAAAAAMPQ\/93lYQ9RsdtkFO7_PYyzzNJC2gOdJCrA8wCLcBGAsYHQ\/s72-c\/improve-page-rank.png","height":"72","width":"72"},"thr$total":{"$t":"15"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-1525963941547590600"},"published":{"$t":"2016-10-11T07:44:00.000-07:00"},"updated":{"$t":"2020-04-17T22:37:10.759-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"css"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Image Effects"}],"title":{"type":"text","$t":"CSS Rollover Image Effect - Change Image on Hover"},"content":{"type":"html","$t":"\u003Cb\u003ERollover image\u003C\/b\u003E is a design feature where an image changes when your mouse hovers over it. Think of a light bulb that turns on and off when you move your mouse cursor into that area of a page. When a page is loading, rollover images are preloaded into it to ensure that the rollover effect is displayed quickly.\u003Cbr\/\u003E\u003Cbr\/\u003EThis used to be implemented \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/05\/create-rollover-image-effect-change.html\"\u003Eusing JavaScript\u003C\/a\u003E, which is fairly easy with just a small amount of script involved. To make rollover images functional, onmouseover and onmouseout attributes are used to a link tag. The code is then added to a blog gadget or into a new post. It proved to have a number of disadvantages, however, which is why many web developers are using a CSS-only method.\u003Cbr\/\u003E\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"css rollover image\" src=\"https:\/\/4.bp.blogspot.com\/-OOkc54QHJpE\/XpqREMZKEmI\/AAAAAAAAMSU\/6UktOCaEKf8acWmcEm3y90JAzHpz-JdTQCLcBGAsYHQ\/s1600\/css-rollover-image-change-on-hover.png\" title=\"CSS Rollover Image Effect\" \/\u003E\u003C\/div\u003E\u003Ch2\u003EHow to create a rollover image using CSS\u003C\/h2\u003EHere is how to implement a \u003Cb\u003Erollover image\u003C\/b\u003E using CSS. Before getting started, we need to have two images ready, one in its initial\/static state as well as its rollover state.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Ch4\u003EThe Image\u003C\/h4\u003EPlace both the static and \u003Cb\u003Erollover image\u003C\/b\u003E in one file and make sure that the rollover image is placed on top of the static one. To achieve the rollover effect, we'll write a code to display the static image and crop the hover image, so that only one image state is displayed at a time.\u003Cbr\/\u003E\u003Cbr\/\u003EFor this tutorial, we'll use the following as a CSS rollover image.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"html rollover image\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-NtrjKUd-0fs\/V_ewyJEdB_I\/AAAAAAAAL28\/D3OfCvvRv4oADehdckX0d919xFeggWZOwCLcB\/s180\/rollover-image-light-bulb-on-off.png\" title=\"CSS Rollover Image \"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003E\u003Ch4\u003ECreating an HTML Anchor Element for our Image\u003C\/h4\u003EInstead of adding the image file in a \u0026lt;img\u0026gt; tag, we'll display it as a background image of an \u0026lt;\/a\u0026gt; (anchor) tag. Here's the HTML that we need to add:\u003Cbr\/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;a class=\"rolloverimage\" href=\"\u003Cspan style=\"color: blue;\"\u003E#URL\u003C\/span\u003E\"\u0026gt;Rollover Image\u0026lt;\/a\u0026gt;\u003C\/blockquote\u003ENote: if you want to make the image clickable, replace \u003Cspan style=\"color: blue;\"\u003E#URL\u003C\/span\u003E with the url of the webpage where you want the link to point to.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Ch4\u003EUsing CSS to Set a Background Image\u003C\/h4\u003ETo create the mouseover image effect, we'll use the :hover CSS pseudo-class. Then, we'll use the background-position property and set the values to 0 0 to move the background image to the upper left corner which will create the rollover effect. \u003Cbr\/\u003E\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr\/\u003E.rolloverimage{\u003Cbr\/\u003Edisplay: block;\u003Cbr\/\u003Ewidth: \u003Cspan style=\"color: #cc0000;\"\u003E56px\u003C\/span\u003E;\u003Cbr\/\u003Eheight: \u003Cspan style=\"color: #cc0000;\"\u003E90px\u003C\/span\u003E;\u003Cbr\/\u003Ebackground: url('\u003Cspan style=\"color: blue;\"\u003Ehttps:\/\/1.bp.blogspot.com\/-NtrjKUd-0fs\/V_ewyJEdB_I\/AAAAAAAAL28\/D3OfCvvRv4oADehdckX0d919xFeggWZOwCLcB\/s180\/rollover-image-light-bulb-on-off.png\u003C\/span\u003E') bottom;\u003Cbr\/\u003Etext-indent: -99999px;\u003Cbr\/\u003E}\u003Cbr\/\u003E.rolloverimage:hover{\u003Cbr\/\u003Ebackground-position: 0 0;\u003Cbr\/\u003E}\u003Cbr\/\u003E\u0026lt;\/style\u0026gt;\u003C\/blockquote\u003ENote: Replace the text in blue with the url of your image file. Please pay attention on the width and height values marked in red, these should be different depending on your file, where the height value is for only one image and not the entire image file!\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Ch4\u003EThe result\u003C\/h4\u003EHover your mouse cursor over the light bulb to see the rollover image effect in action:\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Ca class=\"rolloverimage\" href=\"javascript:alert('What separates design from art is that design is meant to be... functional - Cameron Moll');\"\u003ERollover Image\u003C\/a\u003E\u003Cstyle type=\"text\/css\"\u003E.rolloverimage{display: block;width: 56px;height: 90px;margin:1em auto;background: url('https:\/\/1.bp.blogspot.com\/-NtrjKUd-0fs\/V_ewyJEdB_I\/AAAAAAAAL28\/D3OfCvvRv4oADehdckX0d919xFeggWZOwCLcB\/s180\/rollover-image-light-bulb-on-off.png') bottom;text-indent: -99999px;transition:all 0s ease 0s !important;}.rolloverimage:hover{background-position: 0 0;}\u003C\/style\u003E\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Ch3\u003EAdding Rollover Image to Blogger\u003C\/h3\u003ETo add the rollover image as a gadget: copy both the HTML\/CSS codes and go to 'Layout' \u003E click on the 'Add a Gadget' link \u0026gt; select HTML\/JavaScript, then paste the codes in the 'Content' box.\u003Cbr\/\u003E\u003Cbr\/\u003EOr, if you want to add it inside one of your posts, when you create a New Post, switch to the \u003Cb\u003EHTML\u003C\/b\u003E tab and paste the codes inside the content box.\u003Cbr\/\u003E\u003Cbr\/\u003EAnd this is how you make images swap on mouseover using CSS. Enjoy!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/1525963941547590600\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/10\/css-rollover-image-effect-hover-change.html#comment-form","title":"1 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1525963941547590600"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1525963941547590600"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/10\/css-rollover-image-effect-hover-change.html","title":"CSS Rollover Image Effect - Change Image on Hover"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/4.bp.blogspot.com\/-OOkc54QHJpE\/XpqREMZKEmI\/AAAAAAAAMSU\/6UktOCaEKf8acWmcEm3y90JAzHpz-JdTQCLcBGAsYHQ\/s72-c\/css-rollover-image-change-on-hover.png","height":"72","width":"72"},"thr$total":{"$t":"1"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-152416924327403303"},"published":{"$t":"2016-10-03T08:10:00.000-07:00"},"updated":{"$t":"2020-04-18T06:13:39.813-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"beginner's guide"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger pages"},{"scheme":"http://www.blogger.com/atom/ns#","term":"homepage"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"static pages"}],"title":{"type":"text","$t":"How to Create a Static Home Page in Blogger"},"content":{"type":"html","$t":"When it comes to home pages, most websites can be divided into two: static and non-static. As their name implies, static home pages stay permanent no matter how many times the website is updated, while non-static home pages reflect the changes that are made to the site and \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/09\/how-to-hide-posts-from-blogger-homepage.html\"\u003Eshow the latest posts\u003C\/a\u003E first.\u003Cbr\/\u003E\u003Cbr\/\u003EThe latter has become well-known nowadays due to the rising popularity of personal and even corporate blogs. However, there are still many people who prefer static home pages because it makes their websites look more organized and professional. It also gives them more control over the readers' experience on their site and helps them create stronger brand awareness through the uniform message that their home page presents.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"blogger static homepage\" src=\"https:\/\/3.bp.blogspot.com\/-N2ivcXBQ7x4\/Xpr8hH9oZ1I\/AAAAAAAAMV4\/pDTqAcZgY58Pb__9l2-Zg3-8vL4anFGMgCLcBGAsYHQ\/s1600\/create-blogger-static-homepage.jpg\"\/\u003E\u003C\/div\u003EFortunately, if you own a Blogger site and want to make your home page static, you'll find that creating one isn't as difficult as it seems. You can create a \u003Cb\u003Estatic home page in Blogger\u003C\/b\u003E by taking these steps:\u003Cbr \/\u003E\u003Cdiv class=\"hidden-image\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"static pages in Blogger\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-zRAqExXq4Oc\/V_FVefbwjbI\/AAAAAAAAL10\/JSi24tPr1jswJ57dBOlA4OVeWi21uLZkgCLcB\/s1600\/how-to-create-static-home-page-in-blogger.png\" title=\"How to Create a Static Home Page in Blogger\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003E\u003Ch3\u003E1. Create your static home page\u003C\/h3\u003EThe first thing you should do is to create a new page for your blog. This will serve as your static home page but, for now, it will look and act like any other page in your site.\u003Cbr\/\u003E\u003Cbr\/\u003ETo make this page, you'll need to go to the main menu of the Blogger dashboard and click on the \"Pages\" option on the left side on the screen. Doing this will lead you to the \"All Pages\" menu window. Here, click on the \"New Page\" button and you'll enter an editor that looks similar to the Blogger Post editor that you use when publishing a new blog post. \u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"static home page\" border=\"0\" height=\"285\" src=\"https:\/\/1.bp.blogspot.com\/-6u5Ufg7h_TQ\/V_EiNX6FrAI\/AAAAAAAALyc\/Hgab4a-rr-IFzoztxaueJnCWhEHeZmw7QCLcB\/s640\/create-static-page-in-blogger.png\" title=\"Adding a new static Blogger page\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EAt the top box, enter the title that you want for this page - in this case, let's call it the \"Welcome\" page. In the larger text box, type the content that you want to appear on your home page; this can be a paragraph, or two about yourself or your business and what your site is all about.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"240\" src=\"https:\/\/2.bp.blogspot.com\/-kxtOpl0xHdg\/V_FIsKPjblI\/AAAAAAAAL1I\/P9AkwlG0dIMkOqXfCVueqwjvHtz-ilkyACLcB\/s640\/how-to-create-static-home-page-in-blogger.png\" title=\"Publish a Static Blogger page\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EOnce you're done, click \"Publish\". The window will return to the main \"All Pages\" menu, and you'll see the new \"Welcome\" page you've created. Copy the URL of the \"Welcome\" page since you'll need it later on. To do this, right click on the 'View' link and select 'Copy Link Location' from the menu.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"292\" src=\"https:\/\/2.bp.blogspot.com\/-KFDfQ55TrKg\/V_EmyXoaRUI\/AAAAAAAALyw\/17wCpN2wSs4QMviv2qJDfUJTWlg_--7cgCLcB\/s640\/static-home-page-for-blogger.png\" title=\"View Static Home Page in Blogger\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Ch3\u003E2. Redirect the default home page to the static one\u003C\/h3\u003EOnce your \"Welcome\" page is up, the next thing you should do is to \u003Cb\u003Echange Blogger's default homepage\u003C\/b\u003E. This involves redirecting from your site's original home page to the static homepage that you've created so it would be the first thing that people see when they visit your website.\u003Cbr\/\u003E\u003Cbr\/\u003ERelated: \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/07\/how-to-set-custom-redirects-for-blogger-post.html\"\u003EHow to Set Custom Redirects in Blogger\u003C\/a\u003E\u003Cbr\/\u003E\u003Cbr\/\u003ETo do this, you'll need to go to main Blogger editor menu, click on \"Settings\" on the left side of the screen, and choose \"Search Preferences\". Under the \"Errors and redirections\" section, you'll see the \"Custom Redirects\" option with an \"Edit\" link beside it. Click on the \"Edit\" link to open another window, where you'll see two boxes named \"From\" (with your blog's URL beside it) and \"To\".\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"348\" src=\"https:\/\/1.bp.blogspot.com\/-riP6Hswmxe8\/V_FJ_9PlqjI\/AAAAAAAAL1Q\/I9d9uwGvOhkPvSOYL46B3dhIr4RNuNbcQCLcB\/s640\/blogger-settings-custom-redirects.png\" title=\"Redirect Blogger homepage to a custom page\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EIn the \"From\" box, enter only a forward slash symbol \"\/\". In the \"To\" box, paste the URL that you copied earlier and add the latter part of the URL of the \"Welcome\" page. For instance, the page's URL of our demo blog is static-home-page.blogspot.com\/welcome.html, so we'll remove the \"http:\/\/static-home-page.blogspot.com\" address and add only \"\/p\/welcome.html\" in the \"To:\" box. The \"\/p\" signifies that it's a static page.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"454\" src=\"https:\/\/3.bp.blogspot.com\/-4cWFYUi9-hI\/V_FK6w8-sTI\/AAAAAAAAL1c\/v0fre29VyLgBm7q6x6xPnEbi1lkL9IvLACLcB\/s640\/custom-redirects-in-blogger-settings.png\" title=\"Redirect Blogger homepage to static home page\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003ENext, check the little box beside \"Permanent\", click on the \"Save\" text link, and press the \"Save changes\" button. Doing these will redirect your site's main URL to its new static home page. Access your blog on a separate browser to see if it works.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"450\" src=\"https:\/\/4.bp.blogspot.com\/-Blm7w9tQ1hs\/V_EtTQ4vraI\/AAAAAAAALzY\/4NCkbFp4t6sU-s8qD8XJc7SuWi1BgEtCwCLcB\/s640\/set-custom-redirect-blogger-home-page.png\" title=\"Custom redirects in Blogger settings\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003E\u003Ch3\u003E3. Make tabs for your site\u003C\/h3\u003EIf you're not planning to make tabs visible in your blog, you can stop at Step #2. But, if you want your site to have tabs that indicate the home page, the main blog page, and other pages you may have (such as the FAQs and Contact Us pages), you'll need to take another step.\u003Cbr\/\u003E\u003Cbr\/\u003EWhy is this important? Basically, when visible tabs are enabled in your site, they will show that you have two existing pages: the default home page and the new \"Welcome\" page you've created - both of which redirect to the same static page. This can be confusing for your readers and may even affect your search engine rankings.\u003Cbr\/\u003E\u003Cbr\/\u003ETo fix this, you first need to enable tabs by going to the \"Layout\" menu item and click on the \"Add a Gadget\" link. You can choose to add it below your blog header or sidebar. In many cases, it's advisable to add it below blog's header since they're more visible and give your website a sleek, professional look.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"408\" src=\"https:\/\/3.bp.blogspot.com\/-2IgEeZp7LbY\/V_FAkRPC_vI\/AAAAAAAAL0c\/OQh8BtjLKvAvwe0bqfBMBtBQH2NEVzuygCLcB\/s640\/add-a-gadget-blogger-layout.png\" title=\"Adding a gadget from Blogger's layout\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EOnce the pop-up window opens, scroll down and click on the 'Pages' link:\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"210\" src=\"https:\/\/1.bp.blogspot.com\/-hkgoDSAWhos\/V_FBUYwVSGI\/AAAAAAAAL0g\/4Ur-trFfmg4znZVueEkdoM0M6qc4Bln4ACLcB\/s400\/add-static-pages-menu-to-blogger.png\" title=\"Adding Pages gadget in Blogger\" width=\"400\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EThis will open another window named \"Configure Page List\". Here, under the \"Pages to show\" section, you'll see the default home page and your new static homepage with small boxes beside them. Uncheck the box beside the default home page to hide it from view, check the pages that you want to display in the menu and then click on the \"Save\" button to save the changes.\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"400\" src=\"https:\/\/1.bp.blogspot.com\/-ifH40-LBpIE\/V_FCvcHz9RI\/AAAAAAAAL0s\/EfdHn2xBHe4CWm7-0qen39vQuh7pc-uHQCLcB\/s400\/configure-page-list-in-blogger.png\" title=\"Configure Page List in Blogger\" width=\"370\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EYou can stop at this point but, if you want, you can also create a specific tab that will lead to your main blog post page. To do this, edit the \"Pages\" gadget that you just saved and click \"+ Add external link\".\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"420\" src=\"https:\/\/2.bp.blogspot.com\/-Xlp3yTukz4M\/V_FE0uR2BNI\/AAAAAAAAL04\/rgEheLjpvT0PuvLXBim0sQ0JMMKD-BzUACLcB\/s640\/add-external-link-blogger-page-list.png\" title=\"Add external link in Blogger\" width=\"640\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003EOn the new window that would open, enter the title you'd like for the page (such as \"Blog\") along with \u003Cspan style=\"color: blue;\"\u003E\/index.html\u003C\/span\u003E web address, then hit \"Save Link\" and click the \"Save\" button on the \"Configure Page List\" window. \u003Cbr\/\u003E\u003Cbr\/\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"\" border=\"0\" height=\"400\" src=\"https:\/\/2.bp.blogspot.com\/-am5rk_mA1fU\/V_FFrClrz0I\/AAAAAAAAL08\/0P666I4DsiosOvWADZweOyhRy27Pfs7TgCLcB\/s400\/add-new-static-page-in-blogger.png\" title=\"Linking back to the Blogger blog posts\" width=\"370\"\/\u003E\u003C\/div\u003E\u003Cbr\/\u003ENow, view your site and you will see the pages menu containing the \"Welcome\" page and \"Blog\" tabs. To see how this works, you can also visit our \u003Ca href=\"http:\/\/static-home-page.blogspot.com\/p\/welcome.html\" rel=\"nofollow\" target=\"_blank\"\u003Edemo blog\u003C\/a\u003E. Enjoy!\u003Cbr\/\u003E\u003Cbr\/\u003E\u003Ch4\u003EFinal Note\u003C\/h4\u003EHaving a static home page can be beneficial for your blog. Follow the steps above now to \u003Cb\u003E\u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/05\/how-to-add-static-pages-to-blogger-blog.html\"\u003Ecreate a static home page in Blogger\u003C\/a\u003E\u003C\/b\u003E!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/152416924327403303\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/10\/how-to-create-static-home-page-in-blogger.html#comment-form","title":"21 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/152416924327403303"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/152416924327403303"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/10\/how-to-create-static-home-page-in-blogger.html","title":"How to Create a Static Home Page in Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-N2ivcXBQ7x4\/Xpr8hH9oZ1I\/AAAAAAAAMV4\/pDTqAcZgY58Pb__9l2-Zg3-8vL4anFGMgCLcBGAsYHQ\/s72-c\/create-blogger-static-homepage.jpg","height":"72","width":"72"},"thr$total":{"$t":"21"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-5058156895198826455"},"published":{"$t":"2016-09-27T07:56:00.000-07:00"},"updated":{"$t":"2020-04-18T05:43:34.010-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger posts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Facebook"},{"scheme":"http://www.blogger.com/atom/ns#","term":"social media"}],"title":{"type":"text","$t":"Share Blogger Post Automatically to Facebook using IFTTT"},"content":{"type":"html","$t":"Automatically posting a blog post to Facebook used to be a challenge. The idea was simple, which is to notify Facebook that you have a blog you want posted on your wall, and the social media will do as you command. The implementation, however, was more complicated than that.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nEven with Facebook's post-by-email feature, only the blog name and title will appear on the wall, leaving behind the content or link. There are other plugins available, but they don't work as straightforward as they're supposed to be. There is always something missing.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"share blogger post to facebook automatically\" src=\"https:\/\/1.bp.blogspot.com\/-RMaZfYdzJNE\/Xpr1496G59I\/AAAAAAAAMVg\/Qkc8bC8XUnUW-GP8TSMTFq_D15W-pjttQCLcBGAsYHQ\/s1600\/share-post-automatically-facebook.jpg\" \/\u003E\u003C\/div\u003E\n\u003Ch3\u003EHow to Share Blogger post automatically to Facebook using IFTTT\u003C\/h3\u003E\nHere is an online utility IFTTT (If This, Then That), which is capable of moving social postings between sites. Setting it up is fairly easy, and just as easy to use. So, let's see how we can share Blogger posts automatically to Facebook using IFTTT.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EStep 1. Sign up for a free IFTTT account\u003C\/h4\u003E\nVisit \u003Ca href=\"http:\/\/ifttt.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EIFTTT.com\u003C\/a\u003E and set up an account by creating a username and password.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"sign up IFTTT to connect Blogger with Facebook\" border=\"0\" height=\"315\" src=\"https:\/\/3.bp.blogspot.com\/-uN1CD_8wT6I\/V-kwAJMV8ZI\/AAAAAAAALvk\/fJVWpNQHmwElT3-mKftNzr2Ps9U_iZbhACLcB\/s640\/sign-up-ifttt-automatically-post.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nNow, IFTTT will take you through a mini-tutorial - click on the word 'this', 'that' and 'Continue' button several times. Finally, select 3 channels that interest you and click 'Continue' to finish with the registration.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EStep 2. Create a new recipe\u003C\/h4\u003E\nOnce registered, we need to 'Create a Recipe'. A recipe is basically the process of combining two platforms together - in our case, we will combine Blogger with Facebook. This shouldn't take more than five minutes.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTo get started, click the 'My Recipes' link and then click the 'Create a Recipe' button, as shown below:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"create IFTTT Blooger to Facebook recipe\" border=\"0\" height=\"260\" src=\"https:\/\/2.bp.blogspot.com\/-85GNR9Tm_NI\/V-k1k7_lKeI\/AAAAAAAALv0\/y_vFx2LqD_QpVyN2hcPQLedHLEnaV1WYQCLcB\/s640\/create-recipe-blogger-facebook-ifttt.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nStart creating the recipe by clicking the blue 'this' word and select a \"trigger channel\".  The trigger you need to choose is Blogger - search for it in the box, as illustrated below:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"create Blogger recipe using IFTTT\" border=\"0\" height=\"456\" src=\"https:\/\/1.bp.blogspot.com\/-ndRPCtqOEZs\/V-k4DJLQ4NI\/AAAAAAAALwA\/7ylOU0H3NDwf9nJBMkoXsNOeruXUfD5aACLcB\/s640\/ifttt-trigger-channel-blogger.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EStep 3. Connect Blogger blog with IFTTT\u003C\/h4\u003E\nConnect your Blogger account in order to tie it with your IFTTT account. A 'Request for Permission' pop-up will appear \u0026gt; click the 'Allow' button and choose which blog you want to use with IFTTT from the drop-down menu, then click the 'Update' button.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"add Blogger blog to IFTTT for automatic posting\" border=\"0\" height=\"321\" src=\"https:\/\/4.bp.blogspot.com\/-gsRbmyec_B0\/V-k66bzOcCI\/AAAAAAAALwI\/u1qrtMyQbwUbrZ462itN4SeCjDaipL1gwCLcB\/s400\/use-blogger-blog-with-ifttt-automatic-posting.png\" title=\"\" width=\"400\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nAfter our Blogger blog has been connected, 'Choose a Trigger' that allows you to specify what kind of posts will be published to Facebook. You can choose 'Any new post' or 'New posts labeled'. \u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"automatically publish new Blogger post using IFTTT\" border=\"0\" height=\"188\" src=\"https:\/\/3.bp.blogspot.com\/-f0ZGpaQqzh8\/V-lIrUhCefI\/AAAAAAAALwY\/V_Ebh-pVuwUD9asvUJrAey_pCpQpDWFFQCLcB\/s640\/share-new-blogger-post-labeled-ifttt.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nFinally, press the blue 'Create Trigger' button to proceed to the next step.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"connect Facebook to Blogger to post automatically\" border=\"0\" height=\"176\" src=\"https:\/\/2.bp.blogspot.com\/-93JPZidnyRo\/V-lJlyJ_iPI\/AAAAAAAALwg\/cMk_pRwyIdouphs7f1bzOyVW6ncXtJW_wCLcB\/s640\/create-trigger-ifttt-post-blogger-facebook.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EStep 4. Creating the 'That' trigger\u003C\/h4\u003E\nAfter registration, Create a Recipe that will specify the direction with which your blog posting will take. Since you want to link Blogger to Facebook, then the Recipe will be - if Blogger, then Facebook. What you're doing is replacing 'this' to Blogger, which is the source, and 'that' to Facebook, which is the target destination.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"if Blogger then Facebook IFTTT\" border=\"0\" height=\"174\" src=\"https:\/\/3.bp.blogspot.com\/-_h5wqNP9pyo\/V-lQASbgWfI\/AAAAAAAALxI\/DYF0EGiN3GMiqYhbLnQxrTzktkYUphkoQCLcB\/s640\/new-blogger-post-to-facebook.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nTo set up 'that', click on the blue-colored 'that'. This will bring up a window that contains a list of social media sites.  Search for 'Facebook' in the box and select the 'Facebook Pages' option (select the plain 'Facebook' option if you want to post to your personal profile).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"choose action channel IFTTT facebook\" border=\"0\" height=\"458\" src=\"https:\/\/2.bp.blogspot.com\/-Qtem3peCU-A\/V-lLMhQ7B3I\/AAAAAAAALws\/sD0eOUrGiygJDWqrflJsxRaHuFoUZUkxgCLcB\/s640\/ifttt-action-channel-facebook-blogger.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EStep 5. Connect Facebook page with IFTTT\u003C\/h4\u003E\nConnect your Facebook account. Make sure you are logged into your Facebook account, before you connect. Pressing the 'Connect' button will open a pop-up window to allow IFTTT post on your Facebook page, then select your Facebook page.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"connect facebook pages channel on IFTTT\" border=\"0\" height=\"212\" src=\"https:\/\/1.bp.blogspot.com\/-CXP14fvie8A\/V-lMUqtPLbI\/AAAAAAAALw4\/qCfEUDnStw0ugLX1ZhDWpizVotH2tRj5QCLcB\/s640\/connect-facebook-to-blogger-using-ifttt.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nHit the 'Done' and 'Continue to the next step' buttons and we're almost done...\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nYou will be prompted to 'Choose an Action', where you get to specify if you only want to 'Create a status message', 'Create a link post', or 'Update a photo from URL'. Choose 'Create a link post' as shown below:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"post Blogger automatically to facebook\" border=\"0\" height=\"196\" src=\"https:\/\/4.bp.blogspot.com\/-dgrakdrOBBI\/V-lSmjui6PI\/AAAAAAAALxY\/Qxnf49IcrFQGE1eh57OhgVT53FLatHEbwCLcB\/s640\/post-blogger-to-facebook-wall-automatically.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EStep 6. Choosing the ingredients\u003C\/h4\u003E\nOnce you choose an action, a 'Complete Action Fields' window will appear with 'Link URL' and 'Message' box. To add an ingredient, click on the 'Message' field and you'll see a test tube icon on the right hand side. If you click it, a drop-down menu will appear which will let you choose a field to include - select 'PostTitle' and click 'Add Ingredient' blue button on the right side.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"IFTTT Blogger recipe ingredients for Facebook\" border=\"0\" height=\"352\" src=\"https:\/\/3.bp.blogspot.com\/-Mu6xFwjCATo\/V-lqWWTGQKI\/AAAAAAAALyE\/kohnjRIcyxQ71gEM7LwwrExpAfa8E22FwCLcB\/s640\/create-link-post-ifttt-facebook.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nIf you are unsure of what each ingredient does, please visit \u003Ca href=\"https:\/\/ifttt.com\/channels\/blogger\/triggers\/133-any-new-post\" rel=\"nofollow\" target=\"_blank\"\u003Ethis page\u003C\/a\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EStep 7. Finish creating the recipe\u003C\/h4\u003E\nFinally, click the blue 'Create Action' button and your recipe should look something like this:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"share blogger post automatically to facebook\" border=\"0\" height=\"318\" src=\"https:\/\/4.bp.blogspot.com\/-v7OqXUeQAU0\/V-lpPMIXjFI\/AAAAAAAALx4\/0ChROdpocCYMZx7mrgW8wR2ELGZb8-dbQCLcB\/s640\/automatically-share-blogger-posts-to-facebook.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nTo complete your recipe, hit the 'Create Recipe' button.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAnd that's it! This is how IFTTT recipes are created. Next time you publish a Blogger post, it will be automatically shared to Facebook."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/5058156895198826455\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/how-to-share-blogger-post-to-facebook.html#comment-form","title":"10 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5058156895198826455"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5058156895198826455"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/how-to-share-blogger-post-to-facebook.html","title":"Share Blogger Post Automatically to Facebook using IFTTT"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-RMaZfYdzJNE\/Xpr1496G59I\/AAAAAAAAMVg\/Qkc8bC8XUnUW-GP8TSMTFq_D15W-pjttQCLcBGAsYHQ\/s72-c\/share-post-automatically-facebook.jpg","height":"72","width":"72"},"thr$total":{"$t":"10"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-1002974736613852924"},"published":{"$t":"2016-09-24T07:57:00.000-07:00"},"updated":{"$t":"2020-04-18T05:50:33.306-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"beginner's guide"},{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger posts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"}],"title":{"type":"text","$t":"How to Hide Posts from Blogger Homepage"},"content":{"type":"html","$t":"The point of blogging is to make your blog posts visible to your target audience as well as to search engines. However, there are times when you need to hide certain blog posts from homepage. For instance, one post may contain outdated information, so you don't want it to be seen by your audience but you also want to keep it on your site for records purposes. Or perhaps you want a certain post to still be seen on your blog, but you don't want it to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/10\/how-to-create-static-home-page-in-blogger.html\"\u003Eshow in the home page\u003C\/a\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"hide blogger post from homepage\"  src=\"https:\/\/2.bp.blogspot.com\/-x6H3S8oFtTA\/Xpr3MQWaHTI\/AAAAAAAAMVs\/_NE5hIGVYhwl1T0FPE6V_Hb7SLQy5VJVACLcBGAsYHQ\/s1600\/hide-homepage-blogger-posts.jpg\" \/\u003E\u003C\/div\u003E\nEither way, you have to find ways to hide certain blog posts. Fortunately, if you're using Blogger, you can easily do so by taking a few simple steps. You can use this guide to get started.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"hide post from home page\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-GT84hS1K0u4\/V-aSlzWDbqI\/AAAAAAAALvU\/8chIQpIIgF07wyf51Tk6a9Q3S6n2tfC9wCLcB\/s1600\/hide-posts-in-blogger-homepage.png\" title=\"How to Hide Posts from Blogger Homepage\" \/\u003E\u003C\/div\u003E\n\u003Ch2\u003EBackdate Blogger Posts\u003C\/h2\u003E\nLet's discuss this technique first since it's simple and doesn't require you to deal with any lines of code. Basically, the only thing you need to do is to change the publishing date of the post you want to hide; specifically, you need to backdate it to the oldest possible date. Doing this is effective if your Blogger site is configured to show the latest posts first (as most blogs are); once a post is backdated, it will no longer be shown in the home page.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHow do you do this? If you're publishing a new post and want to hide it, look for the \"Schedule\" option on the right side of the post editor and click on \"Set date and time\". Choose a previous date on the calendar, click 'Done' and Save the post, then go back to your blog's home page to check if the post has disappeared.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"backdate post, schedule blogger post\" border=\"0\" height=\"296\" src=\"https:\/\/4.bp.blogspot.com\/-XqnK2PuMpMU\/V-Riq1ta1aI\/AAAAAAAALu0\/CD3o0mze8sA0RnUK01Nv2LM1QrnbFEsogCLcB\/s640\/schedule-backdate-blogger-post.png\" title=\"How to Hide Posts from Blogger Homepage 2\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThe same process applies if you want to hide an older post; the only difference is that you need to click on the post's title in the dashboard to open it in the editor. Backdate the post using the steps above and save it, then open your blog to verify that the post is indeed hidden from view.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPlease note that this process will only hide your posts from the homepage. People will still be able to see them if they'd take the time to go through your blog posts from the previous years. This is also the case for those who'd come across your hidden blog post through search engines.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nHide Blog Posts in Blogger Using Code\u003C\/h2\u003E\nAnother thing you can do to hide a blog post is to edit its code. This is a bit complicated since one small mistake can affect the post structure and make it unreadable. This, in turn, can affect your readers' experience as they browse through your site and even have a negative effect on your search engine optimization techniques. With this in mind, it's important to be careful when dealing with code.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nMethod 1: Hide Blogger Post Using the Post's label\u003C\/h3\u003E\nThere are two techniques to choose from, and one of them involves the label of the blog post you want to hide. If you're ready to go ahead with this method, you'll first need to make a backup of your template. Having a backup is important since it ensures you'll have a copy to fall back on in case something goes wrong.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nOnce you've backed up the template, go to \"Templates\", click on \"Edit HTML\" and then click anywhere inside the code area -\u0026gt; press CTRL + F keys and search for this line:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:include data='post' name='post'\/\u0026gt;\u003C\/blockquote\u003E\nOnce you've found it, replace it with this code:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;b:if cond='data:blog.url == data:blog.homepageUrl'\u0026gt;\u003Cbr \/\u003E\n\u0026lt;b:loop values='data:post.labels' var='label'\u0026gt;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;b:if cond='data:label.isLast == \"true\"'\u0026gt;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;b:if cond='data:label.name != \"\u003Cspan style=\"color: red;\"\u003Eadd label here\u003C\/span\u003E\"'\u0026gt;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;b:include data='post' name='post' \/\u0026gt;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/b:if\u0026gt;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;\/b:loop\u0026gt;\u003Cbr \/\u003E\n\u0026lt;b:else\/\u0026gt;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp; \u0026lt;b:include data='post' name='post' \/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\nNote: replace the text \"\u003Cspan style=\"color: red;\"\u003Eadd label here\u003C\/span\u003E\" with the label  (case sensitive) of the blog post that you want to hide in Blogger homepage. Keep in mind that above code won't work if you have multiple labels on that post, so please make sure the post has only 1 label.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nImportant: every post that you want to show on the homepage should have at least one label otherwise they will not be visible because the b:loop statement won't be executed for them.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFinally, Save the changes by pressing the 'Save template' \nbutton on the upper left side of the editor, then view your blog to \ncheck if the blog post has been hidden.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nMethod 2: Hide Blogger Post Using the Post's ID Number\u003C\/h3\u003E\nAside from the method above, you can use another technique that involves the post ID number of the blog post you'd like to hide. To know the ID number, you must go to the dashboard area, find the title of the post you want to hide, and click the \"Edit\" text link below it. Doing this will open the post in the Blogger editor.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nOnce you're in the editor, click on the address bar above and go to the end part of the URL. Here, you'll see a line of text that looks like this: postID==, followed by a long string of numbers. This is your post's ID number. The ID number usually contains 19 numbers, so it will look somehow like this: postID==1234567890123456789. Copy this ID since you'll need it for the next step.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"hide blogger post using id\" border=\"0\" height=\"226\" src=\"https:\/\/1.bp.blogspot.com\/-GOCMmtG-Azk\/V-aHSyPRxQI\/AAAAAAAALvE\/UZIyKrKv4PILnhV8IfNHWq0K2vh4oBTeQCLcB\/s640\/hide-post-id-in-blogger-homepage.png\" title=\"How to Hide Posts from Blogger Homepage 3\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nWhen you have your blog post's ID, open the Blogger dashboard, go to Template, and click \"Edit HTML\". Search for this line:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http:\/\/schema.org\/BlogPosting'\u0026gt;\u003C\/blockquote\u003E\nReplace it with this one:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;div class='post hentry uncustomized-post-template' expr:id='\u0026amp;quot;post-\u0026amp;quot; + data:post.id' itemprop='blogPost' itemscope='itemscope' itemtype='http:\/\/schema.org\/BlogPosting'\u0026gt;\u003C\/blockquote\u003E\nNote: if you found two occurrences of it, replace both of them.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nNow search for this tag:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;\/head\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\nOnce you find it, paste the following code above it:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:blog.url == data:blog.homepageUrl'\u0026gt;\u003Cbr \/\u003E\u0026lt;style type='text\/css'\u0026gt; \u003Cbr \/\u003E#post-\u003Cspan style=\"color: red;\"\u003E1234567890123456789\u003C\/span\u003E{display:none;}\u003Cbr \/\u003E\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\nDon't forget to replace \"\u003Cspan style=\"color: red;\"\u003E1234567890123456789\u003C\/span\u003E\" with the 19-digit ID number of the blog post you'd like to hide. Once you're done, make sure to save the template. You can open your blog in another tab or browser to check if the post has indeed been hidden. \u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003E\nThat's it!\u003C\/h4\u003E\nWhether you backdate your post or opt for the post ID method, you have to remember that the blog post you've hidden is still on your website. This means that it will still be indexed by search engines, show up on search engine results, and get found by people who are searching for the keywords that are present in the post. If you really want this blog post to be seen by no one, you'll need to use robots.txt (for Google) to remove it from search results. Better yet, completely delete the post from your Blogger dashboard and just keep a soft copy of it in your computer."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/1002974736613852924\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/how-to-hide-posts-from-blogger-homepage.html#comment-form","title":"3 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1002974736613852924"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1002974736613852924"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/how-to-hide-posts-from-blogger-homepage.html","title":"How to Hide Posts from Blogger Homepage"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/2.bp.blogspot.com\/-x6H3S8oFtTA\/Xpr3MQWaHTI\/AAAAAAAAMVs\/_NE5hIGVYhwl1T0FPE6V_Hb7SLQy5VJVACLcBGAsYHQ\/s72-c\/hide-homepage-blogger-posts.jpg","height":"72","width":"72"},"thr$total":{"$t":"3"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-6590088027126792597"},"published":{"$t":"2016-09-13T07:57:00.001-07:00"},"updated":{"$t":"2016-10-28T08:24:04.924-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger posts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"javascript"},{"scheme":"http://www.blogger.com/atom/ns#","term":"posts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"related posts"}],"title":{"type":"text","$t":"Customizable Related Posts Widget for Blogger"},"content":{"type":"html","$t":"We already posted a few tutorials on how to add \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/03\/how-to-add-related-posts-widget-to.html\"\u003Erelated posts widget with thumbnails in Blogger\u003C\/a\u003E with summaries or only titles, which can be compiled into a single All-In-One Widget with powerful options. This new customizable related posts widget for Blogger integrates all the features we've seen before and more, such as thumbnails (square or round), post dates, excerpts, display only titles \/ thumbnails.\u003Cbr \/\u003E\u003Cbr \/\u003E\nNow let's see what this related posts blogger widget has to offer.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"related posts widget, blogger widget\" border=\"0\" height=\"245\" src=\"https:\/\/1.bp.blogspot.com\/-klS-ZV7SIf0\/V9gOKOH_iwI\/AAAAAAAALuk\/DEUdh6GKbOY8o2y_PJY0enmUYa-LysK2ACLcB\/s400\/related-posts-widget-for-blogger.png\" title=\"Customizable Related Posts Widget for Blogger\" width=\"400\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ERelated Posts Widget Features:\u003C\/h3\u003E\n\u003Cul\u003E\u003Cli\u003E9 attractive styles to match your needs\u003C\/li\u003E\n\u003Cli\u003EShow Title, excerpt \u0026amp; thumbnails\u003C\/li\u003E\n\u003Cli\u003EDisplay simple related posts with titles \/ summaries \/ post date\u003C\/li\u003E\n\u003Cli\u003EChoose whether to display the post thumbnails or not\u003C\/li\u003E\n\u003Cli\u003EAbility to control the thumbnail image size\u003C\/li\u003E\n\u003Cli\u003EOption to choose square or round thumbnails\u003C\/li\u003E\n\u003Cli\u003EShow post text excerpts\u003C\/li\u003E\n\u003Cli\u003EControl the length of the post excerpt \/ title\u003C\/li\u003E\n\u003Cli\u003EDetermine the number of related posts to display\u003C\/li\u003E\u003C\/ul\u003E\n\u003Ch4\u003ERequirements:\u003C\/h4\u003E\n\u003Col\u003E\u003Cli\u003EThe related posts widget recognizes post thumbnails uploaded through Blogger itself (or Picasa Web Albums), other images from Photobucket, Flickr, or other non-Blogger hosts will not be supported.\u003C\/li\u003E\n\u003Cli\u003EThis widget is compatible with the standard desktop Blogger templates except Dynamic Views, which does not accept customization.\u003C\/li\u003E\n\u003Cli\u003EThe script does not work on private blogs, so your blog \/ site must be open to the public in order to show.\u003C\/li\u003E\u003C\/ol\u003E\n\u003Ch2\u003EAdding Customizable Related Posts Widget in Blogger\u003C\/h2\u003E\nLog into your \u003Ca href=\"https:\/\/blogger.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EBlogger dashboard\u003C\/a\u003E, go to 'Template' and open template editor by clicking the 'Edit HTML' button below 'Live On Blog' preview.\u003Cbr \/\u003E\u003Cbr \/\u003E\nNext, we're going to use the template search feature, be sure to follow these directions exactly:\u003Cbr \/\u003E\u003Cbr \/\u003E\n1. Place your cursor on the template code.\u003Cbr \/\u003E\n2. Click once.\u003Cbr \/\u003E\n3. Press CTRL and F at the same time (PC) or Command and F (Mac).\u003Cbr \/\u003E\u003Cbr \/\u003E\nThe search box will open in the upper right corner of the template editor.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" height=\"344\" src=\"https:\/\/1.bp.blogspot.com\/-yrx8eK37SZQ\/V9HZFTiIITI\/AAAAAAAALtw\/V6CbW1gghmAoyryIEOZ_kPCqJgE2VomEgCPcB\/s640\/blogger-head-tag.png\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nType \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E in the search box, then press ENTER. This will take you to the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E tag in your template and highlight it in yellow.\u003Cbr \/\u003E\u003Cbr \/\u003E\nSelect and copy the entire CSS style below and paste it directly ABOVE the  \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E tag:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type='text\/css'\u0026gt;\u003Cbr \/\u003E\n.related-posts-container{margin:55px 0px;}.related-posts-container h4{font:20px \u0026amp;#39;Open Sans\u0026amp;#39;, sans-serif;margin-bottom:20px;}.related-posts-container ul,.related-posts-container ul li{list-style: none;margin: 0;padding: 0;}.related-posts-container ul li a{text-transform:capitalize !important;font:bold 13px \u0026amp;#39;Open Sans\u0026amp;#39;, sans-serif;outline: 0;}.related-snippets{margin-top:5px;font:italic 12px \u0026amp;#39;Open Sans\u0026amp;#39;, sans-serif;}.related-posts-1 li{list-style:inside none disc !important;}.related-posts-1 li,.related-posts-2 li{border-top:1px solid rgba(0,0,0,0.04);padding:0.8em 0 !important;}.related-posts-1 li:first-child,.related-posts-2 li:first-child{border-top:medium none;}li.related-post-item{margin:0 3% 3% 0 !important;width:\u003Cspan style=\"color: red;\"\u003E22.7%\u003C\/span\u003E;float:left;list-style:none;position:relative;}li.related-post-item:last-child{margin:0 0 2% !important;}.related-thumb-large{width:100%;height:auto;border:none;margin:0px auto 10px;padding:0 !important;}.related-posts-8 li .related-title,.related-posts-9 li .related-title,.related-posts-9 li .related-snippets{padding-left:74px;}.related-posts-8 li:nth-child(even),.related-posts-9 li:nth-child(even){margin:0 0 4% !important;}.related-posts-8 li,.related-posts-9 li{background-color:#ffffff;box-shadow:0 0 4px rgba(180, 180, 180, 0.55);width:42% !important;float:left;margin:0 4% 4% 0 !important;padding:3% !important;}.related-thumb{float:left;height:64px;margin-right:10px;object-fit:cover;width:64px;}.related-posts-6 li,.related-posts-6 a{line-height:0 !important;}.related-posts-6 .related-thumb-large{margin-bottom:0;}.related-posts-7 li.related-post-item{margin:0 !important;width:\u003Cspan style=\"color: red;\"\u003E25%\u003C\/span\u003E !important;}.related-wrapper{position:absolute;left:0px;right:0;top:0px;bottom:0;margin:0 auto;z-index:4;background:rgba(77,77,77,0.2);}.related-wrapper-inner{position:relative;height:100%;z-index:99;width:100%;display:table;vertical-align:middle;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.related-wrapper .related-title{vertical-align:middle;display:table-cell;color:#ffffff;font:bold 16px \u0026amp;#39;Open Sans\u0026amp;#39;, sans-serif;padding:0 20px;}.related-date{margin-top:5px;font:italic 11px \u0026amp;#39;Open Sans\u0026amp;#39;, sans-serif;color:#999999;}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\nNext, we need to add the script\u0026nbsp; - search for the following line:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:includable id='postQuickEdit' var='post'\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\nOnce you found it, click the small arrow not beside it but with one level above to expand code and scroll down until you see \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;\/b:includable\u0026gt;\u003C\/span\u003E - right below this tag, you should see the line including the \"postQuickEdit\" id.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSee the screenshot for more help:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" height=\"212\" src=\"https:\/\/3.bp.blogspot.com\/-mHLx2gzbK_w\/U2080khO0lI\/AAAAAAAAJBA\/W_pLHwDKUUw\/s1600\/how-to-add-related-posts-widget-to-blogger.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nJust ABOVE the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;\/b:includable\u0026gt;\u003C\/span\u003E tag, add the following script:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;b:if cond='data:blog.pageType == \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div class='related-posts-container' id='related-posts-widget'\/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div style='clear: both;'\/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\nvar labelArray = [\u0026lt;b:if cond='data:post.labels'\u0026gt;\u0026lt;b:loop values='data:post.labels' var='label'\u0026gt;\u0026amp;quot;\u0026lt;data:label.name\/\u0026gt;\u0026amp;quot;\u0026lt;b:if cond='data:label.isLast != \u0026amp;quot;true\u0026amp;quot;'\u0026gt;,\u0026lt;\/b:if\u0026gt;\u0026lt;\/b:loop\u0026gt;\u0026lt;\/b:if\u0026gt;];\u003Cbr \/\u003E\nvar relatedSettings = {\u003Cbr \/\u003E\nblogURL:\u0026amp;quot;\u0026lt;data:blog.homepageUrl\/\u0026gt;\u0026amp;quot;,\u003Cbr \/\u003E\nrelatedHeading:\u0026amp;quot;\u0026amp;lt;h4\u0026amp;gt;\u0026amp;lt;span\u0026amp;gt;\u003Cspan style=\"color: red;\"\u003ERelated Posts\u003C\/span\u003E\u0026amp;lt;\/span\u0026amp;gt;\u0026amp;lt;\/h4\u0026amp;gt;\u0026amp;quot;,\u003Cbr \/\u003E\nrelatedPosts:\u003Cspan style=\"color: red;\"\u003E4\u003C\/span\u003E,\u003Cbr \/\u003E\nrelatedStyle:\u003Cspan style=\"color: red;\"\u003E4\u003C\/span\u003E,\u003Cbr \/\u003E\nthumbnailSize:\u0026amp;quot;w\u003Cspan style=\"color: red;\"\u003E300\u003C\/span\u003E-h\u003Cspan style=\"color: red;\"\u003E200\u003C\/span\u003E-p-nu\u0026amp;quot;,\u003Cbr \/\u003E\ndefaultThumb:\u0026amp;quot;https:\/\/4.bp.blogspot.com\/-BLiit18tHXA\/V9gCeNNCXzI\/AAAAAAAALt8\/SF8SUhGI1m8QuoHklq24MKiIEwKHIqwBACLcB\/w\u003Cspan style=\"color: red;\"\u003E300\u003C\/span\u003E-h\u003Cspan style=\"color: red;\"\u003E200\u003C\/span\u003E-c\/no-thumb.png\u0026amp;quot;,\u003Cbr \/\u003E\nroundThumbs:\u003Cspan style=\"color: red;\"\u003Efalse\u003C\/span\u003E,\u003Cbr \/\u003E\ntitleLength:\u0026amp;quot;\u003Cspan style=\"color: red;\"\u003Eauto\u003C\/span\u003E\u0026amp;quot;,\u003Cbr \/\u003E\nsnippetLength:\u003Cspan style=\"color: red;\"\u003E45\u003C\/span\u003E,\u003Cbr \/\u003E\ncenterText:\u003Cspan style=\"color: red;\"\u003Efalse\u003C\/span\u003E,\u003Cbr \/\u003E\nopenNewTab:\u003Cspan style=\"color: red;\"\u003Efalse\u003C\/span\u003E\u003Cbr \/\u003E\n};\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\n\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E\nvar randomRelatedIndex,startRelated;!function(a,b,c){var d={callBack:function(){}};for(var e in relatedSettings)d[e]=\"undefined\"==relatedSettings[e]?d[e]:relatedSettings[e];var f=function(a){var d=b.createElement(\"script\");d.type=\"text\/javascript\",d.src=a,c.appendChild(d)},g=function(a,b){return Math.floor(Math.random()*(b-a+1))+a},h=function(a){var c,d,b=a.length;if(0===b)return!1;for(;--b;)c=Math.floor(Math.random()*(b+1)),d=a[b],a[b]=a[c],a[c]=d;return a},i=\"object\"==typeof labelArray\u0026amp;\u0026amp;labelArray.length\u0026gt;0?\"\/-\/\"+h(labelArray)[0]:\"\",j=function(a){var b=a.feed.openSearch$totalResults.$t-d.relatedPosts,c=g(1,b\u0026gt;0?b:1);f(d.blogURL.replace(\/\\\/$\/,\"\")+\"\/feeds\/posts\/summary\"+i+\"?alt=json-in-script\u0026amp;orderby=updated\u0026amp;start-index=\"+c+\"\u0026amp;max-results=\"+d.relatedPosts+\"\u0026amp;callback=startRelated\")},k=function(a){var l,m,n,o,p,q,b=document.getElementById(\"related-posts-widget\"),c=h(a.feed.entry),e=d.relatedStyle,f=d.relatedHeading+'\u0026lt;ul class=\"related-posts-'+e+'\"\u0026gt;',g=d.openNewTab?' target=\"_blank\"':\"\",i=d.centerText?\"text-align:center;\":\"\",j=d.roundThumbs?\"-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;\":\"\",k='\u0026lt;span style=\"display:block;clear:both;\"\u0026gt;\u0026lt;\/span\u0026gt;';if(b){for(var r=0;r\u0026lt;d.relatedPosts\u0026amp;\u0026amp;r!=c.length;r++){n=c[r].title.$t,o=\"auto\"!==d.titleLength\u0026amp;\u0026amp;d.titleLength\u0026lt;n.length?n.substring(0,d.titleLength)+\"\u0026amp;hellip;\":n,p=\"media$thumbnail\"in c[r]\u0026amp;\u0026amp;d.thumbnailSize!==!1?c[r].media$thumbnail.url.replace(\/\\\/s[0-9]+(\\-c)?\/,\"\/\"+d.thumbnailSize):d.defaultThumb,l=h(c[r].published.$t);for(var s=[1,2,3,4,5,6,7,8,9,10,11,12],t=[\"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\"July\",\"August\",\"September\",\"October\",\"November\",\"December\"],u=l.split(\"-\")[2].substring(0,2),v=l.split(\"-\")[1],w=l.split(\"-\")[0],x=0;x\u0026lt;s.length;x++)if(parseInt(v)==s[x]){v=t[x];break}postdate=v+\" \"+u+\" \"+w,q=\"summary\"in c[r]\u0026amp;\u0026amp;d.snippetLength\u0026gt;0?c[r].summary.$t.replace(\/\u0026lt;br ?\\\/?\u0026gt;\/g,\" \").replace(\/\u0026lt;.*?\u0026gt;\/g,\"\").replace(\/[\u0026lt;\u0026gt;]\/g,\"\").substring(0,d.snippetLength)+\"\u0026amp;hellip;\":\"\";for(var y=0,z=c[r].link.length;y\u0026lt;z;y++)m=\"alternate\"==c[r].link[y].rel?c[r].link[y].href:\"#\";1==e?f+='\u0026lt;li\u0026gt;\u0026lt;a href=\"'+m+'\" '+g+\"\u0026gt;\"+o+\"\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\":2==e?f+='\u0026lt;li\u0026gt;\u0026lt;a href=\"'+m+'\" '+g+'\u0026gt;\u0026lt;div class=\"related-title\"\u0026gt;'+o+'\u0026lt;\/div\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;div class=\"related-snippets\"\u0026gt;'+q+\"\u0026lt;\/div\u0026gt;\u0026lt;\/li\u0026gt;\":3==e?f+='\u0026lt;li class=\"related-post-item\" style=\"'+i+'\"\u0026gt;\u0026lt;a href=\"'+m+'\" '+g+'\u0026gt;\u0026lt;img alt=\"\" class=\"related-thumb-large\" src=\"'+p+'\" style=\"'+j+'\"\u0026gt;\u0026lt;div class=\"related-title\"\u0026gt;'+o+'\u0026lt;\/div\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;div class=\"related-snippets\"\u0026gt;'+q+\"\u0026lt;\/div\u0026gt;\u0026lt;\/li\u0026gt;\":4==e?f+='\u0026lt;li class=\"related-post-item\" style=\"'+i+'\"\u0026gt;\u0026lt;a href=\"'+m+'\" '+g+'\u0026gt;\u0026lt;img alt=\"\" class=\"related-thumb-large\" src=\"'+p+'\" style=\"'+j+'\"\u0026gt;\u0026lt;div class=\"related-title\"\u0026gt;'+o+'\u0026lt;\/div\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;div class=\"related-date\"\u0026gt;'+postdate+\"\u0026lt;\/div\u0026gt;\u0026lt;\/li\u0026gt;\":5==e?f+='\u0026lt;li class=\"related-post-item\" style=\"'+i+'\"\u0026gt;\u0026lt;a href=\"'+m+'\" '+g+'\u0026gt;\u0026lt;img alt=\"\" class=\"related-thumb-large\" src=\"'+p+'\" style=\"'+j+'\"\u0026gt;\u0026lt;div class=\"related-title\"\u0026gt;'+o+\"\u0026lt;\/div\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\":6==e?f+='\u0026lt;li class=\"related-post-item\"\u0026gt;\u0026lt;a href=\"'+m+'\" '+g+'\u0026gt;\u0026lt;img alt=\"\" class=\"related-thumb-large\" src=\"'+p+'\" style=\"'+j+'\"\u0026gt;\u0026lt;div class=\"related-wrapper\" style=\"'+j+'\"\u0026gt;\u0026lt;div class=\"related-wrapper-inner\"\u0026gt;\u0026lt;div class=\"related-title\"\u0026gt;'+o+\"\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\":7==e?f+='\u0026lt;li class=\"related-post-item\"\u0026gt;\u0026lt;a href=\"'+m+'\" '+g+'\u0026gt;\u0026lt;img alt=\"\" class=\"related-thumb-large\" src=\"'+p+'\" style=\"'+j+'\"\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;':8==e?f+='\u0026lt;li class=\"related-post-item\"\u0026gt;\u0026lt;a class=\"related-post-item-wrapper\" href=\"'+m+'\" '+g+'\u0026gt;\u0026lt;img alt=\"\" class=\"related-thumb\" src=\"'+p+'\" style=\"'+j+'\"\u0026gt;\u0026lt;div class=\"related-title\"\u0026gt;'+o+'\u0026lt;\/div\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;div class=\"related-date\"\u0026gt;'+postdate+\"\u0026lt;\/div\u0026gt;\u0026lt;\/li\u0026gt;\":9==e\u0026amp;\u0026amp;(f+='\u0026lt;li\u0026gt;\u0026lt;a href=\"'+m+'\" '+g+'\u0026gt;\u0026lt;img alt=\"\" class=\"related-thumb\" src=\"'+p+'\" style=\"'+j+'\"\u0026gt;\u0026lt;div class=\"related-title\"\u0026gt;'+o+'\u0026lt;\/div\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;div class=\"related-snippets\"\u0026gt;'+q+\"\u0026lt;\/div\u0026gt;\u0026lt;\/li\u0026gt;\")}b.innerHTML=f+=\"\u0026lt;\/ul\u0026gt;\"+k,d.callBack()}};randomRelatedIndex=j,startRelated=k,f(d.blogURL.replace(\/\\\/$\/,\"\")+\"\/feeds\/posts\/summary\"+i+\"?alt=json-in-script\u0026amp;orderby=updated\u0026amp;max-results=0\u0026amp;callback=randomRelatedIndex\")}(window,document,document.getElementsByTagName(\"head\")[0]);\u003Cbr \/\u003E\n\/\/]]\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nHow to Customize the Related Posts Widget for Blogger?\u003C\/h2\u003E\nTo change the 'Related Posts' text that appears above the widget, modify the text in red:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\nrelatedHeading: \u0026amp;quot;\u0026amp;lt;h4\u0026amp;gt;\u0026amp;lt;span\u0026amp;gt;\u003Cspan style=\"color: red;\"\u003ERelated Posts\u003C\/span\u003E\u0026amp;lt;\/span\u0026amp;gt;\u0026amp;lt;\/h4\u0026amp;gt;\u0026amp;quot;,\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\nTo change the number of posts to display, change the '4' value from this line:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\nrelatedPosts: \u003Cspan style=\"color: red;\"\u003E4\u003C\/span\u003E,\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\nNote: you may need to change the percentages in the CSS styles above in order to make posts fit the related container. Just follow the values in red and play with them until you get the best results.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTo change the style of the related posts widget, modify the '4' value from:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\nrelatedStyle: \u003Cspan style=\"color: red;\"\u003E4\u003C\/span\u003E,\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EAvailable Related Posts Styles\u003C\/h4\u003E\n\u003Col\u003E\u003Cli\u003Esimple related posts widget that will show post titles only\u003C\/li\u003E\n\u003Cli\u003Edisplay post titles and snippets\u003C\/li\u003E\n\u003Cli\u003Edisplay post thumbnails, titles and snippets\u003C\/li\u003E\n\u003Cli\u003Edisplay related posts thumbnails, titles and post date (shows by default)\u003C\/li\u003E\n\u003Cli\u003Edisplay related posts thumbnails and titles\u003C\/li\u003E\n\u003Cli\u003Epost titles in front of thumbnails, instead of having them below the thumbnail\u003C\/li\u003E\n\u003Cli\u003Edisplay thumbnails only\u003C\/li\u003E\n\u003Cli\u003Esmall thumbnail with titles on the right and date below\u003C\/li\u003E\n\u003Cli\u003Esmall thumbnails with post titles and excerpts on the right\u003C\/li\u003E\u003C\/ol\u003E\n\u003Ch3\u003ECustomizing the Related Post Thumbnail Size \u0026amp; Style\u003C\/h3\u003E\nBy default, thumbnails are resized and cropped automatically to be 300px wide by 200px tall. If you want to change the width and height of the thumbnails, modify the '300' and '200' values from:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\nthumbnailSize: \u0026amp;quot;w\u003Cspan style=\"color: red;\"\u003E300\u003C\/span\u003E-h\u003Cspan style=\"color: red;\"\u003E200\u003C\/span\u003E-p-nu\u0026amp;quot;,\u003Cbr \/\u003E\ndefaultThumb: \u0026amp;quot;https:\/\/4.bp.blogspot.com\/-BLiit18tHXA\/V9gCeNNCXzI\/AAAAAAAALt8\/SF8SUhGI1m8QuoHklq24MKiIEwKHIqwBACLcB\/w\u003Cspan style=\"color: red;\"\u003E300\u003C\/span\u003E-h\u003Cspan style=\"color: red;\"\u003E200\u003C\/span\u003E-c\/no-thumb.png\u0026amp;quot;,\u003C\/blockquote\u003E\nNote: 'w' comes from width, 'h' comes from height. To make the thumbnails square, change the 'h' (height) value and make it equal with 'w' (width) value. A higher value will result in more high-res images.\u003Cbr \/\u003E\u003Cbr \/\u003E\nIf you want thumbnails have rounded corners, change 'false' with 'true':\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003EroundThumbs:\u003Cspan style=\"color: red;\"\u003Efalse\u003C\/span\u003E,\u003C\/blockquote\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ECustomizing Related Titles \u0026amp; Excerpts \u003C\/h3\u003E\nTo shorten the post title, change \u003Cspan style=\"color: red;\"\u003Eauto\u003C\/span\u003E with the number of characters to show:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003EtitleLength: \u0026amp;quot;\u003Cspan style=\"color: red;\"\u003Eauto\u003C\/span\u003E\u0026amp;quot;,\u003C\/blockquote\u003E\u003Cbr \/\u003E\nTo reduce or add more characters to the snippets, change the \"45\" value:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003EsnippetLength: \u003Cspan style=\"color: red;\"\u003E45\u003C\/span\u003E,\u003C\/blockquote\u003E\u003Cbr \/\u003E\nIf you want to center text (title and summary), change 'false' to 'true':\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003EcenterText:\u003Cspan style=\"color: red;\"\u003Efalse\u003C\/span\u003E,\u003C\/blockquote\u003E\u003Cbr \/\u003E\nTo open links in a new tab when visitors click on a related post, change \"false\" to \"true\":\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003EopenNewTab: \u003Cspan style=\"color: red;\"\u003Efalse\u003C\/span\u003E\u003C\/blockquote\u003E\u003Cbr \/\u003E\nOnce you're done with the settings, click the 'Save Template' button and now you can see the related posts widget live on your Blogger blog.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch4\u003EFinal words\u003C\/h4\u003E\nThat's it! With the new customizable Related Posts widget for Blogger you will be able to add unique features to the related content section of your blog. However, all of these styles look and work slightly different, so take your time, and pick your favorite."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/6590088027126792597\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/new-related-posts-widget-for-blogger.html#comment-form","title":"1 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/6590088027126792597"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/6590088027126792597"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/new-related-posts-widget-for-blogger.html","title":"Customizable Related Posts Widget for Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-klS-ZV7SIf0\/V9gOKOH_iwI\/AAAAAAAALuk\/DEUdh6GKbOY8o2y_PJY0enmUYa-LysK2ACLcB\/s72-c\/related-posts-widget-for-blogger.png","height":"72","width":"72"},"thr$total":{"$t":"1"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-544509744020098044"},"published":{"$t":"2016-09-09T07:59:00.003-07:00"},"updated":{"$t":"2017-07-21T11:02:49.169-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger posts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"jQuery"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Navigation"}],"title":{"type":"text","$t":"Add Load More Posts or Infinite Scrolling to Blogger"},"content":{"type":"html","$t":"You might have seen the implementation of infinite scrolling at Facebook, Twitter or Google+. Instead of showing \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/04\/how-to-add-numbered-page-navigation-widget-for-blogger.html\"\u003EOlder \/ Newer posts links\u003C\/a\u003E, we can load posts dynamically whenever a \"Load more posts\" button is clicked, or by scrolling down the page. This tutorial will show you how to implement Ajax based loading script that will add Load More Posts or Infinite Scrolling to Blogger, so that visitors can easily navigate without reloading the page.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nHow it works?\u003C\/h3\u003E\n- You have the option to add a 'Load More Posts' button or load automatically the older posts as visitors scroll down the page.\u003Cbr \/\u003E\n- Once implemented, Load More Posts \/ Infinite Scrolling applies to all Blogger posts on index pages (homepage, archive, label pages). It can't be added on individual posts.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nDemo\u003C\/h3\u003E\nTo see it live, check out the demo below. When you scroll down to the bottom of the page, you will see the \"Load More Posts\" button. Once you click it, the next 3 posts set to display will load below.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"infinite scrolling, load more posts\" border=\"0\" height=\"283\" src=\"https:\/\/3.bp.blogspot.com\/-O_7BKJs53GE\/V9HXneOuUeI\/AAAAAAAALtc\/shyx7yBeD5MUKGRxPearG9yix9xNgJ8RgCLcB\/s400\/load-more-blogger-infinite-scrolling.png\" title=\"Add Load More Posts (infinite scrolling) to Blogger\" width=\"400\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\n\u003Ca class=\"demo-link\" href=\"http:\/\/load-more-blogger.blogspot.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EDemo \u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nAdding Load More Posts or Infinite Scrolling to Blogger\u003C\/h2\u003E\n1. Log into your \u003Ca href=\"https:\/\/blogger.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EBlogger account\u003C\/a\u003E and click on your blog where you want to add it. \u003Cbr \/\u003E\n2. Go to 'Theme' and click the 'Edit HTML' button to open the Template editor \u0026gt; click anywhere in the code area and press CTRL + F keys (or Command + F) to open the search box.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" data-original-height=\"525\" data-original-width=\"1087\" height=\"309\" src=\"https:\/\/1.bp.blogspot.com\/-iLqB3mqfP9I\/WXI9SJ1XqsI\/AAAAAAAAMB8\/nVSaOFeAYVkqVWlTksu5zhheK98n5A1lwCLcBGAs\/s640\/add-infinite-scrolling-to-blogger.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n3. Type the tag below in the search box and press ENTER to find it:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;\/body\u0026gt;\u003C\/blockquote\u003E\n4. Just above the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;\/body\u0026gt;\u003C\/span\u003E tag, add the script below:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\na. If you want to load posts with 'Load More Posts' button like in the demo blog, add this script:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u003Cspan style=\"color: red;\"\u003E\u0026lt;script src='https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.2.0\/jquery.min.js'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u0026lt;b:if cond='data:blog.pageType != \u0026amp;quot;static_page\u0026amp;quot;'\u0026gt;\u0026lt;b:if cond='data:blog.pageType != \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\n\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E\nfunction resizeThumb(e,n){for(var t=document.getElementById(e).getElementsByTagName(\"img\"),a=0;a\u0026lt;t.length;a++)t[a].src=t[a].src.replace(\/\\\/s72\\-c\/,\"\/s\"+n+\"-c\")}window.labelfx=function(){var e=function(e){var n=e||{},t=n.url_blog||window.location.host,a=n.id_labelcontent||\"#labelfxn\";$.ajax({url:\"http:\/\/\"+t+\"\/feeds\/posts\/summary?max-results=0\u0026amp;alt=json-in-script\",type:\"get\",dataType:\"jsonp\",success:function(e){var n=e.feed.category,t=\"\";if(void 0!==n){t=\"\u0026lt;ul class='labelx'\u0026gt;\";for(var i=0;i\u0026lt;n.length;i++)t+='\u0026lt;li\u0026gt;\u0026lt;a href=\"\/search\/label\/'+encodeURIComponent(n[i].term)+'\" target=\"_blank\"\u0026gt;'+n[i].term+\"\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\";t+=\"\u0026lt;\/ul\u0026gt;\",$(a).html(t)}else $(a).html(\"\u0026lt;span\u0026gt;No Label!\u0026lt;\/span\u0026gt;\")},error:function(){$(a).html(\"\u0026lt;strong\u0026gt;Error Loading Feed!\u0026lt;\/strong\u0026gt;\")}})};return function(n){e(n)}}(),resizeThumb(\"main\",250),labelfx(),function(e){function n(n){e.getScript(\"http:\/\/\"+n+\".disqus.com\/blogger_index.js\")}function t(){s||(s=!0,o?(r.find(\"a\").hide(),r.find(\"img\").show(),e.ajax(o,{dataType:\"html\"}).done(function(t){var a=e(\"\u0026lt;div\u0026gt;\u0026lt;\/div\u0026gt;\").append(t.replace(l,\"\")),i=a.find(\"a.blog-pager-older-link\");i?o=i.attr(\"href\"):(o=\"\",r.hide());var p=a.find(d).children(\".date-outer\");e(d).append(p),resizeThumb(\"main\",250),window._gaq\u0026amp;\u0026amp;window._gaq.push([\"_trackPageview\",o]),window.gapi\u0026amp;\u0026amp;window.gapi.plusone\u0026amp;\u0026amp;window.gapi.plusone.go\u0026amp;\u0026amp;window.gapi.plusone.go(),window.disqus_shortname\u0026amp;\u0026amp;n(window.disqus_shortname),window.FB\u0026amp;\u0026amp;window.FB.XFBML\u0026amp;\u0026amp;window.FB.XFBML.parse\u0026amp;\u0026amp;window.FB.XFBML.parse(),window.twttr\u0026amp;\u0026amp;window.twttr.widgets\u0026amp;\u0026amp;window.twttr.widgets.load\u0026amp;\u0026amp;window.twttr.widgets.load(),r.find(\"img\").hide(),r.find(\"a\").show(),s=!1})):r.hide())}function a(){if(\"item\"!=_WidgetManager._GetAllData().blog.pageType\u0026amp;\u0026amp;(o=e(\"a.blog-pager-older-link\").attr(\"href\"))){var n=e('\u0026lt;a class=\"loadpost\" href=\"javascript:;\" style=\"text-decoration:none;font:11px Open Sans, sans-serif;letter-spacing:1px;padding:10px 20px;background:#000000;color:#ffffff;\"\u0026gt;LOAD MORE POSTS\u0026lt;\/a\u0026gt;');n.click(t);var a=e('\u0026lt;img src=\"'+i+'\" style=\"display: none;\"\u0026gt;');(r=e('\u0026lt;div style=\"display:block;text-align:center;margin:20px auto;\"\u0026gt;\u0026lt;\/div\u0026gt;')).append(n),r.append(a),r.insertBefore(e(\"#blog-pager\")),e(\"#blog-pager\").hide()}}var i=\"https:\/\/1.bp.blogspot.com\/-6_Eha7PSRy0\/WXI6jskHE9I\/AAAAAAAAMB0\/6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGAs\/s1600\/loader.gif\",o=\"\",r=null,d=\"div.blog-posts\",s=!1,l=(e(window),e(document),\/\u0026lt;script\\b[^\u0026lt;]*(?:(?!\u0026lt;\\\/script\u0026gt;)\u0026lt;[^\u0026lt;]*)*\u0026lt;\\\/script\u0026gt;\/gi);e(document).ready(a)}(jQuery);\u003Cbr \/\u003E\n\/\/]]\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/b:if\u0026gt;\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\nb. If you want to add the infinite scrolling without button, paste this instead:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u003Cspan style=\"color: red;\"\u003E\u0026lt;script src='https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.2.0\/jquery.min.js'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u0026lt;b:if cond='data:blog.pageType != \u0026amp;quot;static_page\u0026amp;quot;'\u0026gt;\u0026lt;b:if cond='data:blog.pageType != \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003Cbr \/\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;.status-msg-wrap{display:none;}\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\n\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E\n!function(i){function e(e){i.getScript(\"http:\/\/\"+e+\".disqus.com\/blogger_index.js\")}function t(){g||(g=!0,r?(w.find(\"a\").hide(),w.find(\"img\").show(),i.ajax(r,{dataType:\"html\"}).done(function(t){var n=i(\"\u0026lt;div\u0026gt;\u0026lt;\/div\u0026gt;\").append(t.replace(c,\"\")),o=n.find(\"a.blog-pager-older-link\"),d=n.find(s).children();i(s).append(d),window._gaq\u0026amp;\u0026amp;window._gaq.push([\"_trackPageview\",r]),window.gapi\u0026amp;\u0026amp;window.gapi.plusone\u0026amp;\u0026amp;window.gapi.plusone.go\u0026amp;\u0026amp;window.gapi.plusone.go(),window.disqus_shortname\u0026amp;\u0026amp;e(window.disqus_shortname),window.FB\u0026amp;\u0026amp;window.FB.XFBML\u0026amp;\u0026amp;window.FB.XFBML.parse\u0026amp;\u0026amp;window.FB.XFBML.parse(),window.twttr\u0026amp;\u0026amp;window.twttr.widgets\u0026amp;\u0026amp;window.twttr.widgets.load\u0026amp;\u0026amp;window.twttr.widgets.load(),o?r=o.attr(\"href\"):(r=\"\",w.hide()),w.find(\"img\").hide(),w.find(\"a\").show(),g=!1})):w.hide())}function n(){return Math.max(p.height(),l.height(),document.documentElement.clientHeight)}function o(){n()-(p.scrollTop()+p.height())\u0026lt;150\u0026amp;\u0026amp;t()}function d(){if(\"item\"!=_WidgetManager._GetAllData().blog.pageType\u0026amp;\u0026amp;(r=i(\"a.blog-pager-older-link\").attr(\"href\"))){var e=i('\u0026lt;a href=\"javascript:;\"\u0026gt;Load more posts\u0026lt;\/a\u0026gt;');e.click(t);var n=i('\u0026lt;img src=\"'+a+'\" style=\"display: none;\"\u0026gt;');p.scroll(o),(w=i('\u0026lt;div style=\"text-align: center; font-size: 150%;\"\u0026gt;\u0026lt;\/div\u0026gt;')).append(e),w.append(n),w.insertBefore(i(\"#blog-pager\")),i(\"#blog-pager\").hide()}}var a=\"https:\/\/1.bp.blogspot.com\/-6_Eha7PSRy0\/WXI6jskHE9I\/AAAAAAAAMB0\/6iFQ2qywS2kaNA2evWgsUb51zjRFf69cQCLcBGAs\/s1600\/loader.gif\",r=\"\",w=null,s=\"div.blog-posts\",g=!1,p=i(window),l=i(document),c=\/\u0026lt;script\\b[^\u0026lt;]*(?:(?!\u0026lt;\\\/script\u0026gt;)\u0026lt;[^\u0026lt;]*)*\u0026lt;\\\/script\u0026gt;\/gi;i(document).ready(d)}(jQuery);\u003Cbr \/\u003E\n\/\/]]\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/b:if\u0026gt;\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\nNote: This code uses jQuery library, so if you already have jQuery on your page, please remove the line in red highlighted above.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n5. Click 'Save template' button and check the 'Load More Posts' button \/ Infinite Scrolling in your Blogger blog.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nConclusion\u003C\/h3\u003E\nThat's it! So this is how we can easily add Load More Posts \/ Infinite Scrolling to Blogger. From now on, our visitors can stay in same page and navigate through infinite number of posts on the fly!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/544509744020098044\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/load-more-blogger-posts-or-infinite-scrolling.html#comment-form","title":"1 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/544509744020098044"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/544509744020098044"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/09\/load-more-blogger-posts-or-infinite-scrolling.html","title":"Add Load More Posts or Infinite Scrolling to Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-O_7BKJs53GE\/V9HXneOuUeI\/AAAAAAAALtc\/shyx7yBeD5MUKGRxPearG9yix9xNgJ8RgCLcB\/s72-c\/load-more-blogger-infinite-scrolling.png","height":"72","width":"72"},"thr$total":{"$t":"1"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-2738867497716647571"},"published":{"$t":"2016-05-31T05:46:00.004-07:00"},"updated":{"$t":"2017-07-19T16:28:56.403-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"adsense"},{"scheme":"http://www.blogger.com/atom/ns#","term":"make money online"}],"title":{"type":"text","$t":"How to Add AdSense Page-level ads in Blogspot"},"content":{"type":"html","$t":"Recently, page-level ads were made available for blogspot bloggers and webmasters which means that you can now display AdSense Ads right on your mobile templates. You can now monetize your efforts on the templates as you do with mobile apps thanks to the Google Admob Ads.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch2\u003EWhy Choose AdSense Page-level ads?\u003C\/h2\u003E\nThere are a number of reasons why you choose page-level ads from AdSense to bolster your revenue stream.\n\u003Cul\u003E\u003Cli\u003EIncrease Revenues\u003C\/li\u003E\n\u003Cli\u003EProvide Better User Experience\u003C\/li\u003E\n\u003Cli\u003ETwo New Formats\u003C\/li\u003E\n\u003Cli\u003EDoesn't Count Against 3 Ad Limit\u003C\/li\u003E\n\u003Cli\u003EOptimized and Responsive to Mobile Needs\u003C\/li\u003E\u003C\/ul\u003E\n\u003Ch3\u003EPage-level Ad Formats \u003C\/h3\u003E\nToday, the two types of page-level ads available include \u003Cu\u003E\u003Cb\u003EAnchors\u003C\/b\u003E\u003C\/u\u003E which are ads places at the bottom of the screen and \u003Cu\u003E\u003Cb\u003EVignettes\u003C\/b\u003E\u003C\/u\u003E which are full screen ads that work similar to Admob's Interstitial adverts.\u003Cbr \/\u003E\nVignettes tend to be more effective for mobile advertising.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"how to add adsense page-level ads in blogspot\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-1SGlqeAtlwE\/WBNx3-5f0HI\/AAAAAAAAL48\/nDayPe_ES8kW9ee6AyGg1tphCFO2cgzdwCLcB\/s1600\/page-level-google.png\" title=\"How to add AdSense page-level ads in Blogger\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Ch2\u003EHow to Setup Page-Level Ads in Blogspot Blogs\u003C\/h2\u003E\nThe good news is that you can install these ads from AdSense fairly quickly and easily thanks to the process which guides you through.\u003Cbr \/\u003E\u003Cbr \/\u003E\n1. Log into your AdSense Account\u003Cbr \/\u003E\n2. \u003Ca href=\"https:\/\/www.google.com\/adsense\/app#main\/page-level-ads\" rel=\"nofollow\" target=\"_blank\"\u003EClick on this link\u003C\/a\u003E\u003Cbr \/\u003E\n3. Click the two toggle buttons to switch on \"Anchor\/overlay ads\" and \"Vignette ads\"\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"enable adsense page-level ads in blogger \" border=\"0\" height=\"246\" src=\"https:\/\/3.bp.blogspot.com\/-_MYRjwO9e_k\/V018_aE63QI\/AAAAAAAALp8\/BjcwBnWTcooXSlY9_ZUv6LmRMxlmAMkhgCLcB\/s640\/page-level-ads-formats-adsense.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n4. Scroll down and click the \"Get Code\" button\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"enable adsense page-level ads in blogger\" border=\"0\" height=\"118\" src=\"https:\/\/2.bp.blogspot.com\/-oJ3JrFhr3H8\/V019ZpSCmZI\/AAAAAAAALqA\/vuGFxgsA_hYoQC0yaJUTF1ufs2bW37s_gCLcB\/s640\/get-code-adsense-page-level-ads.png\" title=\"\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n5. Copy the code\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"google adsense page-level ads code\" border=\"0\" height=\"260\" src=\"https:\/\/4.bp.blogspot.com\/-D8tApIDKe68\/V01-gzhth1I\/AAAAAAAALqQ\/1TVIlcMxvE0CM4Xe4nQ1MqeyXIeF_zybACLcB\/s400\/code-page-level-ads-adsense.png\" title=\"\" width=\"400\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n6. Go to Blogger, then Template and Backup your Template\u003Cbr \/\u003E\n7. Click the 'Edit HTML' button and search for the \u0026lt;\/head\u0026gt; tag\u003Cbr \/\u003E\n8. Paste the page-level ad code above the \u0026lt;\/head\u0026gt; tag\u003Cbr \/\u003E\u003Cbr \/\u003E\nNote: You will also need to replace the attribute \u003Cb\u003Easync\u003C\/b\u003E with \u003Cb\u003Easync=\"async\"\u003C\/b\u003E in order to help complete the process, otherwise Blogger will give you an error message. Once you have completed these steps, all you need to do is save it to your template.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch2\u003ETest Page-level ads in your Blogger template\u003C\/h2\u003E\nAfter installation, get out your mobile device so you can test the AdSense page-level ads and see if they are working correctly. You will need to be a visitor to your site in order to check out the ads.\n\u003Cul\u003E\u003Cli\u003EType \u003Cb\u003E#googleads\u003C\/b\u003E at the end of the URL so you can access them\u003C\/li\u003E\n\u003Cli\u003ESelect the ad format from the tabbed box that will appear above the body of the blog\u003C\/li\u003E\n\u003Cli\u003ECheck out the ads\u003C\/li\u003E\u003C\/ul\u003E\nYou will get to see the ads in action before the public does so that you can tell if they are working fine. If you are impressed with what you see, then it is ready to go. However, if you see something that you want to change or if the ads are not present, you'll need to start over again.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EThe Effectiveness of Page-level ads\u003C\/h3\u003E\nSince October, 2015 when these ads were first rolled out the effectiveness that they have demonstrated is considerable. Today, the ads have been used in countries all over the world and they continue to impress. For those who have already used these mobile ads on WordPress or other blogger blogs you can see just how effective they have been in terms of reaching all of your visitors. In addition, the effect on your revenue may be considerable depending on the popularity of your blog.\u003Cbr \/\u003E\u003Cbr \/\u003E\nIn the end, AdSense page-level ads are remarkably effective for mobile use and will help you build a stronger income base for your blog. "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/2738867497716647571\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/05\/how-to-add-adsense-page-level-ads.html#comment-form","title":"6 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/2738867497716647571"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/2738867497716647571"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/05\/how-to-add-adsense-page-level-ads.html","title":"How to Add AdSense Page-level ads in Blogspot"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-1SGlqeAtlwE\/WBNx3-5f0HI\/AAAAAAAAL48\/nDayPe_ES8kW9ee6AyGg1tphCFO2cgzdwCLcB\/s72-c\/page-level-google.png","height":"72","width":"72"},"thr$total":{"$t":"6"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-5220794285898852427"},"published":{"$t":"2016-05-31T03:50:00.001-07:00"},"updated":{"$t":"2016-05-31T03:58:59.710-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger"}],"title":{"type":"text","$t":"How to Fix Mixed Content Errors in Blogspot Blogs"},"content":{"type":"html","$t":"With \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2016\/04\/blogger-turns-on-https-on-all-blogspot-blogs.html\"\u003EHTTPS now automatic in Blogger\u003C\/a\u003E the benefits have been considerable. However, there are some issues that are now facing bloggers thanks to this change in policy and one of the most common is mixed content errors.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nWhat are mixed content errors?\u003C\/h3\u003E\nThis is when a web page becomes secured by SSL, but it contains both secure HTTPS and also the non-secure HTTP which is usually links, scripts, style sheets, video, and images. This results in browser errors that negatively affect the performance of your website and cause security issues. This means that source codes such as template, layout gadget, and post and paste may be causing the issues in the HTML side of the equation.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"http to https\" border=\"0\" height=\"168\" src=\"https:\/\/3.bp.blogspot.com\/-t4qYNKz9zhE\/V01rdK9VRJI\/AAAAAAAALps\/2EXvl7aYKicw8w78uTfF3zkzUfXMpR_IwCLcB\/s200\/blogger-from-http-to-https.png\" title=\"How to Fix the Mixed Content Errors in Blogspot Blogs\" width=\"200\" \/\u003E\u003C\/div\u003E\n\u003Ch3\u003E\nHow to identify mixed content errors?\u003C\/h3\u003E\nThis is a fairly straightforward process that you can use through Google Chrome:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Visit blog using HTTPS, for example - https:\/\/yourblog.blogspot.com\u003Cbr \/\u003E\n2. Access the Chrome Menu at the top-right of your browser window and go to \"More Tools\" \u0026gt; \"Developer Tools\" and switch to the \"Console\" tab or use the CTRL + SHIFT + J keys to open the JavaScript console\u003Cbr \/\u003E\n3. Look in the Console for mixed content errors which will look similar to these:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"mixed content, chrome console\" border=\"0\" height=\"252\" src=\"https:\/\/3.bp.blogspot.com\/-G12NvKbwtGk\/V0w8d3k3rlI\/AAAAAAAALo4\/srKeZVYuZkc9xEfOhqdN7TSCrvBYc7ZKQCLcB\/s640\/http-https-mixed-content-errors-blogger.png\" title=\"How to Fix the Mixed Content Errors in Blogspot Blogs 2\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nExamples of mixed content errors include, but are not limited to the following:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n- Insecure Script Request\u003Cbr \/\u003E\n- Insecure Image Request\u003Cbr \/\u003E\n- Insecure URL Request\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nYou should list all unsecured URLs and visit the other pages on your blog to check for other mixed content errors.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nFix the mixed content errors in a Blogger template\u003C\/h3\u003E\nTo fix the errors encountered which may be found in the template or layout, you will need to do the following:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Go to Blogger and select your blog, then click on \"Template\" and press the \"Edit HTML\" button\u003Cbr \/\u003E\n2. Click anywhere in the code area and press CTRL + F to search for \u003Cb\u003Ehttp:\/\/\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"http:\/\/ to https:\/\/ blogger\" border=\"0\" height=\"142\" src=\"https:\/\/4.bp.blogspot.com\/-8J3kW6c6feY\/V0xAiWMGFeI\/AAAAAAAALpY\/PSdpzOGShOQ9TPlZnkxiT08onoXnv2avQCLcB\/s640\/https-edit-html-blogger-template.png\" title=\"How to Fix the Mixed Content Errors in Blogspot Blogs 3\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n3. Replace all \u003Cb\u003Ehttp:\/\/\u003C\/b\u003E prefixes with \u003Cb\u003Ehttps:\/\/\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nVerify that the new URLs using the HTTPS addresses work by opening them in a new window on your browser. If the links you are receiving provide the same results, then you can Save Template.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nTo check for layout errors:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nGo to Blogger and click on 'Layout' \u0026gt; check for any HTML\/JavaScript gadget and  click 'Edit'  on each gadget. Replace all \u003Cb\u003Ehttp:\/\/\u003C\/b\u003E prefixes with \u003Cb\u003Ehttps:\/\/\u003C\/b\u003E then verify that they are working and hit Save.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nFix the mixed content errors in Blogger posts and pages\u003C\/h3\u003E\nTo check for post and page errors, do the following:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Log into your \u003Ca href=\"http:\/\/blogger.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EBlogger Dashboard\u003C\/a\u003E and select your blog, then click on 'Posts' or 'Pages' and select any post or page \u0026gt; hit the \"Edit\" link below the Post\/Page title.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Once the Post editor opens, switch to the \"HTML\" tab and press CTRL + F keys to look for \u003Cb\u003Ehttp:\/\/\u003C\/b\u003E prefixes. After you found them, replace \u003Cb\u003Ehttp:\/\/\u003C\/b\u003E with \u003Cb\u003Ehttps:\/\/\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"fix mixed content errrors\" border=\"0\" height=\"172\" src=\"https:\/\/1.bp.blogspot.com\/-IYYCYX8D-Ac\/V0w9AbIRuPI\/AAAAAAAALo8\/6NSIul_T1U4Eeo-MhxGLDcRFNjXGfAISwCLcB\/s640\/edit-html-tab-blogger.png\" title=\"How to Fix the Mixed Content Errors in Blogspot Blogs 4\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nBe sure to verify that the new link works by opening up your browser and testing them. After you've tested them, hit Update.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nUpdate to the Blogger post editor to fix mixed content\u003C\/h3\u003E\nTo find and fix mixed content errors automatically, Blogger has released a warning tool that alerts you to possible mixed content issues in your posts. All you need to do is go to \"Edit\" inside a post, switch to the \"HTML\" tab and hit the Update button. All of the errors will be presented along with the ability to fix them. Once they have been corrected, hit Update.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"mixed content error\" border=\"0\" height=\"214\" src=\"https:\/\/2.bp.blogspot.com\/-eTJPRlNQ5Qc\/V0w-uUdG20I\/AAAAAAAALpM\/_sSq5sY5dCMUNFjuI_B1ulcs0b8b4vmrgCLcB\/s640\/mixed-content-errors-blogger-post-editor.png\" title=\"How to Fix the Mixed Content Errors in Blogspot Blogs 5\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nIn the end, fixing these types of errors will greatly improve the performance of your blog, particularly when it comes to pages that may have this particular issue with mixed content generating errors. It also applies to custom domains as well as long as you have an SSL certificate. All it takes is a few minutes and you can greatly improve your blog site that has been impeded with mixed content errors. "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/5220794285898852427\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/05\/mixed-content-errors-in-blogspot-blogger.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5220794285898852427"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5220794285898852427"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/05\/mixed-content-errors-in-blogspot-blogger.html","title":"How to Fix Mixed Content Errors in Blogspot Blogs"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-t4qYNKz9zhE\/V01rdK9VRJI\/AAAAAAAALps\/2EXvl7aYKicw8w78uTfF3zkzUfXMpR_IwCLcB\/s72-c\/blogger-from-http-to-https.png","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-1780330582935793345"},"published":{"$t":"2016-05-29T10:05:00.002-07:00"},"updated":{"$t":"2016-10-28T08:50:42.941-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"posts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"Automatic Featured Posts Slider Widget for Blogger"},"content":{"type":"html","$t":"Anyone with a blog wants readers to stay rather than move on to another. It's not being selfish but after someone has read one post, you'd definitely want them to read another, right? After all, isn't it one of the tenets of \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2015\/07\/7-seo-tips-for-bloggers.html\"\u003ESEO\u003C\/a\u003E to make people stay longer on your blog if it has to have a fighting chance at the rankings game?\u003Cbr \/\u003E\u003Cbr \/\u003E\nThe question now is: how exactly do you entice them to read a few more of your blog posts?\u003Cbr \/\u003E\u003Cbr \/\u003E\nFirst off, you don't know exactly what brought a reader to your site. Well, you sort of do, if you have \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/08\/google-analytics-basics-for-beginners.html\"\u003EGoogle Analytics\u003C\/a\u003E and all that. But that's beside the point. It wouldn't be productive for you to stare at GA the entire day hoping that it will tell you that yes, someone has been perusing your blog.\u003Cbr \/\u003E\u003Cbr \/\u003E\nThe point being driven at here is that you have to offer more on your blog. It's not enough that you get traffic from search engines and other sites; you also have to add some extras that will entice visitors to stay longer.\u003Cbr \/\u003E\u003Cbr \/\u003E\nHow exactly do you do that?\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch4\u003EThe Tactics of Persuading Users to Stay\u003C\/h4\u003E\nBloggers have employed a variety of tactics to persuade readers to stay. For one, they load the sidebar with widgets for \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2015\/09\/5-popular-posts-widget-for-blogger.html\"\u003EPopular Posts\u003C\/a\u003E, for example. Of course, it would be in the interest of your readers to know which other posts on your blog are gaining traction. Maybe those pieces are of interest to them as well. As a result, you've got one surefire way of making readers stay.\u003Cbr \/\u003E\u003Cbr \/\u003E\nNow, what if you want to highlight Featured Posts, for example? Let's say that your blog has been around for a number of years and in that span, it has produced some great content that received quite the number of shares, likes, +1s, comments on so on. Wouldn't that be the kind of post you want featured? Unless your reader was looking for that topic specifically, there's little chance that they might uncover that gem if you don't bring it to their attention.\u003Cbr \/\u003E\u003Cbr \/\u003E\nThankfully, it's quite possible to add a Featured Posts slider for Blogger. And if you don't know how to make one yourself, this is exactly what this post is for. Here's an awesome Featured Posts slider widget that you can use on your blog.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" height=\"318\" src=\"https:\/\/1.bp.blogspot.com\/-pDeiizrWG80\/V0skAGpdhMI\/AAAAAAAALns\/1_mD0w6iTM0HLD3HPU7lzHPtaRJX2ICkgCLcB\/s320\/featured-post-slider-for-blogger.png\" width=\"320\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\u003Ca class=\"demo-link\" href=\"http:\/\/helplogger-blog.blogspot.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EDemo\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EHow to Add Featured Posts Slider Widget in Blogger\u003C\/h3\u003E\n1. Go to 'Layout' \u0026gt; click the 'Add a gadget' link in the sidebar area and select 'HTML\/JavaScript' gadget from the pop-up window.\u003Cbr \/\u003E\u003Cbr \/\u003E\n2. Add the code below inside the empty box:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type=\"text\/css\"\u0026gt;\u003Cbr \/\u003E\nul.featured-widget-list,ul.featured-widget-list li{margin:0;padding:0;list-style:none;position:relative }ul.featured-widget-list li{display:none}ul.featured-widget-list li:nth-child(1){display:block;line-height:0}ul.featured-widget-list img{border:0;width:100%;height:auto}ul.featured-widget-list .featuredbg{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https:\/\/3.bp.blogspot.com\/-1_Vnfz23h0E\/V0m7kzHpgiI\/AAAAAAAALlU\/f763ScY-PBc2UnqNX3Tf20lyvHxtRo9qwCLcB\/s400\/overlay-bg.png);background-position:0% 100%;background-repeat:repeat-x}ul.featured-widget-list .featuredbg:hover{opacity:.1}ul.featured-widget-list h5{position:absolute;left:0;right:0;text-align:center;bottom:10px;z-index:2;color:#fff;margin:0;text-transform: capitalize;padding:10px 20px;line-height:1.9em;letter-spacing:0.3px;font: 600 16px 'Abel', sans-serif;overflow:hidden}ul.featured-widget-list li:hover h5{bottom:30px}ul.featured-widget-list .featured-meta{font: 11px 'Abel', sans-serif;letter-spacing:0.3px;position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:2;color:#fff;opacity:0}ul.featured-widget-list h5, ul.featured-widget-list .featured-meta {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}ul.featured-widget-list li:hover .featured-meta{bottom:20px;opacity:1}.feat-buttons{position:absolute;top:50%;left:0;z-index:5;width:100%}\u003Cbr \/\u003E\n.feat-buttons a{text-indent:-9999px;margin:0 7px;width:15px;height:15px;padding:5px;background:#000;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)\";filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;position:relative;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.feat-prev{float:left;}.feat-next{float:right;}.feat-buttons a.feat-prev::before, .feat-buttons a.feat-next::before{content:\"\";width:0;height:0;border-width:6px 7px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:50%;margin-top:-6px;margin-left:-11px;left:50%}\u003Cbr \/\u003E\n.feat-buttons a.feat-next::before{border-color:transparent transparent transparent #fff;margin-left:-3px}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div id=\"featuredbwidget\"\u0026gt;\u0026lt;\/div\u0026gt;\u003Cbr \/\u003E\n\u0026lt;link href='https:\/\/fonts.googleapis.com\/css?family=Abel' rel='stylesheet' type='text\/css'\/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.0\/jquery.min.js\" type=\"text\/javascript\"\u0026gt;\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\n\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E\nfeaturedbwidget({\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003ElistURL\u003C\/span\u003E:\"https:\/\/helplogger.blogspot.com\/\",\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003EfeaturedNum\u003C\/span\u003E:9,\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003ElistbyLabel\u003C\/span\u003E:false,\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003EfeathumbSize\u003C\/span\u003E:350,\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003Einterval\u003C\/span\u003E:3000,\u003Cbr \/\u003E\n\u003Cspan style=\"color: red;\"\u003Eautoplay\u003C\/span\u003E:true,\u003Cbr \/\u003E\nfeaturedID:\"#featuredbwidget\"\u003Cbr \/\u003E\n});\u003Cbr \/\u003E\nfunction featuredbwidget(a){(function(e){var h={listURL:\"\",featuredNum:3,featuredID:\"\",feathumbSize:300,interval:5000,autoplay:false,loadingFeatured:\"nextfeatured\",pBlank:\"https:\/\/3.bp.blogspot.com\/-EOu4Rrgcryo\/V0m8dV7MU1I\/AAAAAAAALlg\/4h5vQaHpQiMdkvtUdDbu0LtjJRvgPERYwCLcB\/s500\/no-image.png\",byMonth:[\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\"Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\"],listbyLabel:false};h=e.extend({},h,a);var g=e(h.featuredID);var d=h.featuredNum*200;g.html('\u0026lt;div class=\"featslider\"\u0026gt;\u0026lt;ul class=\"featured-widget-list\"\u0026gt;\u0026lt;\/ul\u0026gt;\u0026lt;div class=\"feat-buttons\"\u0026gt;\u0026lt;a href=\"#\" class=\"feat-prev\"\u0026gt;Prev\u0026lt;\/a\u0026gt;\u0026lt;a href=\"#\" class=\"feat-next\"\u0026gt;Next\u0026lt;\/a\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/div\u0026gt;');var f=function(w){var q,k,m,u,x,p,t,v,r,l=\"\",s=w.feed.entry;for(var o=0;o\u0026lt;s.length;o++){for(var n=0;n\u0026lt;s[o].link.length;n++){if(s[o].link[n].rel==\"alternate\"){q=s[o].link[n].href;break}}if(\"media$thumbnail\" in s[o]){u=s[o].media$thumbnail.url.replace(\/\\\/s[0-9]+\\-c\/g,\"\/s\"+h.feathumbSize+\"-c\")}else{u=h.pBlank.replace(\/\\\/s[0-9]+(\\-c|\\\/)\/,\"\/s\"+h.feathumbSize+\"$1\")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.byMonth[parseInt(p,10)-1];l+='\u0026lt;li\u0026gt;\u0026lt;a href=\"'+q+'\"\u0026gt;\u0026lt;div class=\"featuredbg\"\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;img class=\"featuredthumb\" src=\"'+u+'\"\/\u0026gt;\u0026lt;h5\u0026gt;'+k+'\u0026lt;\/h5\u0026gt;\u0026lt;\/a\u0026gt;\u0026lt;div class=\"featured-meta\"\u0026gt;\u0026lt;span class=\"fdate\"\u0026gt;\u0026lt;span class=\"fday\"\u0026gt;'+t+'\u0026lt;\/span\u0026gt; \u0026lt;span class=\"fmonth\"\u0026gt;'+v+'\u0026lt;\/span\u0026gt; \u0026lt;span class=\"fyear\"\u0026gt;'+x+'\u0026lt;\/span\u0026gt;\u0026lt;\/span\u0026gt; - \u0026lt;span class=\"fauthor\"\u0026gt;'+m+\"\u0026lt;\/span\u0026gt;\u0026lt;\/div\u0026gt;\u0026lt;\/li\u0026gt;\"}e(\"ul\",g).append(l).addClass(h.loadingFeatured)};var c=function(){e(h.featuredID+\" .feat-next\").click()};var b=function(){e.get((h.listURL===\"\"?window.location.protocol+\"\/\/\"+window.location.host:h.listURL)+\"\/feeds\/posts\/summary\"+(h.listbyLabel===false?\"\":\"\/-\/\"+h.listbyLabel)+\"?max-results=\"+h.featuredNum+\"\u0026amp;orderby=published\u0026amp;alt=json-in-script\",f,\"jsonp\");setTimeout(function(){e(h.featuredID+\" .feat-prev\").click(function(){e(h.featuredID+\" .featslider li:first\").before(e(h.featuredID+\" .featslider li:last\"));return false});e(h.featuredID+\" .feat-next\").click(function(){e(h.featuredID+\" .featslider li:last\").after(e(h.featuredID+\" .featslider li:first\"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.featuredID+\" .featslider li:first\").before(e(h.featuredID+\" .featslider li:last\"));e(h.featuredID+\" .featslider\").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e(\"ul\",g).removeClass(h.loadingFeatured)},d)};e(document).ready(b)})(jQuery)};\u003Cbr \/\u003E\n\/\/]]\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\n\u003Ch4\u003EAutomatic Featured Posts Slider Settings\u003C\/h4\u003E\n\u003Cul\u003E\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003ElistURL\u003C\/span\u003E - replace \"https:\/\/helplogger.blogspot.com\/\" with your blog URL\u003C\/li\u003E\n\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003EfeaturedNum\u003C\/span\u003E - add the number of posts to display in the slider\u003C\/li\u003E\n\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003ElistbyLabel\u003C\/span\u003E - if you want to display posts by category \/ label, such as the tag \u003Cb\u003Efashion\u003C\/b\u003E, it will be written as \u003Cb\u003ElistbyLabel: \"fashion\"\u003C\/b\u003E\u003C\/li\u003E\n\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003EfeathumbSize\u003C\/span\u003E - the size or dimension of the image in pixels\u003C\/li\u003E\n\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003Einterval\u003C\/span\u003E - time taken to change the slides position in milliseconds\u003C\/li\u003E\n\u003Cli\u003E\u003Cspan style=\"color: red;\"\u003Eautoplay\u003C\/span\u003E - replace \u003Cb\u003Etrue\u003C\/b\u003E with \u003Cb\u003Efalse\u003C\/b\u003E if you don't want the slides to change automatically.\u003C\/li\u003E\u003C\/ul\u003E\n3. Once you are done with the settings, click the 'Save' button.\u003Cbr \/\u003E\u003Cbr \/\u003E\nNow, this code is for a slider widget which means that instead of just a random list of Featured Posts, you get to display them with images (if they have one) and you can include effects too. You can also control how many slides should be shown because it just wouldn't be prudent to feature your entire oeuvre, right?\u003Cbr \/\u003E\u003Cbr \/\u003E\nPlus, being a slider widget, it adds a nice little visual to your site. And we all know how visuals are important in enticing people to stay, don't we?"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/1780330582935793345\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/05\/featured-posts-slider-widget-blogger.html#comment-form","title":"15 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1780330582935793345"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1780330582935793345"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/05\/featured-posts-slider-widget-blogger.html","title":"Automatic Featured Posts Slider Widget for Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-pDeiizrWG80\/V0skAGpdhMI\/AAAAAAAALns\/1_mD0w6iTM0HLD3HPU7lzHPtaRJX2ICkgCLcB\/s72-c\/featured-post-slider-for-blogger.png","height":"72","width":"72"},"thr$total":{"$t":"15"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-188312560872141799"},"published":{"$t":"2016-04-06T03:27:00.000-07:00"},"updated":{"$t":"2016-05-30T04:35:10.770-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger"}],"title":{"type":"text","$t":"Blogger.com turns on HTTPS on all blogspot domain blogs"},"content":{"type":"html","$t":"For many bloggers, enabling the free HTTPS support for your blog on blogspot offers a number of benefits. However, if the latest news from Blogger.com is true you may not need to manually enable the HTTPS support from now on. Every current non-HTTPS blogs are going to be automatically changed to HTTPS and this means a whole new world for bloggers and webmasters who use this particular domain.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFirst, this means that all blogs on blogspot will be granted a free SSL Certificate whether it is something that you want or not. Before, the webmaster was the one who decided whether the HTTPS was right for your site. Today, it has become mandatory which means that you will need to be prepared for the benefits and potential consequences.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"Blogger.com turns on HTTPS on blogspot blogs\" border=\"0\" height=\"248\" src=\"https:\/\/4.bp.blogspot.com\/-it-G1ANK-KU\/V0wko_Mb-6I\/AAAAAAAALoQ\/HtZnxJnSA5QIaiXUFgLFFlMo2uzex6QLQCLcB\/s320\/blogger-turns-on-https-on-blogspot-blogs-1.png\" title=\"Blogger.com turns on HTTPS on all blogspot domain blogs\" width=\"320\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nThe Blogger.com HTTPS Notification\u003C\/h3\u003E\nThe notification that was sent out by Blogger.com essentially stated that everyone who visits a blog on their domain would be able to view it through an encrypted connection. In addition, all bookmarks and links will still work on your site, but the HTTPS Availability setting will no longer be present and your blog will always use the HTTPS version that is available.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" height=\"60\" src=\"https:\/\/3.bp.blogspot.com\/-8JDA_L40UJw\/V0wXcrTQO-I\/AAAAAAAALoA\/EWmkYu-myEA73dW6tF69S4Wo2ZSk00n1wCLcB\/s640\/blogger-turns-on-https-on-blogspot-blogs.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThose who log into their Blogger account will see the message and can interpret for themselves the ramifications of what it truly means. It should be noted that this is only for domains on Blogger.com that are free and that the custom ones will continue to go on functioning as they have in the past. That means there will be no support provided by free SSL HTTPS to custom domains.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nWhile this will naturally cause some concern for webmasters because Blogger.com does have some limitations that are well known, the truth is that this particular change may bring about a better, more secured experience to those visiting the sites as well as have a positive impact on search engine optimization (SEO).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nWhat is HTTPS?\u003C\/h3\u003E\nThe use of \u003Cb\u003EHyper Text Transfer Protocol Secure\u003C\/b\u003E (HTTPS) is basically a secure version of HTTP. This means that the data which is transferred between the user and server is now encrypted and protected from access or hacking from unwanted third parties.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nHTTPS as a ranking signal\u003C\/h3\u003E\nPerhaps the most notable impact is how it will affect the \u003Ca href=\"https:\/\/helplogger.blogspot.com\/2015\/07\/7-seo-tips-for-bloggers.html\"\u003ESEO\u003C\/a\u003E of your site. With Google in particular placing a higher importance of HTTPS as compared to HTTP sites, the secured connection actually makes a positive impact thanks to the additional security. Better security means higher ratings for your blog.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIn addition, your blog might actually run a little better with a secured connection as compared to your competition, some of which might not enjoy such a connection.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSince all of your traffic will now be automatically diverted, there will not be a negative effect in terms of loss or lowering of your SEO. In fact, this is actually a good move for blogspot.com and is certainly a worthwhile addition to all of their blogs as the support offers solid benefits for every blogger who uses their domain. "},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/188312560872141799"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/188312560872141799"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2016\/04\/blogger-turns-on-https-on-all-blogspot-blogs.html","title":"Blogger.com turns on HTTPS on all blogspot domain blogs"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/4.bp.blogspot.com\/-it-G1ANK-KU\/V0wko_Mb-6I\/AAAAAAAALoQ\/HtZnxJnSA5QIaiXUFgLFFlMo2uzex6QLQCLcB\/s72-c\/blogger-turns-on-https-on-blogspot-blogs-1.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-3868521777255158443"},"published":{"$t":"2015-10-14T02:29:00.000-07:00"},"updated":{"$t":"2015-10-14T07:20:28.098-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"blogger"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"javascript"}],"title":{"type":"text","$t":"Stop Blogger from Redirecting Blogspot to Country Specific URLs"},"content":{"type":"html","$t":"Let's say you're from France and have set up - just for examples sake - a blog called frenchlitgeek.blogspot.com where you share your thoughts and insights on French literature. Now, with Google's \u003Cb\u003Ecountry specific redirection in Blogger\u003C\/b\u003E, you might be redirected to frenchlitgeek.blogspot.fr when you try to access your site. The thing is, you perfectly liked the .com and didn't sign up for the .fr but you find yourself being directed there. Sure, your blog works and all but you also wonder why.\u003Cbr \/\u003E\n\u003Cdiv class=\"ssmainhide\"\u003E\n\u003Cimg alt=\"blogger country specific redirection\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-W_cjbDyvIqI\/Vh4io9u9bsI\/AAAAAAAALic\/Cu_Yq1GZxdg\/s1600\/how-to-stop-blogger-country-specific-redirection-of-blogspot.png\" title=\"Stop Blogger from Redirecting Blogspot to Country Specific URLs\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EWhy Did Google Do This?\u003C\/h4\u003E\nGoogle has always supported the expression of views, and they stated as much on their \u003Ca href=\"https:\/\/googleblog.blogspot.com\/\" rel=\"nofollow\" target=\"_blank\"\u003Eofficial blog\u003C\/a\u003E. In the post \u003Ca href=\"https:\/\/googleblog.blogspot.com\/2007\/11\/free-expression-and-controversial.html\" rel=\"nofollow\" target=\"_blank\"\u003EFree expression and controversial content on the web\u003C\/a\u003E, which was published in 2007, it said \"Our world would be a very boring place if we all agreed all the time. So, while people may strongly disagree with what someone says, or think that a particular newspaper is total nonsense, we recognize that each of us have the right to an opinion.\"\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThe post continued, \"We also know that letting people express their views freely has real practical benefits. Allowing individuals to voice unpopular, inconvenient or controversial opinions is important. Not only might they be right (think Galileo) but debating difficult issues in the open often helps people come to better decisions\".\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"blogspot country redirection\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-XPhiFco0xcU\/Vh1crfo5KOI\/AAAAAAAALiA\/t9KXlM9NvaM\/s1600\/country-specific-redirection-blogger-blogspot.png\" title=\"Blogger country-specific redirection\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nWhile the company is clearly on the side of people freely expressing their opinions, they also believe that a line has to be drawn somewhere. Then again, for a company providing services in over 100 countries around the world and each with their own national laws and cultural norms, it's surely difficult for a company like Google to decide where to draw boundaries.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nHowever, there are cases like child pornography which is illegal in just about any country where decisions are clear cut.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFor a company whose products are \"specifically designed to help people create and communicate, to find and share information and opinions across the world\", how does Google deal with this challenge?\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nOne of the most challenging areas where Google deals with issues regarding free expression is in Blogger, their content generation platform. Since Google can't check what you've written before you publish, they rely on active vocal users who are diligent in alerting the proper if a post borders on offensive. Then again, that in itself is a tricky issue as well because what one person may view as offensive, another might not.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIn other words, it's always a work in progress with Google.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFast forward to January 9, 2012 when Google announced it was making changes to the Blogger platform with regards to censorship. That said change would make use of a \u003Cb\u003Ecountry specific domain\u003C\/b\u003E to the Blogger platform. Doing this would allow Google to censor and remove content specific to a certain country.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIn their announcement, Google said: \"Migrating to localized domains will allow us to continue promoting free expression and responsible publishing while providing greater flexibility in complying with valid removal requests pursuant to local law. By utilizing ccTLDs, content removals can be managed on a per country basis, which will limit their impact to the smallest number of readers.\"\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThe move by Google come after pressure from countries like India that are working on hunting down content on social media sites which are considered inappropriate. Also, the move followed closely on the heels of Twitter's new censorship policies.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSince Google aims to \"help people create and communicate, to find and share information and opinions across the world\", it would be strange to take down a post that was just banned in a certain area. In essence, with \u003Cb\u003Ecountry specific redirection\u003C\/b\u003E, a piece of content can still be accessible by the world save for the country where it was blocked.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003EHow Would Country Specific Redirection Affect Your Site?\u003C\/h3\u003E\nOf course, not all site owners greeted the country specific URL change with open arms. A few of the issues brought up in regard to the change include:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. \u003Cu\u003E\u003Cb\u003EA reduction in social stats\u003C\/b\u003E\u003C\/u\u003E. These are your Facebook Likes, Google +1s and so on from your blog posts. They might be reduced because the URLs from one blog post will be different depending on where your readers are from.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. \u003Cu\u003E\u003Cb\u003EA problem with external commenting platforms\u003C\/b\u003E\u003C\/u\u003E. If you use Disqus - for example - for your comments section, then you might run into trouble because blog URLs will be different even if essentially the page being accessed is just the same.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n3. \u003Cu\u003E\u003Cb\u003EA slight problem with AdSense earnings\u003C\/b\u003E\u003C\/u\u003E. Some users have complained about seeing a dip in their earnings when their pages are served through country specific domains.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n4. \u003Cu\u003E\u003Cb\u003EAn issue with link juice\u003C\/b\u003E\u003C\/u\u003E. You want external sites to link to you and not your country specific URL. But the issue here is that you can't control how others link to your page. They might use the top level domain or they might use the country code top-level domain.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003EStop Blogger from Redirecting to Country-Specific Domains\u003C\/h2\u003E\nIf \u003Cb\u003Ecountry specific redirection\u003C\/b\u003E affects important factors such as traffic and link juice, and you need those in order to rank well, what can you possibly do? Well, thankfully, Google has provided a way to get around this. All you have to do is \u003Ca href=\"https:\/\/support.google.com\/blogger\/answer\/2402711?hl=en\" rel=\"nofollow\" target=\"_blank\"\u003Eadd an ncr\/ to the end of the URL\u003C\/a\u003E - ncr here stands for No Country Redirect. So basically, it goes frenchlitgeek.blogspot.com\/ncr\/.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThat solution is great but do you want your users to always have to do that every time they visit your blog? To eliminate that hassle, and for the good of your site statistics, a simple redirection script will do the trick. Here's how:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n1. Log in to your \u003Ca href=\"http:\/\/blogger.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EBlogger account\u003C\/a\u003E.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n2. Click on Template → Edit HTML.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n3. Find the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;head\u0026gt;\u003C\/span\u003E tag in the HTML editor by opening the search box using Ctrl + F.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"blogger country redirection\" border=\"0\" src=\"http:\/\/1.bp.blogspot.com\/-J7zVItrq6MQ\/Vh0pPg9x_qI\/AAAAAAAALhw\/wgW4oOUftDw\/s1600\/search-box-blogger-template-html-editor.png\" title=\"Stop Blogger Country Redirection on Blogspot\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n4. Copy the redirection code seen below after the \u0026lt;head\u0026gt; tag.\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;script type=\"text\/javascript\"\u0026gt;\u003Cbr \/\u003E\nvar blog = document.location.href.toLowerCase();\u003Cbr \/\u003E\nif (!blog.match(\/\\.blogspot\\.com\/)) {\u003Cbr \/\u003E\nblog = blog.replace(\/\\.blogspot\\..*?\\\/\/, \".blogspot.com\/ncr\/\");\u003Cbr \/\u003E\nwindow.location.replace(blog);\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n5. Click on \"Save Template\".\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nCredit: \u003Ca href=\"http:\/\/www.labnol.org\/internet\/prevent-blogger-country-redirection\/21031\/\" rel=\"nofollow\" target=\"_blank\"\u003Elabnol.com\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAnd that's it! Whenever someone accesses your Blogger, they'll be taken to the top level domain rather than the country specific one. "},"link":[{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3868521777255158443"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3868521777255158443"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/10\/stop-blogger-redirecting-blogspot-country.html","title":"Stop Blogger from Redirecting Blogspot to Country Specific URLs"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/1.bp.blogspot.com\/-W_cjbDyvIqI\/Vh4io9u9bsI\/AAAAAAAALic\/Cu_Yq1GZxdg\/s72-c\/how-to-stop-blogger-country-specific-redirection-of-blogspot.png","height":"72","width":"72"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-6453536199934406886"},"published":{"$t":"2015-10-10T11:01:00.000-07:00"},"updated":{"$t":"2016-11-08T06:48:12.598-08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"adsense"},{"scheme":"http://www.blogger.com/atom/ns#","term":"make money online"}],"title":{"type":"text","$t":"Insert Adsense Inside Posts: After the First Paragraph"},"content":{"type":"html","$t":"Want to know which part of your site or blog will bring you more profit? Add AdSense inside posts and then check out the famous Google AdSense heat map. Recent studies, however, showed that placing AdSense after the first paragraph of a site or blog is one of the best AdSense placement. Unfortunately, the default Blogger platform offered by Google doesn't allow placement of ad after the first paragraph. But because it has become one of the most profitable areas, plenty of webmasters have tried to take advantage of the best AdSense placement. How can you enjoy the same level of profit?\u003Cbr \/\u003E\u003Cbr \/\u003E\nTo solve the problem, we will just move the locations of the ads to be displayed by adding JavaScript and DIVs. With the following script, you can easily choose the paragraph or heading after which you want to inject the ad to. This way, you won't have to \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/01\/adsense-ads-in-the-middle-of-blogger-posts.html\"\u003Emanually change every post\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"adsense inside posts, adsense placement\" border=\"0\" height=\"297\" src=\"https:\/\/1.bp.blogspot.com\/-OjruYjK1v_E\/VhlbOWjM3LI\/AAAAAAAALhg\/rmLRWVe59v4\/s1600\/blogger-adsense-after-first-paragraph-left-wrap-text.png\" title=\"Adsense inside posts: after first paragraph\" width=\"320\" \/\u003E\u003C\/div\u003E\n\u003Ch2\u003EHow to Display AdSense Ads after the First Paragraph in Blogger\u003C\/h2\u003E\n1. Log into your Blogger account, select your blog and click \"Template\" on the left side. Open the Template editor using the \"Edit HTML\" button.\u003Cbr \/\u003E\u003Cbr \/\u003E\n2. Once the editor has opened, click anywhere inside the code area and press the CTRL + F keys (or Command + F) on your keyboard to open the editor' search box. Search the following line (press Enter to find it): \u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;data:post.body\/\u0026gt;\u003C\/blockquote\u003E\nNote: You will find multiple occurrences of \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;data:post.body\/\u0026gt;\u003C\/span\u003E but you need to stop at the second one, or if you don't see any changes, test the last one.\u003Cbr \/\u003E\u003Cbr \/\u003E\n3. Add the below DIVs in red before and after like this:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u003Cspan style=\"color: #cc0000;\"\u003E\u0026lt;div id='adsense-target'\u0026gt;\u003C\/span\u003E\u0026lt;data:post.body\/\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E\u003C\/blockquote\u003E\n4. Copy the AdSense code that you want to show and use \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/03\/adsense-ad-code-converter.html\"\u003Ethis tool\u003C\/a\u003E to convert it into plain text. After conversion, add the following HTML and replace the \"ADSENSE CODE HERE\" text with the converted ad code just above the line that we just found:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;b:if cond='data:blog.pageType == \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003Cbr \/\u003E\n\u003Cu\u003E\u0026lt;div id='adsense-content' style=\"display:block;text-align: center\"\u0026gt;\u003C\/u\u003EADSENSE CODE HERE\u0026lt;\/div\u0026gt;\u0026lt;\/b:if\u0026gt;\u003C\/blockquote\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-Fi4ov6zGp_E\/Vhkj9FECkHI\/AAAAAAAALgU\/bzbHh2qfWwI\/s1600\/inject-adsense-inside-posts-after-first-paragraph.png\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Ch4\u003E\u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/03\/wrap-text-around-adsense-block-in-left.html\"\u003EAlign AdSense Left or Right\u003C\/a\u003E\u003C\/h4\u003E\nBy default, the Google AdSense ad unit will appear in the middle just after the first paragraph. If you are unhappy with the results and want to wrap text around the ad, you can choose one of the options below:\u003Cbr \/\u003E\u003Cbr \/\u003E\na) Align AdSense on the left - change \u003Cu\u003E\u0026lt;div id='adsense-content' style=\"display:block;text-align: center\"\u0026gt;\u003C\/u\u003E with:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;div id='adsense-content' style=\"display: inline-block;float: left;margin:15px 15px 15px 0px\"\u0026gt;\u003C\/blockquote\u003E\nAfter modifying it, the ad will display something like this:\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"adsense inside posts, adsense placement\" border=\"0\" height=\"297\" src=\"https:\/\/1.bp.blogspot.com\/-OjruYjK1v_E\/VhlbOWjM3LI\/AAAAAAAALhg\/rmLRWVe59v4\/s1600\/blogger-adsense-after-first-paragraph-left-wrap-text.png\" title=\"AdSense after first paragraph\" width=\"320\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nb) Align AdSense ad on the right of the content - change \u003Cu\u003E\u0026lt;div id='adsense-content' style=\"display:block;text-align: center\"\u0026gt;\u003C\/u\u003E with:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;div id='adsense-content' style=\"display:inline-block;float:right;margin:15px 0px 15px 15px\"\u0026gt;\u003C\/blockquote\u003E\n5. Finally, right after \u003Cspan style=\"color: #cc0000;\"\u003E\u0026lt;div id='adsense-target'\u0026gt;\u003C\/span\u003E\u0026lt;data:post.body\/\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003E\u0026lt;\/div\u0026gt;\u003C\/span\u003E from step 2, add this script:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\nfunction insertAfter(addition,target) {\u003Cbr \/\u003E\nvar parent = target.parentNode;\u003Cbr \/\u003E\nif (parent.lastChild == target) {\u003Cbr \/\u003E\nparent.appendChild(addition);  \u003Cbr \/\u003E\n} else {\u003Cbr \/\u003E\nparent.insertBefore(addition,target.nextSibling);\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\nvar adscont = document.getElementById(\u0026amp;quot;adsense-content\u0026amp;quot;);\u003Cbr \/\u003E\nvar target = document.getElementById(\u0026amp;quot;adsense-target\u0026amp;quot;);\u003Cbr \/\u003E\nvar linebreak = target.getElementsByTagName(\u003Cspan style=\"color: blue;\"\u003E\u0026amp;quot;br\u0026amp;quot;\u003C\/span\u003E);\u003Cbr \/\u003E\nif (linebreak.length \u0026amp;gt; 0){\u003Cbr \/\u003E\ninsertAfter(\u003Cspan style=\"color: #cc0000;\"\u003Eadscont,linebreak[0]\u003C\/span\u003E);\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\nNote:\u003Cbr \/\u003E\n- To insert the ad after the second paragraph, change \"0\" from the line in red with \"2\".\u003Cbr \/\u003E\n- If you want to put AdSense just below the heading h2 or heading h3 of a post, replace \u003Cb\u003Ebr\u003C\/b\u003E from \u003Cspan style=\"color: blue;\"\u003E\u0026amp;quot;br\u0026amp;quot;\u003C\/span\u003E with \u003Cb\u003Eh2\u003C\/b\u003E or \u003Cb\u003Eh3\u003C\/b\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\n6. Click \"Save template\" to save the changes and you're done.\u003Cbr \/\u003E\u003Cbr \/\u003E\nWith this trick, you can insert AdSense after the first paragraph automatically in Blogger with ease. Now it's your turn to decide which format works best on your site."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/6453536199934406886\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/10\/adsense-inside-posts-first-paragraph.html#comment-form","title":"12 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/6453536199934406886"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/6453536199934406886"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/10\/adsense-inside-posts-first-paragraph.html","title":"Insert Adsense Inside Posts: After the First Paragraph"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-OjruYjK1v_E\/VhlbOWjM3LI\/AAAAAAAALhg\/rmLRWVe59v4\/s72-c\/blogger-adsense-after-first-paragraph-left-wrap-text.png","height":"72","width":"72"},"thr$total":{"$t":"12"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-5523599199751671360"},"published":{"$t":"2015-10-07T08:46:00.000-07:00"},"updated":{"$t":"2020-04-17T09:54:21.556-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blog Design"},{"scheme":"http://www.blogger.com/atom/ns#","term":"font awesome"},{"scheme":"http://www.blogger.com/atom/ns#","term":"social media"}],"title":{"type":"text","$t":"How to Add Font Awesome Social Icons in Blogger"},"content":{"type":"html","$t":"It's near impossible to find a blog or site these days without at least one social media account to their name. Be it Twitter or Facebook, \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/09\/how-to-add-instagram-widget-in-blogger.html\"\u003EInstagram\u003C\/a\u003E or \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/08\/pinterest-pin-it-mouseover-button-for-blogger-images.html\"\u003EPinterest\u003C\/a\u003E, or all of those for that matter, what's become increasingly clear is that social media helps increase your online presence.\u003Cbr \/\u003E\u003Cbr \/\u003E\nGone are the days when you used to rely on good old search engine results alone. These days, maybe you don't rank well in results for your keyword on Google or any other search engine, but you can launch a social media campaign that can hopefully give you the results that you want.\u003Cbr \/\u003E\u003Cbr \/\u003E\nEssentially, your site and social media need to co-exist. One cannot live without the other, if you want another way of putting it. Social media is one of the best drivers of traffic on the internet, and if you want to increase your chances of being seen, then you have got to get an account on one or more platforms as long as it fits with your brand's identity.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"font awesome social icons\" src=\"https:\/\/3.bp.blogspot.com\/-3tqcD9nQKlQ\/XpndiIM4iPI\/AAAAAAAAMQU\/TdgSyOO0qfwmxb-Qxjq1jZFjXeyHpc1hQCLcBGAsYHQ\/s1600\/font-awesome-blogger-social-icons.jpg\" title=\"How to Add Font Awesome Social Icons in Blogger\"\/\u003E\u003C\/div\u003E\n\u003Ch3\u003ESpreading Awareness of Your Social Media Presence\u003C\/h3\u003E\nOnce you've set up your social media accounts, you don't just leave it there to be discovered. Sure, you can \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2015\/07\/best-hashtag-instagram-widget.html\"\u003Emake use of hashtags\u003C\/a\u003E and communicate with industry leaders, but that's not enough to bring awareness to your customers. To let them know you have a presence on Facebook, Twitter, Instagram, Vine or Pinterest, you have to make use of the real estate on your website.\u003Cbr \/\u003E\u003Cbr \/\u003E\nHow exactly do you do that, you ask? Well, by means of social icons.\u003Cbr \/\u003E\u003Cbr \/\u003E\nSocial icons are those little images you see that represent a symbol associated with a particular social network. For example, social icons for Twitter usually feature a blue bird. If not that, then a lowercase letter T.\u003Cbr \/\u003E\u003Cbr \/\u003E\nThe presence of these images remind your viewers that they have other ways of being up to date with whatever you put out. Social media use is pretty high these days thanks to the immediacy of the medium as well as the fun factor. And more likely than not, your audience would want to know whether you're on any social network.\u003Cbr \/\u003E\u003Cbr \/\u003E\nIf you're on the Blogger platform, you can add these social media representations through \u003Cb\u003EFont Awesome social icons\u003C\/b\u003E.\u003Cbr \/\u003E\n\u003Ch2\u003EWhat is Font Awesome?\u003C\/h2\u003E\nFont Awesome \"gives you scalable vector icons that can instantly be customized - size, color, drop shadow, and anything that can be done with the power of CSS\". In essence, it functions as a toolkit where you get access to more than 500 icons for use on your site - free of charge.\u003Cbr \/\u003E\u003Cbr \/\u003E\nNow, if you've used social media icons before, you know that there are non-vector varieties. But those offered by Font Awesome are scalable vector icons, and in the long run, they are the better option for your site.\u003Cbr \/\u003E\u003Cbr \/\u003E\nWhy is that the case?\u003Cbr \/\u003E\u003Cbr \/\u003E\nWell, a very good reason would be that \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/07\/blogger-seo-image-optimization.html\"\u003Eimages take time to load\u003C\/a\u003E. Yes, these images are tiny but the point still stands. Plus, images tend to lose their quality as computer resolution increases. In other words, if you want your icons to load faster and have a nice, crisp and clean look, then you're better off with using the collection of Font Awesome. Also, the chance to customize your icons accordingly is definitely an attractive factor too.\u003Cbr \/\u003E\n\u003Ch2\u003EWhy you should start using Font Awesome?\u003C\/h2\u003E\nOf the many providers out there, why stick with Font Awesome?\u003Cbr \/\u003E\n\u003Cul\u003E\u003Cli\u003E\u003Cb\u003ELarge collection of icons\u003C\/b\u003E. You'll not only find social media icons here, but other traditional icons as well. \u003C\/li\u003E\u003Cli\u003E\u003Cb\u003ECSS support\u003C\/b\u003E. With CSS, you can adjust the icons according to what suits your site best. You can tinker with the colors, size, shadows and other components. This is something sorely lacking with non-vector images because you're stuck with the icon you chose.\u003C\/li\u003E\u003Cli\u003E\u003Cb\u003ESpeed\u003C\/b\u003E. Vector images are lightweight and therefore load faster.\u003C\/li\u003E\u003Cli\u003E\u003Cb\u003EFree\u003C\/b\u003E. You don't have to pay a single thing when you use Font Awesome.\u003C\/li\u003E\u003C\/ul\u003E\nSo now you know the importance of icons on your site, it's time to learn \u003Cb\u003Ehow to add Font Awesome icons in Blogger\u003C\/b\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch2\u003EAdding Font Awesome Social Icons in Blogger\u003C\/h2\u003E\nThe adding of icons to your Blogger isn't rocket science. In fact, the process is pretty straightforward.\u003Cbr \/\u003E\u003Cbr \/\u003E\nHere's what you have to do:\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EAdd Font Awesome Stylesheet into Blogger\u003C\/h3\u003E\nFollow the steps below to get Font Awesome working with your blog:\u003Cbr \/\u003E\n\u003Col\u003E\u003Cli\u003ELog into your Blogger dashboard, then go to \u003Cb\u003ETheme\u003C\/b\u003E and press the \u003Cb\u003EEdit HTML\u003C\/b\u003E button.\u003C\/li\u003E\n\u003Cli\u003EClick anywhere inside the code area and press CTRL + F keys to open the search box.\u003C\/li\u003E\n\u003Cli\u003EType the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;head\u0026gt;\u003C\/span\u003E tag inside the search box and press Enter to find it.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"font awesome stylesheet\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-oKddzaVAI4U\/VhVitVj7urI\/AAAAAAAALf0\/xhWO08QVMYc\/s1600\/add-font-awesome-stylesheet-to-blogger.png\" title=\"How to Add Font Awesome Stylesheet to Blogger\" \/\u003E\u003C\/div\u003E\u003C\/li\u003E\n\u003Cli\u003EAdd the following line of code referencing the location of the font-awesome.min.css stylesheet just below the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;head\u0026gt;\u003C\/span\u003E tag:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.7.0\/css\/font-awesome.min.css\" \/\u0026gt;\u003C\/blockquote\u003E\u003C\/li\u003E\n\u003Cli\u003EClick the 'Save theme' button to save the changes and start playing with Font Awesome!\u003C\/li\u003E\u003C\/ol\u003E\n\u003Ch3\u003EUsing the Font Awesome Icons\u003C\/h3\u003E\nAfter you get the steps in the previous section done, you're now ready to use Font Awesome in your blog. The first thing you need to do is add the social icons links to the HTML and delete the icons that you don't need anymore.\n\u003Cbr \/\u003E\u003Cbr \/\u003E\nThis is a sample HTML  that you can add:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;div id=\"fawesomeicons\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Facebook\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u003Cb\u003E\u0026lt;i class=\"fa fa-facebook\"\u0026gt;\u0026lt;\/i\u0026gt;\u003C\/b\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Google Plus\" \ntarget=\"_blank\" rel=\"nofollow\"\u0026gt;\u003Cb\u003E\u0026lt;i class=\"fa fa-google-plus\"\u0026gt;\u0026lt;\/i\u0026gt;\u003C\/b\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Twitter\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u003Cb\u003E\u0026lt;i class=\"fa fa-twitter\"\u0026gt;\u0026lt;\/i\u0026gt;\u003C\/b\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Pinterest\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u003Cb\u003E\u0026lt;i class=\"fa fa-pinterest\"\u0026gt;\u0026lt;\/i\u0026gt;\u003C\/b\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Instagram\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u003Cb\u003E\u0026lt;i class=\"fa fa-instagram\"\u0026gt;\u0026lt;\/i\u0026gt;\u003C\/b\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Bloglovin\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u003Cb\u003E\u0026lt;i class=\"fa fa-heart\"\u0026gt;\u0026lt;\/i\u0026gt;\u003C\/b\u003E\u0026lt;\/a\u0026gt; \u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Tumblr\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u003Cb\u003E\u0026lt;i class=\"fa fa-tumblr\"\u0026gt;\u0026lt;\/i\u0026gt;\u003C\/b\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"RSS\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u003Cb\u003E\u0026lt;i class=\"fa fa-rss\"\u0026gt;\u0026lt;\/i\u0026gt;\u003C\/b\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\nIn the above HTML code, we can see 8 separate social icons which can be recognized by looking at the link title attribute. For example, the first one is for Facebook.\u003Cbr \/\u003E\u003Cbr \/\u003E\nTo use the social icons, paste your URL where it says \u003Cb\u003EURL-HERE\u003C\/b\u003E for each social icon you want to include. Put the link between the quotes and make sure to not remove any of the quotation marks.\u003Cbr \/\u003E\u003Cbr \/\u003E\nIf you want to remove a social icon, just delete that line of code starting with \"\u0026lt;a href\" and ending with \"\u0026lt;\/a\u0026gt;\".\u003Cbr \/\u003E\u003Cbr \/\u003E\nNow, keep in mind that Font Awesome works anywhere with the \u003Cb\u003E\u0026lt;i\u0026gt;\u003C\/b\u003E tag as it was designed to work with inline elements. Although you can use \u0026lt;span\u0026gt;, official documentation prefers the \u003Cb\u003E\u0026lt;i\u0026gt;\u003C\/b\u003E option for brevity.\u003Cbr \/\u003E\u003Cbr \/\u003E\nFont Awesome icons can be placed anywhere using the CSS prefix \u003Cb\u003Efa\u003C\/b\u003E together with the name of the icon. For a \u003Ca href=\"http:\/\/fontawesome.io\/icons\/\" rel=\"nofollow\" target=\"_blank\"\u003Elist of social media icon names\u003C\/a\u003E, you can refer to the official website of Font Awesome.\u003Cbr \/\u003E\u003Cbr \/\u003E\nLet's say that you want to display a Youtube icon so you can link it to your official account on the platform. Find the Youtube icon on the list and click on it:\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"font awesome icon\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-0H-TTPKPDn0\/VhUPwj2Q_iI\/AAAAAAAALdU\/6e3S2N1V3fU\/s1600\/youtube-font-awesome-icon.png\" title=\"How to Add Font Awesome Social Icons\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nThat will bring you to a page for Youtube where you will see this code:\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"font awesome social icons\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-AZB690mHac8\/VhVey-W5LpI\/AAAAAAAALfo\/upOnl9eVygE\/s1600\/font-awesome-icon-youtube.png\" title=\"Add Font Awesome Youtube Icon\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nTo include the icon within the list, copy any line starting with \"\u0026lt;a href\" and ending with \"\u0026lt;\/a\u0026gt; from the code above, paste where you want it to appear and replace the code starting with \"\u0026lt;i class=\"fa \" and ending with \"\u0026lt;\/i\u0026gt;\" with that of your chosen icon.\u003Cbr \/\u003E\u003Cbr \/\u003E\nFinally, after adding the icon, the list will look like this: \u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;div id=\"fawesomeicons\"\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Facebook\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u0026lt;i class=\"fa fa-facebook\"\u0026gt;\u0026lt;\/i\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Google Plus\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u0026lt;i class=\"fa fa-google-plus\"\u0026gt;\u0026lt;\/i\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Twitter\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u0026lt;i class=\"fa fa-twitter\"\u0026gt;\u0026lt;\/i\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Pinterest\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u0026lt;i class=\"fa fa-pinterest\"\u0026gt;\u0026lt;\/i\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Instagram\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u0026lt;i class=\"fa fa-instagram\"\u0026gt;\u0026lt;\/i\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Bloglovin\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u0026lt;i class=\"fa fa-heart\"\u0026gt;\u0026lt;\/i\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"Tumblr\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u0026lt;i class=\"fa fa-tumblr\"\u0026gt;\u0026lt;\/i\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;a href=\"URL-HERE\" title=\"RSS\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u0026lt;i class=\"fa fa-rss\"\u0026gt;\u0026lt;\/i\u0026gt;\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u003Cb\u003E\u0026lt;a href=\"URL-HERE\" title=\"Youtube\" target=\"_blank\" rel=\"nofollow\"\u0026gt;\u0026lt;i class=\"fa fa-youtube\"\u0026gt;\u0026lt;\/i\u0026gt;\u0026lt;\/a\u0026gt;\u003C\/b\u003E\u003Cbr \/\u003E\n\u0026lt;\/div\u0026gt;\u003C\/blockquote\u003E\nNote: don't forget to change the title and add your URL between the quotes.\u003Cbr \/\u003E\u003Cbr \/\u003E\nOnce you've finished editing the icons, insert the code into a HTML\/Javascript gadget by going to \"Layout\" and click on the \"Add a gadget\" link. If you're using WordPress, paste it in a Text widget.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003ECustomize the Font Awesome Icons Using CSS\u003C\/h3\u003E\nSuppose you want to make the icons a lot bigger than they currently are. That task is made simple with the use of CSS. Here's a sample code:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n#fawesomeicons a {\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp; \u0026nbsp;font-size: 16px;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp; \u0026nbsp;width: 30px;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp; \u0026nbsp;height: 30px;\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp; \u0026nbsp;line-height: 30px;\u003Cbr \/\u003E\n}\u003C\/blockquote\u003E\nTo change the font size, increase or decrease the 16px value. Below are the values (30px) for the container's width and height which should always match. Increasing\/decreasing these values, will increase\/decrease the size of the container where is the font.\u003Cbr \/\u003E\u003Cbr \/\u003E\nHere are some different styles for the font awesome social icons. In the CSS, look for the \u003Cb\u003E#background-color\u003C\/b\u003E, \u003Cb\u003E#border-color\u003C\/b\u003E, \u003Cb\u003E#font-color\u003C\/b\u003E and \u003Cb\u003E#hover-color\u003C\/b\u003E text so that you can know here to put the color codes. You can use this tool to generate the color code: \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2012\/02\/color-code-generator.html\"\u003EColor Code Generator\u003C\/a\u003E. And if you're not familiar with CSS, please see \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/03\/how-to-add-css-to-blogger-via-template-designer.html\"\u003Ethis tutorial\u003C\/a\u003E.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"font awesome social icons\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-lES1EaFrLG0\/VhUlQDIveJI\/AAAAAAAALec\/nWMTjoPaUV8\/s1600\/font-awesome-social-icons-square.png\" title=\"Font Awesome Social Icons for Blogger 1\" \/\u003E\u003C\/div\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n#fawesomeicons {\u003Cbr \/\u003E\ntext-align: center;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a {\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#background-color\u003C\/b\u003E;\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\ndisplay: inline-block;\u003Cbr \/\u003E\nfont-size: 16px;\u003Cbr \/\u003E\nwidth: 30px;\u003Cbr \/\u003E\nheight: 30px;\u003Cbr \/\u003E\nline-height: 30px;\u003Cbr \/\u003E\nmargin: 0 1px 6px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a:hover{\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#hover-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"font awesome social icons\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-Gc9JdGwCoio\/VhUmL5zpTTI\/AAAAAAAALeo\/W10syAOp_gk\/s1600\/font-awesome-social-icons-rounded-icons.png\" title=\"Font Awesome Social Icons for Blogger 2\" \/\u003E\u003C\/div\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n#fawesomeicons {\u003Cbr \/\u003E\ntext-align: center;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a {\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#background-color\u003C\/b\u003E;\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\ndisplay: inline-block;\u003Cbr \/\u003E\nfont-size: 16px;\u003Cbr \/\u003E\nwidth: 30px;\u003Cbr \/\u003E\nheight: 30px;\u003Cbr \/\u003E\nline-height: 30px;\u003Cbr \/\u003E\nmargin: 0 1px 6px;\u003Cbr \/\u003E\n-webkit-border-radius: 100%;\u003Cbr \/\u003E\n-moz-border-radius: 100%;\u003Cbr \/\u003E\nborder-radius: 100%;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a:hover{\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#hover-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"font awesome social icons\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-mbd1NVPasl0\/VhUky1Ps4KI\/AAAAAAAALeU\/R1V8Um5MHT8\/s1600\/font-awesome-social-icons-square-border.png\" title=\"Font Awesome Social Icons for Blogger 3\" \/\u003E\u003C\/div\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n#fawesomeicons {\u003Cbr \/\u003E\ntext-align: center;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a {\u003Cbr \/\u003E\nborder: 1px solid \u003Cb\u003E#border-color\u003C\/b\u003E;\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\ndisplay: inline-block;\u003Cbr \/\u003E\nfont-size: 16px;\u003Cbr \/\u003E\nwidth: 30px;\u003Cbr \/\u003E\nheight: 30px;\u003Cbr \/\u003E\nline-height: 30px;\u003Cbr \/\u003E\nmargin: 0 1px 6px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a:hover{\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#hover-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"font awesome social icons\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-aDqKXc6bsFQ\/VhUkdkfwANI\/AAAAAAAALeM\/KhnGCsPa6Tw\/s1600\/font-awesome-social-icons-rounded-border.png\" title=\"Font Awesome Social Icons for Blogger 4\" \/\u003E\u003C\/div\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n#fawesomeicons {\u003Cbr \/\u003E\ntext-align: center;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a {\u003Cbr \/\u003E\nborder: 1px solid \u003Cb\u003E#border-color\u003C\/b\u003E;\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\ndisplay: inline-block;\u003Cbr \/\u003E\nfont-size: 16px;\u003Cbr \/\u003E\nwidth: 30px;\u003Cbr \/\u003E\nheight: 30px;\u003Cbr \/\u003E\nline-height: 30px;\u003Cbr \/\u003E\nmargin: 0 1px 6px;\u003Cbr \/\u003E\n-webkit-border-radius: 100%;\u003Cbr \/\u003E\n-moz-border-radius: 100%;\u003Cbr \/\u003E\nborder-radius: 100%;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a:hover{\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#hover-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"font awesome social icons\" border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-vMXgiF1sucw\/VhUkFTzQciI\/AAAAAAAALeE\/fMJD-3NQ-5c\/s1600\/font-awesome-social-icons-font-color.png\" title=\"Font Awesome Social Icons for Blogger 5\" \/\u003E\u003C\/div\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n#fawesomeicons {\u003Cbr \/\u003E\ntext-align: center;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a {\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\ndisplay: inline-block;\u003Cbr \/\u003E\nfont-size: 23px;\u003Cbr \/\u003E\nmargin: 0 6px 6px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a:hover{\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#hover-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\nNow, what if we want to change the background or font color of a specific icon? First, we need to identify the icon class which is just after the \u0026lt;i class=\"fa ...\" and add it like this:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n#fawesomeicons\u003Cb\u003E a .\u003Cspan style=\"color: red;\"\u003Efa-facebook\u003C\/span\u003E\u003C\/b\u003E {\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#background-color\u003C\/b\u003E;\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003C\/blockquote\u003E\nHere, we can change the background and color for the Facebook icon but we can do it for any icon you want. For example, let's add another rule for the twitter icon:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n#fawesomeicons\u003Cb\u003E a .\u003Cspan style=\"color: red;\"\u003Efa-facebook\u003C\/span\u003E\u003C\/b\u003E {\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#background-color\u003C\/b\u003E;\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u0026nbsp;#fawesomeicons a .\u003Cspan style=\"color: #e06666;\"\u003E\u003Cb\u003Efa-twitter\u003C\/b\u003E\u003C\/span\u003E {\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#background-color\u003C\/b\u003E;\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003C\/blockquote\u003E\nTo make the fonts bigger, we can add the CSS code like this:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n#fawesomeicons {\u003Cbr \/\u003E\ntext-align: center;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons a .fa{\u003Cbr \/\u003E\ndisplay: inline-block;\u003Cbr \/\u003E\nfont-size: 16px;\u003Cbr \/\u003E\nwidth: 30px;\u003Cbr \/\u003E\nheight: 30px;\u003Cbr \/\u003E\nline-height: 30px;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n#fawesomeicons\u003Cb\u003E a .\u003Cspan style=\"color: red;\"\u003Efa-facebook\u003C\/span\u003E\u003C\/b\u003E {\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#background-color\u003C\/b\u003E;\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003Cbr \/\u003E\n\u0026nbsp;#fawesomeicons a .\u003Cspan style=\"color: #e06666;\"\u003E\u003Cb\u003Efa-twitter\u003C\/b\u003E\u003C\/span\u003E {\u003Cbr \/\u003E\nbackground: \u003Cb\u003E#background-color\u003C\/b\u003E;\u003Cbr \/\u003E\ncolor: \u003Cb\u003E#font-color\u003C\/b\u003E;\u003Cbr \/\u003E\n}\u003C\/blockquote\u003E\nTo apply, copy the code above and add the CSS rule with the icon class that you wish to change.\u003Cbr \/\u003E\u003Cbr \/\u003E\nImportant: When adding the class for your icon, always put a dot (.) in front of it as you can see in the example above, otherwise it won't work.\u003Cbr \/\u003E\u003Cbr \/\u003E\nAnd that's it! Hopefully, this tutorial helped you to add Font Awesome social icons in Blogger. If you're still in trouble adding them, please take a look at \u003Ca href=\"http:\/\/fontawesome.io\/examples\/\" rel=\"nofollow\" target=\"_blank\"\u003EExamples page\u003C\/a\u003E."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/5523599199751671360\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/10\/how-to-add-font-awesome-social-icons.html#comment-form","title":"8 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5523599199751671360"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5523599199751671360"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/10\/how-to-add-font-awesome-social-icons.html","title":"How to Add Font Awesome Social Icons in Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-3tqcD9nQKlQ\/XpndiIM4iPI\/AAAAAAAAMQU\/TdgSyOO0qfwmxb-Qxjq1jZFjXeyHpc1hQCLcBGAsYHQ\/s72-c\/font-awesome-blogger-social-icons.jpg","height":"72","width":"72"},"thr$total":{"$t":"8"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-2908642462844148586"},"published":{"$t":"2015-09-22T12:46:00.004-07:00"},"updated":{"$t":"2017-07-21T12:47:13.212-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"popular posts"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Widgets"}],"title":{"type":"text","$t":"5 Best Popular Posts Widgets for Blogger"},"content":{"type":"html","$t":"If you're using Blogger as the platform for your personal or business blog, you're probably looking for ways to customize it and make it your own. This way, you'll make your webpages unique and eye-catching and ensure they'll stand out from the many other pages on the internet. You'll also grab the attention of your target market, encourage them to browse through your blog and become your loyal readers and followers.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nFortunately, there are lots of ways to personalize your Blogger blog, and one of these is to customize your Popular Posts widget. Haven't installed this yet? Don't worry since putting it in your blog easy.\u003Cbr \/\u003E\n\u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"popular posts widget for blogger\" border=\"0\" height=\"296\" src=\"https:\/\/1.bp.blogspot.com\/-6kYWNTa-60I\/VgGvmae3C3I\/AAAAAAAALa8\/7z1hZ5dwgSE\/s320\/top-popular-posts-widget-for-blogger.png\" title=\"popular posts widgets for blogger\" width=\"320\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003EAdding the Popular Posts Widget for Blogger\u003C\/h2\u003E\nJust click on your blog title, access the \"Layout\" menu, click \"Add a Gadget\" and choose \"Popular Posts\". A window will appear asking you to configure the widget by choosing which posts you'll feature (e.g. those that were most viewed in the past 7 days or 30 days or from the beginning of your blog). You'll also be asked to choose how many posts you'll feature in your Popular Posts section and select if you'll show the post title only or along with the image thumbnail and\/or the snippet. (Remember that each widget style has different requirements, so follow the styles and instructions carefully to find out if you need the snippet and image thumbnail or not).\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"Configuring Popular Posts Widget for Blogger\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-lGCvJZMmpbc\/VgGVKPHocrI\/AAAAAAAALac\/HlkMURz7h2g\/s1600\/popular-posts-widget-for-blogger.png\" title=\"Configuring Popular Posts Widget for Blogger\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nOnce you've followed these instructions, you'll get to see the basic version of the Popular Posts Widget for Blogger in your blog. You can stick with this if it matches your blog design but, if it sticks out like a sore thumb or doesn't suit your taste, there's no need to fret since you can personalize it. You can choose from the following styles - see the demo blog:\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\n\u003Ca class=\"demo-link\" href=\"http:\/\/popular-posts-blogger-widget.blogspot.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EDemo blog\u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nPopular Posts Style 1 - Box within a box\u003C\/h3\u003E\nThis is an interesting widget style since it uses your snippet and image thumbnail in a unique way. Your snippet is written in opaque text and placed in a small transparent box. This, in turn, is placed in a bigger rectangular box, wherein your image thumbnail is used as a background. Choosing this Popular Posts Widget for Blogger can be a great option if you want to brighten up your blog and grab the attention of readers with your colorful photos.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"popular posts widget for blogger\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-O2x5p4y0Uds\/VgFp25g8wnI\/AAAAAAAALZs\/YxeO5AHFr9M\/s1600\/popular-posts-blogger-widget-transparent-background.png\" title=\"Popular Posts Widget for Blogger With Tumbnails Style 1\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECSS code:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type='text\/css'\u0026gt;\u003Cbr \/\u003E\n.sidebar .PopularPosts ul{margin:0;padding:0;}.sidebar .PopularPosts ul li{list-style:none !important;padding:0 !important;margin-bottom:10px;}.sidebar .PopularPosts .item-thumbnail{height:190px;margin:0;overflow:hidden;width:100%;}.sidebar .PopularPosts .item-title{position: relative;}.sidebar .PopularPosts img{height:auto;width:100%;padding:0;}.sidebar .PopularPosts .item-title a{color: #FFFFFF;font:20px Oswald;text-transform:uppercase;padding:10px;position:absolute;right:0;left:0px;margin:0px auto;text-align:center;text-decoration:none;top:40px;width:60%;height:26px;overflow:hidden;z-index:2;}\u003Cbr \/\u003E\n.sidebar .PopularPosts .item-snippet{background:rgba(0, 0, 0, 0.35);border-top:6px solid rgba(0, 0, 0, 0.1);border-bottom:6px solid rgba(0, 0, 0, 0.1);color:#FFFFFF;left:0px;right:0px;margin:0px auto;padding:65px 10px 10px;position:absolute;font:13px 'Times New Roman',Times,FreeSerif,serif;text-align:center;top:35px;width:60%;z-index:1;}.sidebar .PopularPosts .item-content{position:relative;}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003C\/blockquote\u003E\n\u003Ch3\u003E\nPopular Posts Style 2 - Large thumbnails with small post titles underneath \u003C\/h3\u003E\nThis uses the same code as the basic Blogger Popular Posts Widget with a few tweaks. Popularized by well-known blogs, this style is eye-catching because it focuses on pictures, which don't only summarize the posts' content but also add visual drama to the entire page. This is particularly useful for blogs that focus on clothes, makeup, art and other topics that highly depend on visual presentation to better express ideas.\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"popular posts widget for blogger\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-MvDZ5EX5tHU\/VgFp-5CZ3wI\/AAAAAAAALZ0\/tzgPjMTmjs8\/s1600\/minimal-popular-posts-blogger-widget.png\" title=\"Popular Posts Widget for Blogger With Tumbnails Style 2\" \/\u003E\u003C\/div\u003E\n\u003Cb\u003ECSS code:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type='text\/css'\u0026gt;\u003Cbr \/\u003E\n.sidebar .PopularPosts ul{counter-reset:popularcount;margin:0;padding:0;}.sidebar .PopularPosts ul li{width:100%;list-style:none !important;padding:0 !important;margin-bottom:20px;position:relative;border:0;text-align:center;}.sidebar .PopularPosts .item-thumbnail a{clip: auto;display:block;height:auto;height:120px;}.sidebar .PopularPosts .item-thumbnail{width:100%;height:120px;overflow:hidden;position:relative;margin-bottom:15px;}.sidebar .PopularPosts .item-thumbnail::before{background:rgba(0, 0, 0, 0);border-bottom:29px solid #fff;border-left:29px solid transparent;border-right:29px solid transparent;bottom:0px;content:\u0026amp;quot;\u0026amp;quot;;height:0;width:0px;left:0px;right:0px;margin-left:auto;margin-right:auto;position:absolute;z-index:3;}.sidebar .PopularPosts .item-thumbnail:after{color:#000;content:counter(popularcount, decimal);counter-increment:popularcount;font:13px \u0026amp;quot;Times New Roman\u0026amp;quot;,Times,FreeSerif,serif;list-style-type:none;position:absolute;bottom:0;margin:0px auto;left:0px;right:0px;z-index:4;}.sidebar .PopularPosts .item-thumbnail img{position:relative;width:100%;height:auto;padding:0;}.sidebar .PopularPosts .item-title{font:15px \u0026amp;#39;Oswald\u0026amp;#39;, sans-serif;text-transform:uppercase;margin:0px auto;padding-bottom:10px;border-bottom:1px solid #000;}.sidebar .PopularPosts .item-title a{color:#000;text-decoration:none;}.sidebar .PopularPosts .item-snippet{padding:10px 15px;font:13px \u0026amp;quot;Times New Roman\u0026amp;quot;,Times,FreeSerif,serif;}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt; \u003C\/blockquote\u003E\n\u003Ch3\u003E\nPopular Posts Style 3 - Colorful boxes\u003C\/h3\u003E\nIf your blog needs a pop of color, this is the right choice for you. This widget style presents your Popular Posts in several boxes that feature a thumbnail image and have bright, eye-catching shades like light green, ocher yellow and vivid orange. Each box has a different color, and you can add up to four boxes.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"popular posts widget for blogger\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-TOpGuYUcL8U\/VgFqEDlKzAI\/AAAAAAAALZ8\/ll1NlCMLlSs\/s1600\/colorful-popular-posts-blogger-widget.png\" title=\"Popular Posts Widget for Blogger With Tumbnails Style 3\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECSS code:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type='text\/css'\u0026gt;\u003Cbr \/\u003E\n.sidebar .PopularPosts ul{padding:0;margin:0;}.sidebar .PopularPosts .item-thumbnail a{clip:auto;display:block;height:auto;overflow:hidden;}.sidebar .PopularPosts .item-thumbnail{width:130px;height:130px;border-right:5px solid #fff;margin:0px 10px 0px 0px !important;position:relative;}.sidebar .PopularPosts .item-thumbnail img{position:relative;height:auto;width:100%;padding:0;}.sidebar .PopularPosts ul li{float:left;margin-bottom:5px;max-height:130px;min-width:250px;overflow:hidden;}.sidebar .PopularPosts ul li:first-child{background:#D9EDF7;}.sidebar .PopularPosts ul li:first-child + li{background:#F2DEDE;}.sidebar .PopularPosts ul li:first-child + li + li{background:#DFF0D8;}.sidebar .PopularPosts ul li:first-child + li + li + li{background:#FFEEBC;}.sidebar .PopularPosts ul li:first-child + li + li + li + li{background:#E0E0E0;}.sidebar .PopularPosts .item-title{font:13px \u0026amp;#39;Oswald\u0026amp;#39;, sans-serif;text-transform:uppercase;padding:10px 5px 10px;}.sidebar .PopularPosts .item-title a{color:#000;text-decoration:none;}.sidebar .PopularPosts .item-snippet{font:13px \u0026amp;quot;Times New Roman\u0026amp;quot;,Times,FreeSerif,serif;padding-right:5px;}.sidebar .PopularPosts .widget-content ul li{padding:0px 5px 0px 0px!important;}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003C\/blockquote\u003E\n\u003Ch3\u003EPopular Posts Style 4 - Grid layout\u003C\/h3\u003E\nJust like the large-picture widget style, the grid layout is an excellent option if you want to showcase your pictures or if your blog depends on visual information. However, the title of your posts won't be included in the layout, so readers will have to hover their mouses on the images to read the titles.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"popular posts widget for blogger\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-DsNZ2mAzZ1U\/VgFqKSwQAxI\/AAAAAAAALaE\/ZKuoOKrDzfY\/s1600\/popular-posts-blogger-widget-grid-thumbnails.png\" title=\"Popular Posts Widget for Blogger With Tumbnails Style 4\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECSS code: \u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type='text\/css'\u0026gt;\u003Cbr \/\u003E\n.sidebar .PopularPosts ul{padding:0;}.sidebar .PopularPosts ul li:first-child{width:100%;max-height:100%;opacity:0.9;}.sidebar .PopularPosts ul li:nth-child(even){margin-right:2%;}.sidebar .PopularPosts ul li{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0px !important;width:49%;max-height:120px;opacity:0.4;overflow:hidden;float:left;margin-bottom:2%;-webkit-transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}.sidebar .PopularPosts ul li:hover{opacity:1;}.sidebar .PopularPosts .item-thumbnail{margin:0;width:100%;line-height:0;}.sidebar .PopularPosts ul li img {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;width:100%;height:auto;padding:0;}.sidebar .PopularPosts .item-content:hover .item-title a,.sidebar .PopularPosts .item-thumbnail-only:hover .item-title a{visibility:visible;opacity:1;}.sidebar .PopularPosts .item-title a{color:#fff;background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.93) 100%, rgba(0, 0, 0, 0.85) 100%);text-decoration:none;position:absolute;text-align:center;font:13px \u0026amp;#39;Oswald\u0026amp;#39;, sans-serif;left:0;right:0;bottom:0%;padding:100px 10px 10px;opacity:0;visibility:hidden;}.sidebar .PopularPosts .item-snippet{display:none;}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003C\/blockquote\u003E\n\u003Ch3\u003EPopular Posts Style 5 - Numbered posts\u003C\/h3\u003E\nIf you love numbered lists, or if you'd like to make your blog more organized, this can be the perfect option. By using the code for this widget style, your Popular Posts will be automatically numbered and will feature clean, minimalistic boxes that include your snippet and image thumbnail.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg alt=\"popular posts widget for blogger \" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-c52Z9zQ-4-M\/VgFqVn9HZ2I\/AAAAAAAALaM\/CSOnQNKz07I\/s1600\/numbered-popular-posts-widget-for-blogger.png\" title=\"Popular Posts Widget for Blogger With Tumbnails Style 5\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003ECSS code:\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;style type='text\/css'\u0026gt;\u003Cbr \/\u003E\n.sidebar .PopularPosts ul{counter-reset:popularcount;margin:0;padding:0;}.sidebar .PopularPosts ul li{float:left;max-height:130px;min-width:250px;position:relative;}.sidebar .PopularPosts .item-thumbnail::after{color:rgba(255,255,255, 0.63);content:counter(popularcount, decimal);counter-increment: popularcount;font:70px \u0026amp;#39;Oswald\u0026amp;#39;, sans-serif;list-style-type:none;position:absolute;left:5px;top:-5px;z-index:4;}.sidebar .PopularPosts .item-thumbnail::before{background:rgba(0, 0, 0, 0.3);bottom:0px;content:\u0026amp;quot;\u0026amp;quot;;height:100px;width:100px;left:0px;right:0px;margin:0px auto;position:absolute;z-index:3;}.sidebar .PopularPosts .item-thumbnail a{clip:auto;display:block;height:auto;overflow:hidden;}.sidebar .PopularPosts .item-thumbnail{width:100px;height:100px;margin:0px 10px 0px 0px !important;position:relative;}.sidebar .PopularPosts .item-thumbnail:hover:before{display:none;}.sidebar .PopularPosts .item-thumbnail img{position:relative;padding-right:0px !important;height:auto;width:100%;}.sidebar .PopularPosts .item-title{font:13px \u0026amp;#39;Oswald\u0026amp;#39;, sans-serif;text-transform:uppercase;padding:0px 5px 10px;}.sidebar .PopularPosts .item-title a{color:#000;text-decoration:none;}.sidebar .PopularPosts .item-snippet{font:13px \u0026amp;quot;Times New Roman\u0026amp;quot;,Times,FreeSerif,serif;}.sidebar .PopularPosts .widget-content ul li{padding:0px 5px 0px 0px !important;}.sidebar .PopularPosts .item-content{padding:5px 0px;border-bottom:1px dotted #dedede;overflow:hidden;height:100px;position:relative;}\u003Cbr \/\u003E\n\u0026lt;\/style\u0026gt;\u003C\/blockquote\u003E\nThese are just some of the widget styles you can choose from. When you've picked a style you want, make sure to copy its CSS code. Once you do so, go to your blog, click \"Theme\" on the left side and select \"Edit HTML\" under the template preview.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThese next codes need to be pasted above the \"\u0026lt;\/head\u0026gt;\" or \"\u0026lt;\/body\u0026gt;\" tags, so check the instruction to know exactly where you need to put the code.\u003Cbr \/\u003E\n\u003Ch4\u003EAdding the CSS\u003C\/h4\u003E\nWhen the template editor has opened, click anywhere inside the code area and hit CTRL + F or Command F to search the following tag:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;\/head\u0026gt;\u003C\/blockquote\u003E\nJust ABOVE the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E tag, copy-paste the CSS code of one of the styles above.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" height=\"185\" src=\"https:\/\/1.bp.blogspot.com\/-jgHIQzFDObA\/VgGiZTDOroI\/AAAAAAAALas\/OIhXHmoK3ys\/s640\/popular-post-css-style-for-blogger.png\" width=\"640\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nImportant: If the Popular Posts widget is located in the footer of your blog, remove the \u003Cb\u003E.sidebar\u003C\/b\u003E class found in the CSS code in order to make it work.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPlease note that most of the styles are using the 'Oswald' font which you need to add to your template's code as well.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSo, search for this tag:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\u0026lt;head\u0026gt;\u003C\/blockquote\u003E\n... and just BELOW it, add this line:\u003Cbr \/\u003E\n\u003Cblockquote\u003E\u0026lt;link href='https:\/\/fonts.googleapis.com\/css?family=Oswald:400,700' rel='stylesheet' type='text\/css'\/\u0026gt;\u003C\/blockquote\u003E\n\u003Ch4\u003EAdding the JavaScript\u003C\/h4\u003E\nThese styles also require using a script in order to resize the popular posts image \/ thumbnail and trim the post snippet and title. To add the JavaScript code, search the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;\/body\u0026gt;\u003C\/span\u003E tag and paste the following script just above it:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u003Cspan style=\"color: red;\"\u003E\u0026lt;script src='\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.1\/jquery.min.js'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\n\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E$(\".popular-posts img\").attr(\"src\",function(t,s){return s.replace(\"\/w72-h72-p-k-no-nu\/\",\"\/s350-c\/\")}),$(\".popular-posts ul li .item-snippet\").each(function(){var t=$(this).text().substr(0,60),s=t.lastIndexOf(\" \");s\u0026gt;10\u0026amp;\u0026amp;$(this).text(t.substr(0,s).replace(\/[?,!\\.-:;]*$\/,\"...\"))}),$(\".popular-posts ul li .item-content a\").each(function(){var t=$(this).text().substr(0,60),s=t.lastIndexOf(\" \");s\u0026gt;=6\u0026amp;\u0026amp;$(this).text(t.substr(0,s).replace(\/[?,!\\.-:;]*$\/,\"...\"))});\u003Cbr \/\u003E\/\/]]\u0026gt;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\nNote: if you have already the jQuery library in your template, remove the line in red.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAfter you have added all the codes in the right place, press the \"Save theme\" button to save the changes.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003EThat's it!\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThe five Popular Posts widgets for Blogger featured today are all great solutions for adding a popular post section to your blog. They all have different appearance for determining what makes a post popular, but the end result is the same: visitors are always one click away from your best content. Try some of these styles, find your favorite, and see how it impacts the performance of your blog."},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/2908642462844148586\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/09\/5-popular-posts-widget-for-blogger.html#comment-form","title":"46 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/2908642462844148586"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/2908642462844148586"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/09\/5-popular-posts-widget-for-blogger.html","title":"5 Best Popular Posts Widgets for Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-6kYWNTa-60I\/VgGvmae3C3I\/AAAAAAAALa8\/7z1hZ5dwgSE\/s72-c\/top-popular-posts-widget-for-blogger.png","height":"72","width":"72"},"thr$total":{"$t":"46"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-5558911709706421985"},"published":{"$t":"2015-07-23T05:49:00.000-07:00"},"updated":{"$t":"2016-10-26T08:13:55.517-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"menus"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Navigation"},{"scheme":"http://www.blogger.com/atom/ns#","term":"navigation menu"}],"title":{"type":"text","$t":"Mega Menu with Images or Thumbnails for Blogger"},"content":{"type":"html","$t":"Visual content holds a certain appeal that websites integrate images to every page, or even operate solely through photos. Now, with the new AJAX navigation menu widget, images can be added to the drop-down menu as well.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThe AJAX navigation menu for blogger is a widget designed specifically for the Blogger platform. It is inspired from the Mashable website long before it was given a makeover. Despite the plain and simple inspiration, the drop down menu with images is a huge hit.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIt works based on the jQuery library and Blogger JSON Feed API. Function-wise, it works just like a normal drop-down menu when JavaScript is disabled. For it to work online, a blog must be for public visitors, so the Blogger JSON Feed API will function as designed.\u003Cbr \/\u003E\n\u003Cdiv class=\"ssmainhide\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" height=\"236\" src=\"https:\/\/1.bp.blogspot.com\/-v7a28idXnxM\/VbDiU4ZQJTI\/AAAAAAAALYE\/68jCtYSTLtA\/s320\/mega-menu-with-images-or-thumbnails.png\" width=\"320\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003E\nFeatures\u003C\/h3\u003E\n\u003Ch4\u003E\nMulti-Level Menu Support\u003C\/h4\u003E\nThe AJAX menu is a multi-level drop-down menu that is based on the standard unordered list of HTML. When a menu contains a sub-menu, it loads on the fly when a user rolls over the main menu. What is great about this is that it saves outgoing traffic, especially on a website that uses a large navigation.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003E\nCross-browser Compatibility\u003C\/h4\u003E\nMost AJAX applications will work across different browsers even with other plugins or proprietary technology already installed.\u0026nbsp; The menu with images works in the same premise, instead of being designed for a specific browser. Because there is no telling which browser you or your blog readers would use, the new AJAX drop-down mega menu with images is the ideal option.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSome of the Windows browser supported includes IE5+, Firefox, Google Chrome, Safari Netscape 7+ and Opera 8+. When you're using a Mac, the AJAX menu is supported on Firefox, IE and Safari. If JavaScript is disabled, however, the menu is still accessible, but only as pure CSS menu.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003E\nAutomatic Sub-Menu Display\u003C\/h4\u003E\nWith the new AJAX menu, you only need to roll over a menu item and sub-menus will automatically load. No need to click on a menu to get the sub-menu to drop down. This not only saves users' valuable navigation time, but also outgoing traffic.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003E\nMenu Styling\u003C\/h4\u003E\nAJAX menus can be styled by simply changing the megamenu.js and the CSS style. The former is used when javaScript is turned on, while the latter is when it is turned off. You can adjust the menu parameters manually or you can use ready-to-use templates.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nThere are plenty of other features, but you would not be able to use or experience them if you do not install the new mega menu with images. What do you need to do then to implement it in your blog or website?\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-p_7hT4iLiuE\/VbDe7syccuI\/AAAAAAAALX4\/ETrcqFrHzng\/s1600\/mega-menu-with-images-thumbnails-blogger.png\" \/\u003E\u003C\/div\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\n\u003Ca class=\"demo-link\" href=\"http:\/\/bloggermegamenu.blogspot.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EDEMO \u003C\/a\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch2\u003E\nAdding Mega Menu with Images\/Thumbnails in Blogger \u003C\/h2\u003E\nStep 1. Log in to your Blogger account, then go to the Dashboard. Select the blog where you want to install the new mega menu.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch5\u003E\n\u003Cspan style=\"font-size: large;\"\u003ECSS\u003C\/span\u003E\u003C\/h5\u003E\n\u003Cbr \/\u003E\nStep 2. Click on \u003Cb\u003ETemplate\u003C\/b\u003E, then press the \u003Cb\u003EEdit HTML\u003C\/b\u003E button. Press anywhere inside the code area and use the CTRL + F function to make your search quicker and easier. Type the following tag and hit Enter to find it:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n]]\u0026gt;\u0026lt;\/b:skin\u0026gt;\u003C\/blockquote\u003E\nOnce you find the tag, add the code below just above\/before it:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n.megamenu *{margin:0;padding:0;font-family:'PT Sans Narrow'}ul.megamenu{list-style:none;line-height:1;overflow:visible !important}ul.megamenu:after{margin:0;padding:0;content:' ';display:block;height:0px;clear:both}ul.megamenu li{float:left;display:inline;position:relative;text-transform:uppercase}ul.megamenu li a.menu-target:after{content:\"\";width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #fff;font-size:0;line-height:0;bottom:22px;right:5px;position:absolute}ul.megamenu li a{display:block;line-height:50px;padding:0px 20px;text-decoration:none;border-left:1px solid #000;box-shadow:1px 0 0 0 rgba(255, 255, 255, 0.1) inset;color:#d9d9d9;font-size:14px;transition:all 0.3s ease-in-out}ul.megamenu li a:hover{background:#111111;color:#fff}ul.megamenu ul{position:absolute;display:none;top:100%}ul.megamenu li:hover \u0026gt; ul{display:block}ul.megamenu ul li{z-index:72;min-width:149px;float:none;background:#000;text-shadow:none}ul.megamenu ul li a{text-transform:none;font-weight:normal}ul.megamenu ul li a:hover,ul.megamenuid ul li a.hover{background:#E0E0E0;color:#444}ul.megamenu ul ul{display:none;left:100%;top:0}ul.megamenuid li div.megasubmenu{background:#F9F9F9;position:absolute;width:830px;z-index:90;left:0;top:100%;overflow:hidden;min-height:150px;-moz-transform:translate(0,30px);-webkit-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);transform-origin:50% 0;visibility:hidden;opacity:0;color:#888;box-shadow:0 10px 7px -7px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out}ul.megamenuid li:hover div.megasubmenu{visibility:visible;opacity:1;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}ul.megamenuid ul,ul.megamenuid ul li{display:block !important;border:0 none !important;margin:0 !important;padding:0 !important}ul.megamenuid ul li{background:none !important;float:left !important}ul.megamenuid ul.leftmenulist{position:absolute;width:18%;left:0;top:0;bottom:0;background:#EEEEEE;border-right:1px dashed #e5e5e5 !important}ul.megamenuid ul.leftmenulist a{border-left:none !important;color:#555}ul.megamenuid ul.rightmenulist{position:relative;display:block;width:81%;float:right;margin:0px 0px 0px !important;background:none}ul.megamenuid ul.rightmenulist li{display:block;overflow:hidden;position:relative;min-height:210px;padding:5px 17px 5px 0px !important}ul.megamenuid ul.rightmenulist li .thumb-container{left:0;width:100%;height:100%;position:absolute;overflow:hidden;font-size:0;line-height:0}ul.megamenuid ul.rightmenulist li .thumb-container img{position:relative;top:10px;padding:0;width:100%;height:100%;display:block}ul.megamenuid ul.rightmenulist li a{display:block;border-left:none !important;padding:0px 5px !important;line-height:1.4;color:#777;font-weight:bold;font-size:14px}ul.megamenuid ul.rightmenulist li a:hover{color:#000;background:transparent}ul.megamenuid .loading-icon{background:url('http:\/\/2.bp.blogspot.com\/-N9HNU11nhiA\/Va-NLcGF0lI\/AAAAAAAALW4\/HzSlCK7PGeY\/s1600\/wait.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position:absolute;top:50%;margin-top:-11px;right:5px}ul.megamenuid .menu-icon{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #777;display:block;height:0;margin-top:-4px;position:absolute;right:11px;top:50%;width:0}#megamenuid{background:rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #3d3d3d, #212121) repeat scroll 0 0;background:-webkit-linear-gradient(top,#3d3d3d,#212121);background-color:#3d3d3d;box-shadow:1px 1px 0 0 rgba(255, 255, 255, 0.1) inset;height:50px;width:100%;position:relative;max-width:1000px;margin:0 auto;padding:0px}#megamenuid h5{font-size:16px;margin-top:70px;text-align:center}#megamenuid h5:before{content:\"\";position:absolute;top:50px;left:50%;width:5px;height:2px;margin-left:-4px;border-left:2px solid black;border-right:2px solid black}#megamenuid h5:after{content:\"\";position:absolute;top:55px;left:50%;width:10px;height:5px;margin-left:-7px;border-top:2px solid black;border-left:2px solid black;border-right:2px solid black;border-radius:8px 8px 0px 0px}li.search-box{float:right !important;line-height:35px;margin:7px 10px 0 0}li.search-box .search-field{border:none;padding:3px;background:#3F3F3F;color:#fff;width:135px;font-size:13px}li.search-box .search-field:focus{border:none;outline:none;background:#4C4C4C;color:#fff}li.search-box .search-button{background:url('http:\/\/4.bp.blogspot.com\/-VJqk_zzkAuw\/VazlDH_goDI\/AAAAAAAALVM\/t-AjU3ix55k\/s1600\/search.png') no-repeat;border:none;cursor:pointer;padding:5px 10px;transition:all 0.3s ease-in-out}li.search-box .search-button:hover{opacity:0.9}.search-alert{background:#E84C3D url(http:\/\/3.bp.blogspot.com\/-TQMok5egm8c\/Va44AXnjg3I\/AAAAAAAALV8\/eq_8ICAlH2I\/s1600\/search-info.png) no-repeat;background-position:5px;text-transform:capitalize;color:#fff;margin:-5px;padding:0px 15px 0px 40px;display:none;border-radius:5px}\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Ch5\u003E\n\u003Cspan style=\"font-size: large;\"\u003EJavaScript\u003C\/span\u003E\u003C\/h5\u003E\n\u003Cbr \/\u003E\nStep 3. Check if your blog has the jQuery plugin already installed. If not, you need to add a few lines of code before the \u003Cspan style=\"background-color: yellow;\"\u003E\u0026lt;\/head\u0026gt;\u003C\/span\u003E tag (CTRL + F to find it). See the code below:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u003Cspan style=\"color: red;\"\u003E\u0026lt;script src='http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.2\/jquery.min.js' type='text\/javascript'\/\u0026gt;\u003C\/span\u003E\u003Cbr \/\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\/\/\u0026lt;![CDATA[\u003Cbr \/\u003E(function(e){var t=function(e,t){this.elem=e;this.settings=t;this.megaMenuHtml();this.ajaxcall=null;this.menulist=this.elem.find(\".leftmenulist li a\");this.menuHelper(this.elem);this.addEvents()};t.prototype={regex:{islabel:new RegExp(\"\/search\/label\/\",\"g\"),issearch:new RegExp(\"[?\u0026amp;]q=\",\"g\"),labelsearch:new RegExp(\"(http:\/\/[^\/]+)\/search\/label\/([^\/?\u0026amp;]+).*[?\u0026amp;]q=([^$\u0026amp;]+)(?:[^$]+)?\",\"g\"),label:new RegExp(\"(http:\/\/[^\/]+)\/search\/label\/([^\/?\u0026amp;$]+)\",\"g\"),search:new RegExp(\"(http:\/\/[^\/]+)\/search\/?[?\u0026amp;]q=(.*)\",\"g\")},addEvents:function(){var t=this;this.menulist.hover(function(){if(e(this).data(\"menuloaded\")!==\"true\"){t.li=e(this);t.url=t.li.attr(\"href\");t.container=t.li.closest(\"ul\").siblings(\"ul\");t.hoverOver()}},function(){t.hoverOut()})},hoverOver:function(){var t=this;this.getAJAXUrl();if(!this.ajaxUrl)return;this.ajaxcall=e.ajax({type:\"GET\",url:t.ajaxUrl,dataType:\"jsonp\",data:t.ajaxData,beforeSend:function(){t.showLoader()},success:function(e){t.hideLoader();t.addArrow();t.showPosts(e)},error:function(e){t.showError(e)}})},hoverOut:function(){this.ajaxcall.abort();this.hideLoader()},getAJAXUrl:function(){if(this.url){var e=this;this.ajaxData={alt:\"json\",\"max-results\":this.settings.postsNumber};this.url.search(this.regex.islabel)!==-1\u0026amp;\u0026amp;this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.labelsearch,function(t,n,r,i){e.ajaxData.q=i;return[n,\"\/feeds\/posts\/default\/-\/\",r,\"\/\"].join(\"\")}):this.url.search(this.regex.islabel)!==-1\u0026amp;\u0026amp;this.url.search(this.regex.issearch)===-1?this.ajaxUrl=this.url.replace(this.regex.label,function(t,n,r){delete e.ajaxData.q;return[n,\"\/feeds\/posts\/default\/-\/\",r,\"\/\"].join(\"\")}):this.url.search(this.regex.islabel)===-1\u0026amp;\u0026amp;this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.search,function(t,n,r){e.ajaxData.q=r;return[n,\"\/feeds\/posts\/default\"].join(\"\")}):this.ajaxUrl=!1}else this.ajaxUrl=!1},showLoader:function(){e(\"\u0026lt;span\u0026gt;\u0026lt;\/span\u0026gt;\",{\"class\":\"loading-icon\"}).appendTo(this.li.closest(\"li\"))},hideLoader:function(){this.li.closest(\"li\").find(\"span.loading-icon\").remove()},showPosts:function(t){var n=this,r=[],i,s,o;t.feed.openSearch$totalResults.$t\u0026gt;0?e.each(t.feed.entry,function(t,u){i=u.title.$t;e.each(u.link,function(e,t){t.rel===\"alternate\"?s=t.href:s=\"#\"});o=u.media$thumbnail?u.media$thumbnail.url.replace(\/\\\/s72\\-c\\\/\/,\"\/s200-c\/\"):n.settings.noThumbnail;r.push('\u0026lt;li\u0026gt;\u0026lt;span class=\"thumb-container\"\u0026gt;\u0026lt;a title=\"',i,'\" href=\"',s,'\"\u0026gt;\u0026lt;img alt=\"',i,'\" src=\"',o,'\"\/\u0026gt;\u0026lt;br \/\u0026gt;',i,\"\u0026lt;\/a\u0026gt;\u0026lt;\/span\u0026gt;\u0026lt;\/li\u0026gt;\")}):r.push(\"\u0026lt;h5\u0026gt;\",\"No posts available.\",\"\u0026lt;\/h5\u0026gt;\");this.container.html(r.join(\"\"));this.menulist.removeData(\"menuloaded\");this.li.data(\"menuloaded\",\"true\")},showError:function(e){if(e.statusText===\"error\"){this.hideLoader();this.addArrow();this.container.html(\"\u0026lt;h5\u0026gt;Oops... Could not fetch the blog posts.\u0026lt;\/h5\u0026gt;\")}},addArrow:function(){this.menulist.closest(\"li\").find(\"span\").remove();this.menulist.removeClass(\"hover-menu\");this.li.addClass(\"hover-menu\");e(\"\u0026lt;span\u0026gt;\u0026lt;\/span\u0026gt;\",{\"class\":\"menu-icon\"}).appendTo(this.li.closest(\"li\"))},menuHelper:function(t){var n=this;t.find(\"\u0026gt;li\").hover(function(){var t=e(this);t.find(\"a:first\").addClass(\"hover-menu\");var r=e(this).find(\"ul.leftmenulist li\").height()*e(this).find(\"ul.leftmenulist li\").length;t.find(\"ul.rightmenulist\").css({\"min-height\":r+\"px\"});n.requestFirstAjax(t)},function(){e(this).find(\"a:first\").removeClass(\"hover-menu\")})},megaMenuHtml:function(){this.elem.find(\"ul ul\").remove();this.elem.addClass(\"megamenuid\").find(\"\u0026gt;li\").find(\"ul:first\").addClass(\"leftmenulist\").wrap(e(\"\u0026lt;div\u0026gt;\u0026lt;\/div\u0026gt;\",{\"class\":this.settings.divClass}));e(\"ul.leftmenulist\").after(e(\"\u0026lt;ul\u0026gt;\u0026lt;\/ul\u0026gt;\",{\"class\":\"rightmenulist\"}))},requestFirstAjax:function(e){e=e.find(\".leftmenulist li:first-child a\");this.url=e.attr(\"href\");this.container=e.closest(\"ul\").siblings(\"ul\");this.li=e;this.hoverOver()}};e.fn.megaBloggerMenu=function(n){var r={postsNumber:4,divClass:\"megasubmenu\",postsClass:\"rightmenulist\",noThumbnail:\"\/default.png\"},i=e.extend({},r,n);return this.each(function(){var n=new t(e(this),i)})}})(jQuery);\u003Cbr \/\u003E\/\/]]\u0026gt;\u003Cbr \/\u003E\u0026lt;\/script\u0026gt;\u003Cbr \/\u003E\n\u0026lt;script type='text\/javascript'\u0026gt;\u003Cbr \/\u003E\njQuery(document).ready(function($) {\u003Cbr \/\u003E\n\u0026nbsp;$(\u0026amp;#39;#megamenuid\u0026amp;#39;).megaBloggerMenu({\u003Cbr \/\u003E\n\u0026nbsp; \u003Cspan style=\"color: red;\"\u003EpostsNumber : 4\u003C\/span\u003E, \u003Cbr \/\u003E\n\u0026nbsp; noThumbnail : \u0026amp;#39;\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/2.bp.blogspot.com\/-Z7jG9iO9OTg\/Vazz6YJnFQI\/AAAAAAAALVs\/wlSvXPgdDAo\/s1600\/no_image_available.png\u003C\/span\u003E\u0026amp;#39; \u003Cbr \/\u003E\n\u0026nbsp;});\u003Cbr \/\u003E\n});\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n$(function(){\u003Cbr \/\u003E\n\u0026nbsp; $(\u0026amp;#39;.search-here\u0026amp;#39;).submit(function(e){\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp; if($(\u0026amp;#39;.search-box .search-field\u0026amp;#39;).val().length==0){\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; $(\u0026amp;#39;.search-box .search-alert\u0026amp;#39;).fadeIn().css(\u0026amp;#39;display\u0026amp;#39;,\u0026amp;#39;inline-block\u0026amp;#39;);\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp; e.preventDefault();\u003Cbr \/\u003E\n\u0026nbsp;\u0026nbsp;\u0026nbsp; }\u003Cbr \/\u003E\n\u0026nbsp; });\u003Cbr \/\u003E\n});\u003Cbr \/\u003E\n\u0026lt;\/script\u0026gt;\u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Cspan style=\"font-size: large;\"\u003ENote\u003C\/span\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n- If jQuery plugin already exist, remove the line in red.\u003Cbr \/\u003E\n- To change the number of posts, change the 4 value from:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u003Cspan style=\"color: red;\"\u003EpostsNumber : 4\u003C\/span\u003E\u003C\/blockquote\u003E\n- To add a different thumbnail when a post has no image, replace the url in blue from:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\nnoThumbnail : \u0026amp;#39;\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/2.bp.blogspot.com\/-Z7jG9iO9OTg\/Vazz6YJnFQI\/AAAAAAAALVs\/wlSvXPgdDAo\/s1600\/no_image_available.png\u003C\/span\u003E\u0026amp;#39; \u003C\/blockquote\u003E\n\u003Cbr \/\u003E\n\u003Ch5\u003E\n\u003Cspan style=\"font-size: large;\"\u003EHTML\u003C\/span\u003E\u003C\/h5\u003E\n\u003Cbr \/\u003E\nStep 4. Carefully add the HTML code to ensure that the drop down menu with images will work as designed. There are only three types of URLs that the AJAX Menu accepts and they must be used accordingly.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nLabel URL: \u003Ci\u003Ehttp:\/\/yourblogurlblogspot.com\/search\/label\/LABELNAME\u003C\/i\u003E\u003Cbr \/\u003E\nSearch Query: \u003Ci\u003Ehttp:\/\/yourblogurl.blogspot.com\/search?q=SEARCHQUERY\u003C\/i\u003E\u003Cbr \/\u003E\nLabel w\/ Search Query: \u003Ci\u003Ehttp:\/\/yourblogurl.blogspot.com\/search\/label\/LABELNAME?q=SEARCHQUERY\u003C\/i\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nAmong the three URLs, the Search Query has to be URL encoded using a specific tool.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nStep 5. Search the following line using CTRL + F:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;div class='main-outer'\u0026gt;\u003C\/blockquote\u003E\nJust above this line, add the following HTML code:\u003Cbr \/\u003E\n\u003Cblockquote class=\"tr_bq\"\u003E\n\u0026lt;ul class='megamenu' id='megamenuid'\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a href='\/'\u0026gt;Home\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;    \u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a class='menu-target' href='#'\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003EMENU TITLE\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;ul\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a href='\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/ADDURLHERE.com\u003C\/span\u003E'\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003ELABEL NAME\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a href='\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/ADDURLHERE.com\u003C\/span\u003E'\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003ELABEL NAME\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a href='\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/ADDURLHERE.com\u003C\/span\u003E'\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003ELABEL NAME\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/ul\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a class='menu-target' href='#'\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003EMENU TITLE\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u003Cbr \/\u003E\n\u0026lt;ul\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a href='\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/ADDURLHERE.com\u003C\/span\u003E'\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003ELABEL NAME\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a href='\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/ADDURLHERE.com\u003C\/span\u003E'\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003ELABEL NAME\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a href='\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/ADDURLHERE.com\u003C\/span\u003E'\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003ELABEL NAME\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/ul\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li\u0026gt;\u0026lt;a href='\u003Cspan style=\"color: blue;\"\u003Ehttp:\/\/ADDURLHERE.com\u003C\/span\u003E'\u0026gt;\u003Cspan style=\"color: #cc0000;\"\u003ENormal Link\u003C\/span\u003E\u0026lt;\/a\u0026gt;\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;li class='search-box'\u0026gt;\u003Cbr \/\u003E\n\u0026lt;form action='\/search' class='search-here' method='get'\u0026gt;\u003Cbr \/\u003E\n\u0026lt;input class='search-field' name='q' placeholder='Search Here' size='30' type='text'\/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;input class='search-button' type='submit' value=' '\/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/form\u0026gt;\u003Cbr \/\u003E\n\u0026lt;p class='search-alert'\u0026gt;Search form is empty!\u0026lt;\/p\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/li\u0026gt;\u003Cbr \/\u003E\n\u0026lt;\/ul\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div class='clear'\/\u0026gt;\u003Cbr \/\u003E\n\u0026lt;div class='clear'\/\u0026gt;\u003C\/blockquote\u003E\nNote: replace the text in blue with the label url and the text in red with the name of the label. This is the label that you have added to the Labels settings of your post editor:\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\n\u003Cimg border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-Ae-MgO0UsBQ\/VbDUgWirvWI\/AAAAAAAALXo\/59kkadOagM8\/s1600\/blogger-labels-post-settings.png\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\nStep 6. Click on \u003Cb\u003ESave template\u003C\/b\u003E for all the changes to take effect.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIf you can't find the line from step 5, access the \u003Cb\u003ELayout\u003C\/b\u003E tab, click on \u003Cb\u003EAdd Gadget\u003C\/b\u003E, and then choose \u003Cb\u003EHTML\/JavaScript\u003C\/b\u003E Gadget. Copy the HTML code and paste it inside the box... then press the \u003Cb\u003ESave\u003C\/b\u003E button.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003EThat's it!\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nOnce that is done, your AJAX menu with images will be implemented and ready for you to use. Make sure to choose photos that are relevant to the menu and sub-menus so your website will have cohesive look and appeal. Research shows, however, that text accompanied by any image, even if completely irrelevant, can grab attention.\u0026nbsp; "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/5558911709706421985\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/07\/blogger-mega-menu-with-images-or-thumbnails.html#comment-form","title":"17 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5558911709706421985"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/5558911709706421985"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/07\/blogger-mega-menu-with-images-or-thumbnails.html","title":"Mega Menu with Images or Thumbnails for Blogger"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/1.bp.blogspot.com\/-v7a28idXnxM\/VbDiU4ZQJTI\/AAAAAAAALYE\/68jCtYSTLtA\/s72-c\/mega-menu-with-images-or-thumbnails.png","height":"72","width":"72"},"thr$total":{"$t":"17"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-1292465274573654977"},"published":{"$t":"2015-07-16T04:43:00.003-07:00"},"updated":{"$t":"2020-04-17T10:47:19.859-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"beginner's guide"},{"scheme":"http://www.blogger.com/atom/ns#","term":"instagram"}],"title":{"type":"text","$t":"Which Hashtag Instagram Widget Should You Choose?"},"content":{"type":"html","$t":"There are apps and widgets for almost everything, but one thing that is lacking is a widget that connects one of the most popular image-based social network to your website. Unfortunately, Instagram has yet to design an official widget that will allow you to easily and quickly embed grams on your website.\u003Cbr \/\u003E\u003Cbr \/\u003E\nA widget is like a desk accessory that allows an end user to execute a particular function within a webpage. It fetches information from a particular source and then display it on an intended area. It can be designed to provide easy accessibility to weather, maps, sports updates, calendar and many others. Android and WordPress are two of the biggest contributors of web and mobile widgets, but Instagram still has to catch up.\u003Cbr \/\u003E\u003Cbr \/\u003E\nWhile they're still trying to figure out how to make an Instagram widget, take advantage of any of the third-party widgets for Instagram. But because there are plenty of them out there, choosing the right one can be tough. Well, we did the sorting and guesswork out for you and presented you with the top 3 options:\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"instagram widget, instagram\" src=\"https:\/\/2.bp.blogspot.com\/-Pnut9FndHQg\/XpnnqmeDt1I\/AAAAAAAAMRY\/e--SsvziwjsW1odKWWAYcrpfoU4QCFrfgCLcBGAsYHQ\/s1600\/hashtags-instagram-widget.jpg\" title=\"Which Hashtag Instagram Widget Should You Choose\"\/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/instansive.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EInstansive\u003C\/a\u003E\u003C\/h3\u003E\nInstansive is a widget generator for Instagram that you can use for free or for a fee. Both versions practically have the same features, except for the number of times that the photos refreshes. It only happens once per day with the free version, but is always up to date with the premium version. If you want to do away with the restrictions of this Instagram widget, be ready to make a tiny investment.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"instagram widget instansive\" border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-OvucEXeTQ74\/VaPW6Y_hJwI\/AAAAAAAALN0\/cS7A74aNy7c\/s1600\/instagram-widget-instansive.png\" title=\"Instansive Instagram Widget\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003EInstansive Features\u003C\/h4\u003E\n\u003Cul\u003E\u003Cli\u003EDisplay photos and hashtags in grid, slideshow or column.\u003C\/li\u003E\n\u003Cli\u003ECustomize the number of columns and rows\u003C\/li\u003E\n\u003Cli\u003EAdd a hover effect\u003C\/li\u003E\n\u003Cli\u003EShow or hide \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/07\/blogger-seo-image-optimization.html\"\u003Eimage captions\u003C\/a\u003E\u003C\/li\u003E\n\u003Cli\u003EPhotos are linked directly to Instagram\u003C\/li\u003E\n\u003Cli\u003EOffers native support for Drupal and WordPress\u003C\/li\u003E\u003C\/ul\u003E\nFor a one-time fee of $5, you can upgrade to the premium version.\u003Cbr \/\u003E\u003Cbr \/\u003E\nInstansive, however, is not perfect compared to other third-party widgets for Instagram, because it has limited features in terms of customization, display, and refresh frequency. Even if you pay the minimal fee, only the photos will be kept up-to-date, but no other features will be added. But look on the bright side, it is responsive.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/www.intagme.com\/\" rel=\"nofollow\" target=\"_blank\"\u003EIntagme\u003C\/a\u003E\u003C\/h3\u003E\nIntagme is pretty simple and straightforward, which can be a bonus if you have to manage plenty of social media accounts and widgets. Its features also get the job done.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"instagram widget intagme\" border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-N3yKcg7Xk4M\/VaPVZFwn3gI\/AAAAAAAALNo\/ecEzrCKBz3o\/s1600\/intagme-instagram-widget.png\" title=\"Instagram Widget Intagme\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch4\u003EIntagme Features\u003C\/h4\u003E\n\u003Cul\u003E\u003Cli\u003EPull photos or hashtags and display them in grid or slideshow\u003C\/li\u003E\n\u003Cli\u003EGet to customize the layout, thumbnail, size and image padding\u003C\/li\u003E\n\u003Cli\u003EEdit photos by adding borders and\/or background color\u003C\/li\u003E\u003C\/ul\u003E\nOn top of all these, Intagme is 100% free, which would probably put all other third-party widgets at the bottom of your list. Before you make a final decision, however, know that Intagme lacks one display feature - column, similar to what you will see on Pinterest. It is not responsive and has limited customization options. Moreover, photos are linked to a page on Intagme.com, instead of directly to Instagram.\u003Cbr \/\u003E\u003Cbr \/\u003E\nRelated: \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/09\/how-to-add-instagram-widget-in-blogger.html\"\u003EHow to Add an Instagram Widget in Blogger\u003C\/a\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E\u003Ca href=\"http:\/\/snapwidget.com\/\" rel=\"nofollow\" target=\"_blank\"\u003ESnapWidget\u003C\/a\u003E\u003C\/h3\u003E\nAmong Instagram widgets, snap widget is the most popular and is used by more than 100,000 websites daily. It can be used free or for a monthly fee of $6.99.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"instagram widget snapwidget\" border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-6W-SyWajInI\/VaPUR_nKhcI\/AAAAAAAALNc\/bLtYQyPgVJg\/s1600\/instagram-widget-snapwidget-screenshot.png\" title=\"SnapWidget Instagram Widget\" \/\u003E\u003C\/div\u003E\n\u003Cbr \/\u003E\n\u003Ch4\u003ESnapWidget Features\u003C\/h4\u003E\n\u003Cul\u003E\u003Cli\u003EPull photos or hashtags, then display them in grid, board, slideshow, map or scrolling.\u003C\/li\u003E\n\u003Cli\u003EThumbnail size and layout can be customized\u003C\/li\u003E\n\u003Cli\u003EBackground color hover effect layout and photo padding can be used to customize photos\u003C\/li\u003E\n\u003Cli\u003EShow or hide sharing buttons\u003C\/li\u003E\u003C\/ul\u003E\n\u003Ch4\u003EFeatures of Premium Version\u003C\/h4\u003E\n\u003Cul\u003E\u003Cli\u003EAll of the above\u003C\/li\u003E\n\u003Cli\u003ECreate up to 10 widgets\u003C\/li\u003E\n\u003Cli\u003EFilter photos by username \u0026amp; hashtag\u003C\/li\u003E\n\u003Cli\u003ELink photos to Instagram or any other page add custom CSS if so desired\u003C\/li\u003E\n\u003Cli\u003EHas more advanced customization options, such as pagination controls integration of Google Analytics and photo pop-up functionality\u003C\/li\u003E\u003C\/ul\u003E\nFor a price of $6.99 per month, this Instagram widget is a worthy investment, especially because the free version is ad supported. This means thumbnails are linked to a SnapWidget page where photos appear alongside ads. An added bonus is that whether free or paid, there is an option available that lets you make the widget responsive for mobile use.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch2\u003EWhich Instagram Widget Should You Choose?\u003C\/h2\u003E\nEven if only 3 options were presented, making a choice is still not a walk in the park, but at least you don't need to shuffle through tons of widgets. From the information above, you can make an informed decision as to which Instagram widget to use. Or, you can narrow down your options based on your budget - whether you have one or not, the features you need, and how much customization control you want to have.\u003Cbr \/\u003E\u003Cbr \/\u003E\nYou should also think about how an Instagram widget can affect your SEO efforts. If you want it to be SEO friendly as the rest of your website, find out how it was developed or rendered, as some of the platforms used may not be visible to search engines. Consider all the factors above and your work will be easier. "},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/1292465274573654977\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/07\/best-hashtag-instagram-widget.html#comment-form","title":"0 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1292465274573654977"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/1292465274573654977"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/07\/best-hashtag-instagram-widget.html","title":"Which Hashtag Instagram Widget Should You Choose?"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/2.bp.blogspot.com\/-Pnut9FndHQg\/XpnnqmeDt1I\/AAAAAAAAMRY\/e--SsvziwjsW1odKWWAYcrpfoU4QCFrfgCLcBGAsYHQ\/s72-c\/hashtags-instagram-widget.jpg","height":"72","width":"72"},"thr$total":{"$t":"0"}},{"id":{"$t":"tag:blogger.com,1999:blog-3126197138969349243.post-3086302865774045804"},"published":{"$t":"2015-07-13T15:29:00.000-07:00"},"updated":{"$t":"2020-04-18T06:22:22.440-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"backlinks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"how to"},{"scheme":"http://www.blogger.com/atom/ns#","term":"SEO"}],"title":{"type":"text","$t":"7 Search Engine Optimization Tips for Bloggers"},"content":{"type":"html","$t":"SEO, as you might have already know, is an acronym for search engine optimization. In the simplest of words, it's the way search engines like Google.com, Yahoo.com, Bing.com and others present your page in users' search results on their sites.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cb\u003E\u003Cspan style=\"font-size: large;\"\u003ECool, how do they that?\u003C\/span\u003E\u003C\/b\u003E\u003Cbr \/\u003E\u003Cbr \/\u003E\nWell, they do that via sophisticated software tools, called spiders. Consider the whole internet as an empty room, with air particles as websites. Now sneak a spider into that room. Each tiny step that this spider would take now is essentially crawling a website (as the room is dark and full of websites). This is how search engines crawl through the web picking up site after site, studying them and ranking them. This ranking is important, really important. A higher ranked website by Google will always be on the first page of Google's search results for a related query compared to a lower ranked one.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"hidden-image\"\u003E\u003Cimg alt=\"seo tips for bloggers\" src=\"https:\/\/3.bp.blogspot.com\/-kLDLX7vLpgM\/Xpr-7eBTB0I\/AAAAAAAAMWE\/R7hCazBJSPQK-vYYOtLazs-a9HABMjoQgCLcBGAsYHQ\/s1600\/search-engine-optimization-seo-tips-for-bloggers.jpg\" \/\u003E\u003C\/div\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg border=\"0\" height=\"200\" src=\"https:\/\/4.bp.blogspot.com\/-dQ1SoemCKDo\/VaQ_26CjnbI\/AAAAAAAALOk\/Z03ISkBMXWs\/s640\/web-spider-crawl-website.png\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nSo, in order to get ranked higher, you and I need SEO. SEO is like black pepper without which fried egg might not taste 'that' tastier. In simple words, in order for search engines to find your site and rank it higher than others in your field, you need to optimize it. Let's see how with these 7 simple tips.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch2\u003EWays to SEO Optimize your Blog\u003C\/h2\u003E\nBefore starting with our 7 simple tips for a quality SEO, it's important to broadly classify those tips into two basic areas, on the basis of origin:\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003EOn-page Optimization\u003C\/h3\u003E\nRefers to optimization of your actual web content including your HTML code, your text, as well as graphic content.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ch3\u003EOff-page optimization\u003C\/h3\u003E\nOff-page optimization, however, deals with things like \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/12\/how-to-build-high-quality-backlinks.html\"\u003Ebacklinks\u003C\/a\u003E (hyperlinks pointing to you site from other websites, apps and networks).\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E1. Create SEO Friendly Blog Post Titles\u003C\/h3\u003E\nPost titles are important for SEO. They really are since they are deal makers or breakers. Whenever you write something, make sure you give proper attention to the post's title. Make your titles simple, intriguing, descriptive and gullible so that people may know what is this all about and what to expect. An even better approach is to wear searchers shoes while giving a title and think how would you Google it if you were looking for content like this.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"google search results, seo title\" border=\"0\" height=\"137\" src=\"https:\/\/2.bp.blogspot.com\/-CcO1mk-0Zno\/VGkPJiTtWOI\/AAAAAAAAKs8\/vBc8t42XezY\/s640\/google-seo-friendly-post-titles.png\" title=\"Search Engine Optimization Tips for Bloggers\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nAlso, don't forget to include keywords in your title and keep it under 70 characters (or search engines would crop it before looking).\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E2. Improve the quality of your content\u003C\/h3\u003E\nIf you think 'content' isn't important for SEO, think again! Your content is the most important part of your site. While writing, don't copy-paste from elsewhere, don't stuff it with keywords alone, don't bombard it with images and multimedia files and don't write any lesser than 300 words. These all would affect your ratings quite poorly.\u003Cbr \/\u003E\u003Cbr \/\u003E\nSo, write original, use keywords in scenarios instead of straying them around (like I didn't use SEO here, SEO there in every next line), use images where they suffice and make sure you name them properly to appear in \u003Ca href=\"http:\/\/helplogger.blogspot.com\/2014\/07\/blogger-seo-image-optimization.html\" target=\"_blank\"\u003Eimage search results\u003C\/a\u003E, i.e. an image with the \"img009.jpg\" name would never appear in the image search results but \"tips_to_success.jpg\" would. The best would be to use text content and wrap them proper in HTML tags like \u0026lt;H2\u0026gt;\u0026lt;\/H2\u0026gt; etc. (search engines likes content this way). Also, make sure your blog post's length is somewhere between 300-500 words - crossing over is fine but lesser isn't.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"seo title headings\" border=\"0\" height=\"203\" src=\"https:\/\/4.bp.blogspot.com\/-5yGe-S6Oed8\/VGkUjzDZsYI\/AAAAAAAAKtM\/QtYd--FMrVk\/s640\/improve-content-quality-seo.png\" title=\"SEO Tips for Bloggers\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E3. Keywords are keys\u003C\/h3\u003E\nKeywords are terms that others may use to search for your content. While keywords are important for SEO, don't go on and stuff your site with keywords. This would make your content appear like a spam to spiders, who would neglect it henceforth.\u003Cbr \/\u003E\u003Cbr \/\u003E\nIdeal is that once you have chosen your title (and included your keyword in it, as I have added keyword SEO in title above), use it in page URL, in your starting and ending paragraphs, as well as in article body where required without sounding awkward. Additionally, you may link it using anchor text to relevant resources in and out of site.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ctable align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"tr-caption-container\" style=\"margin-left: auto; margin-right: auto; text-align: center;\"\u003E\u003Ctbody\u003E\u003Ctr\u003E\u003Ctd style=\"text-align: center;\"\u003E\u003Cimg border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-6cjlm4aShJo\/VaRROMa1phI\/AAAAAAAALO0\/r9utXKByxMs\/s1600\/add-keywords-to-post-url-permalink-seo.png\" \/\u003E\u003C\/td\u003E\u003C\/tr\u003E\u003Ctr\u003E\u003Ctd class=\"tr-caption\" style=\"text-align: center;\"\u003EAdding keyword in the post URL using Custom Permalink\u003C\/td\u003E\u003C\/tr\u003E\n\u003C\/tbody\u003E\u003C\/table\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E4. Meta-tags are important, but not 'that' much\u003C\/h3\u003E\nIf we had been living in early part of 21st century, meta tags might have done all the SEO for your site. Unluckily, we aren't. Google and other search engines have long left using meta-tags for finding site information. Hence, if someone tells you meta-tagging is all you need for your sites SEO, tell them it isn't.\u003Cbr \/\u003E\u003Cbr \/\u003E\nNevertheless, it's important that you use your keywords in your meta-data. Some themes already do that for you, if they don't (you can check that using page source or using view source code from browser), don't sweat. You can use 3rd party plugins like \u003Ca href=\"https:\/\/wordpress.org\/plugins\/all-in-one-seo-pack\/\" rel=\"nofollow\" target=\"_blank\"\u003EAll in One SEO Pack\u003C\/a\u003E and Scribe.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E5. Socialize!\u003C\/h3\u003E\nMake others talk about your site and share your content on social media sites or their blogs. It gets even better if somehow sites with high ratings link back to your site. This makes spiders think that you are someone important that everyone these days is talking about, resulting in enhancing your ratings dramatically.\u003Cbr \/\u003E\u003Cbr \/\u003E\nGuest posting is another good approach for that. Comment on other sites, make friends with bloggers (best in business) and make them comment at yours. These tiny little things do matter a lot, resulting in enhanced SEO of your site.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E6. Link in and Link-Out\u003C\/h3\u003E\nHyperlinks or Links are important from SEO perspective. You can use them to:\u003Cbr \/\u003E\u003Cbr \/\u003E\nLink out to other sites, networks and posts, or even to your previous posts (also called inbound or backlinks) using anchor element with keyword.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Cimg alt=\"anchor element with keyword\" border=\"0\" height=\"262\" src=\"https:\/\/1.bp.blogspot.com\/-d5mcq4_M1x8\/VGkcyU4n7yI\/AAAAAAAAKtc\/85-YYDD4h7o\/s640\/link-in-out-seo-optimization-blogger.png\" title=\"Search Engine Optimization Tips for Bloggers\" width=\"640\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\nOr even better, make others to link in to you, via sharing your content on their sites or social media networks.\u003Cbr \/\u003E\u003Cbr \/\u003E\nAs mentioned, an even outstanding strategy for building links is guest posting.\u003Cbr \/\u003E\u003Cbr \/\u003E\n\u003Ch3\u003E7. Write Often\u003C\/h3\u003E\nSites with new content every day, or twice thrice a week have still far better ratings than those who post every fortnight. A better incoming content frequency makes spider come to your site regularly, resulting in better ratings and enhanced SEO.\u003Cbr \/\u003E\u003Cbr \/\u003E\nAre we done then? Well, trust me - your sites rating is in your hands, not in Google or Yahoo. SEO is just about doing things neatly and in a sophisticated manner. Walk your site these 7 steps for a quality SEO and you will witness the difference yourself at Google, if no place else.\u003Cbr \/\u003E\u003Cbr \/\u003E\nRemember, code clean, write original, socialize... this is what SEO is all about!"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/helplogger.blogspot.com\/feeds\/3086302865774045804\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/07\/7-seo-tips-for-bloggers.html#comment-form","title":"6 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3086302865774045804"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3126197138969349243\/posts\/default\/3086302865774045804"},{"rel":"alternate","type":"text/html","href":"https:\/\/helplogger.blogspot.com\/2015\/07\/7-seo-tips-for-bloggers.html","title":"7 Search Engine Optimization Tips for Bloggers"}],"author":[{"name":{"$t":"Unknown"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/3.bp.blogspot.com\/-kLDLX7vLpgM\/Xpr-7eBTB0I\/AAAAAAAAMWE\/R7hCazBJSPQK-vYYOtLazs-a9HABMjoQgCLcBGAsYHQ\/s72-c\/search-engine-optimization-seo-tips-for-bloggers.jpg","height":"72","width":"72"},"thr$total":{"$t":"6"}}]}});