Google's own AdSense Tips from Green - Wiki

<p>Google is at any rate as intrigued as you are in having your promotions perform well on your site. What's more, they've gone to some work to give the data you have to improve your AdSense.<br /> <br /> What's interesting to me is that evidently not everybody tries to peruse their tips. Also, even some that do, neglect to apply it.<br /> <br /> All things considered, you should know that essentially utilizing their tips doesn't promise fruitful promotions and not too bad CTR (Active visitor clicking percentage). How frequently have you heard this? You need to test. You need to attempt choices and see what truly works best for you, on your pages, with your substance and your guests. Test, test, test some more. Track your outcomes, break down them, attempt varieties. An excess of us don't test. We hear the mantra, yet we don't take every necessary step.<br /> <br /> To begin with, how about we check whether we can get a thought regarding area. (The realistic is incorporated into the article on my site or you can examine it at the Google join included underneath) By and large, over the fold, at the top focus of your substance, beneath top route is the most sultry area. Not quickly beneath which is great but rather not exactly as hot. In a left sidebar, to the quick left of essential substance or underneath the essential substance are likewise great. Most different areas are by and large cooler.<br /> <br /> Once more, you have to test and you have to consider your clients conduct - and their conduct might fluctuate on diverse pages with various types of substance. Google proposes that now and again, for example, articles, as well as can be expected be toward the end of the article. To quote Google, "It's just about as though clients complete the process of perusing and ask themselves, What would I be able to do next?" All around focused important promotions in that spot can give the answer.<br /> <br /> Don't indiscriminately accept that staying a huge rectangle in the middle over the fold will do it. It might, yet relying upon your substance, it might irritate or bother your clients.<br /> <br /> Clients tend to concentrate on substance, route and to a lesser degree representation. Situating your advertisements close to these components will regularly function admirably - if those promotions are focused to your guests needs.<br /> <br /> The main three entertainers among the Google notice organizations are the 336X280 vast rectangle, the 300X250 inline rectangle and the 160X600 wide high rise. Google reports that the more extensive configurations have a tendency to show improvement over the taller ones. One reason may be that these are, maybe, less demanding to peruse since they have less line breaks and require less eye development. In any case, you have to utilize groups that fit your pages well. By and by, you have to test, yet re-trying your pages to suit a specific notice organization may not be a sensible option and you might find that an alternate configuration really shows signs of improvement results.<br /> <br /> Presently we come to shading. Customary way of thinking says that hues which tend to mix into your substance improve. Some go so far as to propose that hues which make the promotions look like a portion of the substance are best. By and by, I think anyone truly trusts those advertisements are definitely not promotions, yet who knows. Google recommends that you might find that hues that champion from your substance improve - or perhaps the inverse. This is completely a region where you have to test elective shading plans. Running with the tried and true way of thinking as a rule works genuinely well, however without testing you could be leaving a great deal of cash on the table.<br /> <br /> Google permits you to have up to three promotion units and one connection unit on your pages. On the off chance that you have long pages with bunches of content, can just utilize little commercial units or are in a corner with an extensive notice stock, numerous units can pay off. Remember that the way commercial serving works is that the higher quality advertisements are conveyed to the first notice unit square experienced in your code. Continuously ensure this first promotion unit is shown in the best area (definitely - test). You need the higher paying advertisements to be in the prime hot area on your page. Weaker areas can get the lower evaluated advertisements. What's more, if none are accessible, then nothing will show unless you've incorporated an other promotion URL in your Google code. To augment adaptation you ought to be including interchange promotion URLs, particularly on the off chance that you are putting numerous units on a page. The utilization of an other promotion URL likewise disposes of the likelihood of being served PSAs (Open Administration Declarations). It's your land, expand your profits.<br /> <br /> Nothing here is mystery. With the exception of utilizing the other notice URL, the greater part of this data is accessible from Google's Advancement Tips page - http://www.google.com/support/adsense/container/static.py?page=tips.html . You can buy books and courses, visit twelve gatherings and, at last it comes down to what your guests do on your site. As well as can be expected get is general direction. This implies arrived at the midpoint of results over numerous destinations, numerous sorts of substance. On the off chance that you are not kidding about doing whatever you can to truly enhance your AdSense returns, there is one and only thing to do - test. Whether it's AdSense, pick ins, duplicate, features - anything with a quantifiable result that you can track - then the best approach to enhance is to test and continue testing.</p>

Google is at any rate as intrigued as you are in having your promotions perform well on your site. What's more, they've gone to some...

Get $2 Easily from Earnably.com

<p><span style="font-family: inherit;">hi, today I will share how to get $ 2 easily with earnably.com.</span><br /> <span style="font-family: inherit;"><br /></span> <span style="font-family: inherit;">Do earnably.com, earnably is a GPT site that is popular today and has paid all users, so do not worry if you do not get paid, in earnably use the points to be redeemed for cash every 250 points can be redeemed for $ 2 PayPal or Amazon Gift Card ( US Only). below I'll show proof of payment of earnably.</span><br /> <span style="font-family: inherit;"><br /></span> <span style="font-family: inherit;">Here's how to get the point:</span><br /> <span style="font-family: inherit;">1. Offers wall where there were 19 offers wall, for example surveys, downloading apps, completing offers.</span><br /> <span style="font-family: inherit;">2. Daily Surveys.</span><br /> <span style="font-family: inherit;">3. Watch the video.</span><br /> <span style="font-family: inherit;">4. Listen to the radio.</span><br /> <span style="font-family: inherit;">5.with Tasks offers such as Submit a testimonial for 25 points, Create a forum thread for 100 points, Make a video testimonial for 250 points, Write a blog post for 250 points.</span><br /> <span style="font-family: inherit;">6. and to invite friends to sign up. you'll get 10% of their earnings for life.</span><br /> <span style="font-family: inherit;"><br /></span> <span style="font-family: inherit;">This is the proof of payment of earnably, this is not mine but from other members, if I've payout would I post here.</span><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFfCz0289h5l2BDG3rM1NgfHifL_pzRCg9zVKWVWwY0RsxAkpt7r_Vk5aDWosKwOKiQORhvlfRvEIymLB_UXgnDt3EocgqKr8VI77cSwRntH3FSHbeN6d2DYobXdmpAsim9EUvmxR9Q97-/s1600/Earnably+6th+PP.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFfCz0289h5l2BDG3rM1NgfHifL_pzRCg9zVKWVWwY0RsxAkpt7r_Vk5aDWosKwOKiQORhvlfRvEIymLB_UXgnDt3EocgqKr8VI77cSwRntH3FSHbeN6d2DYobXdmpAsim9EUvmxR9Q97-/s320/Earnably+6th+PP.jpg" width="320" /></a></div> <br /> <br /> Wait what immediately register here <a href="http://earnably.com/r/12804">Earnably.com</a> to earn 100 points.</p>

hi, today I will share how to get $ 2 easily with earnably.com. Do earnably.com, earnably is a GPT site that is popular today and has paid...

How to choose a good hosting

<p>Hosting is like the Foundation of the time constructed house in the real world, while in the virtual world is a place of storage space, which is in a Content Management System. Hosting is closely related with the bloggers, but a lot of Blogger beginner like me this was fooled when choosing and purchasing a Hosting.<br /> <br /> For that, I will give way and smart tips for choosing a Hosting so that you don't get fooled by irresponsible parties. Please refer<br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLUTrnhAuFgIVPn-1MbQBmX4fVjfYK91-lLV9Qtn3obQs18n1LGRybbyUNRbO1bgzHb-_49hw5kHRgYmevYmTAAYDUDHhW7a03dQ7OruiidRMYDRUkL-64OWYLbJGt8M71Tb4qil4IWg4a/s1600/download.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLUTrnhAuFgIVPn-1MbQBmX4fVjfYK91-lLV9Qtn3obQs18n1LGRybbyUNRbO1bgzHb-_49hw5kHRgYmevYmTAAYDUDHhW7a03dQ7OruiidRMYDRUkL-64OWYLbJGt8M71Tb4qil4IWg4a/s1600/download.jpg" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="irc_ho" dir="ltr" style="margin-right: -2px; overflow: hidden; padding-right: 2px; text-overflow: ellipsis; unicode-bidi: -webkit-isolate;">cybernob.com</span></td></tr> </tbody></table> <b>Choose A Reliable Hosting Provider</b><br /> Although this way is easy, but a lot of people it's hard to find a Hosting provider. I didn't mention the brand of hosting, and I can't recommend reliable hosting. Please find themselves hosting agan according to your trusted and have positive feedback, as to prevent the existence of fraud that could definitely harm you..<br /> <br /> <b>The Quality Of Customer Service</b><br /> At this stage you should pay attention to correct one of these services. The Customer Service is indispensable for fast response and precise response to your hosting problems. Because the hosting settings can be the hardest thing to do this as I am a novice blogger.<br /> <br /> <b>Read The Terms And Conditions</b><br /> Consider first before you buy or use any hosting, do not let your hosting problematic for violating a terms and conditions that apply to this hosting service provider. So you know better, please read the terms and conditions that apply in the hosting service provider.<br /> <br /> <b>Don't Be Tempted By Cheap Prices</b><br /> If you find a hosting service at a price that is not reasonable for the price of a hosting, you should check whether the hosting provider has a positive feedback. Then ask the Cusomer Service if there are any additional charges which followed, if so, choose a hosting provider over another.<br /> <br /> <b>Do Not Be Fooled Unlimited</b><br /> Don't be fooled by the bid-offer Unlimited hosting provided. Sometimes the unlimited space is limited by the inode (number of files). Inode is the number of files that have been uploaded in the numberless hosting itself. For more details please read our terms and conditions before you choose and buy hosting.<br /> <br /> <b>Full Data BackUP</b><br /> This is a key requirement, for it to also look for a hosting provider that serves a full data backup. This was done because in order to avoid the things that we don't want on file or post in your hosting. Therefore, bacuplah data, files, your postings periodically.<br /> <br /> If your file is corrupted even lost, you can restore the backup restore backups with the latest data belongs to you.<br /> <br /> Select The Tough Hosting Spech<br /> Have many hosting service providers to spend the excess to satisfy the needs with asilitas hosting is better, cheaper, and quality.<br /> <br /> Of course, if the hosting provider have a computer good hosting, you can enjoy additional resource usage excess computers and you can also add more visitor space.<br /> <br /> <b>Money Back Guarantee</b><br /> This step bermaksudkan if you've bought a hosting but you feel less comfortable using hosting hosting service provider that you buy can be the solution. Look for it if you were a newbie user.<br /> <br /> <br /> <br /> <br /></p>

Hosting is like the Foundation of the time constructed house in the real world, while in the virtual world is a place of storage space, whic...

HOW TO CHOOSE A GOOD BLOG TEMPLATE AND CORRECT

<p>The template is Theme for blogs that are now a great many models and style templates distributed on the internet. This time I wanted to share the science of how to choose a template for your blog is good and true and so the templates you'll get as you wish and of course recommended by Google. What are the equipment, tool, and how to select a good template and correct? Please check out my tutorial on this until it is finished.<br /> <br /> According to my own experience, a good template and recommended by Google is a template that is responsive, which means it can adjust the width of the size of the broowser or her blog at the time open by pc or smartphone that has a different screen size. Google's next recommendation template template that has the features of mobile friendly, this feature just as responsive, templates should be able to adjust the screen size of the mobile smartphone users to Blog we are comfortable when we Blog menjelajaho without downloading Zoom in Zoom out the display of the Blog.<br /> <br /> Before you search for templates and the template in the hunt is recommended by Google, it will be good if you use tools, tool is a very good and useful for checking the templates before applying it on your Blog.<br /> <br /> <b>Mobilefriendly Test:</b> this site is a site built by google for the user blog in order to check if their Blog is already mobile friendly or not. Do I log in to the site first and then pastekan the url of your blog mobile friendly, if there will be a message "your page is awesome mobile friendly" mobile friendly and if not there will be a message "sorry the page you are not mobile friendly". So, using a template that is mobile friendly is important to optimize your articles in search enggine.<br /> <br /> <b>Responsinator:</b> the site that I often use to check if the template's been responsive or not. You live mencopas the url of the blog template that you want to download the demo, there will be available a few screenshots that resembles the Smartphones. So use this site before you download a template of your choice.<br /> <br /> <b>Pagespeed:</b> after adopting a test template with to the two sites above, the next thing I did was testing the blog loading speed, fast or is it still slow loading templates blog. Same as the above site, to check the speed of your preferred template, loadng please copas templatenya demo url then click analysis. If the color of the desktop and mobile versions of the colour is yellow, it means that your template is still less rapidly, and if the colour green stands for the template you're fast.<br /> <br /> Well, it was a couple of sites that I recommend to You that right now it is looking for the template. The next way is to pay attention to the Blog Template design sedi, if already arranged neatly or messy, in terms of the layout of the widget or ad banners. A simple template will make the visitor feel welcome and comfortable lingering in your Blog but instead if you are using Blog Templates mess, then it will make your blog visitors are not welcome and troublesome navgasi to explore your Blog.<br /> <br /> That is some how to choose a good blog template in order to make it easier for visitors to enjoy comfortable and lingering Blog on the blog. But don't be too often change the look or theme of your Blog, I've prepared a lot of templates in google suggest that is responsive, mobile friendly, fast loading, please check to: a collection of SEO Template responsive recommendations Google. There are many options with template design, different style but still nice and highly recommended for the Betterment of your Blog later. Thank you.</p>

The template is Theme for blogs that are now a great many models and style templates distributed on the internet. This time I wanted to shar...

How to change the Domain from Blogspot.co.id to Blogspot.com

<p><div class="separator" style="clear: both; text-align: center;"> </div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg61wuKHjbjhRL6MiG74j1J8bE8T_JimaNTudHXg-W3eDdazWndKU7_xTvzyo8_84I4v3YxGmuNiXHBnaLoIo9BZjzMBxLKlXSEOTLIJ9JdxGuOkNUB7AlLv1jqYo-vf0OhFlFjLXeY3LfJ/s1600/Blogger.svg.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg61wuKHjbjhRL6MiG74j1J8bE8T_JimaNTudHXg-W3eDdazWndKU7_xTvzyo8_84I4v3YxGmuNiXHBnaLoIo9BZjzMBxLKlXSEOTLIJ9JdxGuOkNUB7AlLv1jqYo-vf0OhFlFjLXeY3LfJ/s200/Blogger.svg.png" width="200" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="irc_ho" dir="ltr" style="margin-right: -2px; overflow: hidden; padding-right: 2px; text-overflow: ellipsis; unicode-bidi: -webkit-isolate;">en.wikipedia.org</span></td></tr> </tbody></table> On 3 September, a lot of bloggers were struck with Indonesia changed his blogspot.co.id to blogspot.com domain. At this time the post I want to give the post about how to change the Domain from Blogspot.co.id to Blogspot.com Again<br /> <br /> And it turns out that this issue has been around since the year 2012 to 2013. Actually what purpose his modified that domain? As we have seen, in some countries there is a different domain e.g., blogspot.com, german American and Indonesian blogspot.ge blogspot.com<br /> <br /> Of monitoring on BLOGGER INDONESIA many also back changing the domain to blogspot.com again.<br /> <br /> Then how do I change the domain to blogspot.com?<br /> a. sign in to your blogger account.<br /> b. Select a menu template, and click edit html.<br /> c. If it is, there will be no much kode2 html blog look for <head> Code (press CTRL + F) to make it      easier.<br /> d. and copy the code below.<br /> <br /> <blockquote class="tr_bq"> <script type='text/javascript'> var str= window.location.href.toString(); if ((str.indexOf('.com/'))=='-1') { var str1=str.substring(str.lastIndexOf(".blogspot.")); if (str1.indexOf('/')=='-1') { var str2=str1; } else { var str2=str1.substring(0,str1.indexOf('/')+1); } window.location.href =window.location.href.toString().replace(str2,'.blogspot.com/ncr/'); } </script></blockquote> Thank you have visited</p>

en.wikipedia.org On 3 September, a lot of bloggers were struck with Indonesia changed his blogspot.co.id to blogspot.com domain. At th...

The advantages of Technology HTML5 and CSS3

<p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaiZDahdyx3xJi2x4cgff4tl3vTqRl9xlWVBdPzhEspk-9hwTK_x3ouClIE0kj8YIclWkOcmnODgBISnnJJ8d-hyVm9UDzD4XRScxH7fu14Ynm8aUWpulL73vpLKWcXBmi1uogA4Z66Px/s1600/images.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaiZDahdyx3xJi2x4cgff4tl3vTqRl9xlWVBdPzhEspk-9hwTK_x3ouClIE0kj8YIclWkOcmnODgBISnnJJ8d-hyVm9UDzD4XRScxH7fu14Ynm8aUWpulL73vpLKWcXBmi1uogA4Z66Px/s320/images.jpg" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="irc_ho" dir="ltr" style="margin-right: -2px; overflow: hidden; padding-right: 2px; text-overflow: ellipsis; unicode-bidi: -webkit-isolate;">www.clevertech.biz</span></td></tr> </tbody></table> <br /> The advantages of Technology HTML5 and CSS3 — this time Fashionable Bloggers will share about one language supporting design web programs namely HTML5 and CSS3. The discussion this time is very important if you are going to learn the language of the program because this is CSS3 HTLM5 and its newest version. Learn the latest HTML5 can you get at W3schools. com.<br /> <br /> <b>What is HTML5 and CSS3</b><br /> <br /> HTML5 is the latest technology from the program language (Hypertext Markup Language) or HTML that is one web programming language. HTML 5 were introduced to the public since 2008 but the new HTML5 widely known and officially in 2011.<br /> <br /> currently HTML5 already can be paired with CSS3 though not yet perfect. From the W3C (World Wide Web Consortium) overshadowing the HTML5 Program is still trying to maximize this new technology to make it more stable.<br /> <br /> <b>Advantages Of HTML5</b><br /> <br /> HTML5 brought to minimize the coding process and more logical. HTML5 is urgently needed by the website that has the basic multimedia content because it has a lot of code allocated multimedia content. Some of the new features like the element <video>, <audio>, and <canvas>, as well as integration against Vector Graphics Content (<object> tag). It is concluded that the website content-based multimedia and graphics can handle HTML5 and certainly can be used easily and faster without having to use additional plug-ins or APIs.<br /> <br /> <b>Struktural</b><br /> <br /> <b>Elemen Media</b><br /> <blockquote class="tr_bq"> <audio> Mendefinisikan konten suara<br /> <video> Mendefinisikan sebuah video atau film<br /> <source> Mendefinisikan beberapa sumber media <video> dan <audio><br /> <embed> Mendefinisikan sebuah wadah untuk aplikasi eksternal atau konten interaktif</blockquote> <b>Plug-in</b><br /> <blockquote class="tr_bq"> <track> Mendefinisikan trek teks untuk <video> dan <audio></blockquote> <b>Elemen Formulir</b><br /> <blockquote class="tr_bq"> <datalist> Specifies a list of options that have been assigned to the control input<br /> <keygen> Defines the key-pair field generators (for forms)<br /> <output> Defines the results of calculation</blockquote> <b>Semantic/Structural Elements</b><br /> <br /> HTML5 offers new elements to better structure include:<br /> <blockquote class="tr_bq"> <canvas> is used to draw a graph through the script (usually JavaScript)<br /> <article> Defines an article<br /> <aside> Defines content aside from the page content<br /> <bdi> Isolates are part of the text that can be formatted in a direction different from the other text on the outside of it<br /> <command> defines a command button that a user can ask for<br /> <details> Defines additional details that the user can view or hide<br /> <dialog> defines a dialog box or window<br /> <summary> defines a title looks for elements <details><br /> <figure> determine the content independently, such as illustrations, diagrams, photos, lists of codes, etc.<br /> <figcaption> defines a caption for the element <figure><br /> <footer> Defines the footer for a document or section<br /> <header> defines a header for the document or part<br /> <mark> defines the marked/highlighted text<br /> <meter> Defines the measurement scale in the range of known<br /> <nav> defines the navigation links<br /> <progress> is a task progress<br /> <ruby> defines a ruby annotation (for East Asian typography)<br /> <rt> Defines an explanation/pronunciation of the characters (for East Asian typography)<br /> <rp> Defines what should be displayed in browsers that do not support</blockquote> <b> Explanation of ruby</b><br /> <blockquote class="tr_bq"> <section> Defines a section in the document<br /> <time> defines the date/time<br /> <wbr> Defines a line-break may</blockquote> As for some of the elements of the HTML 4.01 that have worn out and their use has been removed on the generation of HTML5:<br /> <blockquote class="tr_bq"> <acronym><br /> <applet><br /> <basefont><br /> <big><br /> <center><br /> <dir><br /> <font><br /> <frame><br /> <frameset><br /> <noframes><br /> <strike><br /> <tt> </blockquote> <br /> We as users of technology especially the internet technology certainly does not want to be left behind with the development of the latest generation technologies, especially technologies that we use are being threatened is no longer functioning in browsers in the future.<br /> <br /> Just the top browser information such as Chrome, Safari, Firefox, Opera, and IE has provided compatibility against HTML5, this proves that the generation of HTML5 will replace the previous-generation HTML 4.01 that indirectly will delete the pengoperasianya function.</p>

www.clevertech.biz The advantages of Technology HTML5 and CSS3 — this time Fashionable Bloggers will share about one language supportin...

Learn Basic Code Blogger Template

<p><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6XfY9F5DTS7bBdPt_rU5RREl_FYA4JBurh5TwZVL25U6xJEnjfC8t8dzswiAzAuB5O9emyeciaZb5I3wiyRYt_oLqehJRw8RT6kVjaGyBeMbTsaHuHO9CBMYE4cAP2uNnvhOcYfuVAOzR/s1600/4504093b4e5b90ec37e1c2866d372b58.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6XfY9F5DTS7bBdPt_rU5RREl_FYA4JBurh5TwZVL25U6xJEnjfC8t8dzswiAzAuB5O9emyeciaZb5I3wiyRYt_oLqehJRw8RT6kVjaGyBeMbTsaHuHO9CBMYE4cAP2uNnvhOcYfuVAOzR/s1600/4504093b4e5b90ec37e1c2866d372b58.jpg" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="irc_ho" dir="ltr" style="margin-right: -2px; overflow: hidden; padding-right: 2px; text-overflow: ellipsis; unicode-bidi: -webkit-isolate;">www.pinterest.com</span></td></tr> </tbody></table> <br /> Basic code Homemade Blogger Templates-after yesterday's you've learned Basic HTML Programming Arrangement for templates Blogger and have been making your own templates now that we will give some code so that the template that you created earlier can run on blogger. Because the code-the code below is very sensitive, you have to be meticulous in putting it and follow all the instructions.<br /> <br /> <b>Declaration of xml (eXtensible Markup Language)</b><br /> <br /> XML (eXtensible Markup Language) is a subset (subset) of the Standard Generalized Markup Language (SGML), which aims to let SGML in generic can serve, receive, and process in such a way that the Web made possible the HyperText Markup Language (HTML) at this time.<br /> XML is designed for ease of implementation and for interoperability with SGML and HTML. So XML is a markup language specifically designed for delivering information over the World Wide Web, just as HTML (Hypertext Markup Language), which has become the standard language for creating web pages since the early web presence.<br /> <br /> <blockquote class="tr_bq"> <blockquote class="tr_bq"> <?xml version="1.0" encoding="UTF-8" ?></blockquote> <blockquote class="tr_bq"> <!DOCTYPE html></blockquote> <blockquote class="tr_bq"> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'></blockquote> </blockquote> When we want to enter the geographical region or language supported by the content in HTML — no need to add a meta tag simply paste — lang, example: lang = ' id ', lang = ' en ', lang = ' en-us ', lang = ' fr ', and so on.<br /> <br /> <blockquote class="tr_bq"> <html lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'></blockquote> The code above we put above or before the <html> code.<br /> <br /> <b>The Head Element</b><br /> <br /> HTML head contains a number of landmark which includes scripts, instructions to the browser to find stylesheets, providing meta information, and others.<br /> <br /> <blockquote class="tr_bq"> <blockquote class="tr_bq"> <head></blockquote> <blockquote class="tr_bq">   <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/></blockquote> <blockquote class="tr_bq">   <b:if cond='data:blog.isMobile'></blockquote> <blockquote class="tr_bq">     <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/></blockquote> <blockquote class="tr_bq">   <b:else/></blockquote> <blockquote class="tr_bq">     <meta content='width=1100' name='viewport'/></blockquote> <blockquote class="tr_bq">   </b:if></blockquote> <blockquote class="tr_bq">   <b:include data='blog' name='all-head-content'/></blockquote> <blockquote class="tr_bq">   <title></blockquote> <blockquote class="tr_bq">     <b:if cond='data:blog.homepageUrl == data:blog.url'></blockquote> <blockquote class="tr_bq">       <data:blog.title/></blockquote> <blockquote class="tr_bq">     <b:else/></blockquote> <blockquote class="tr_bq">       <data:blog.pageName/> | <data:blog.title/></blockquote> <blockquote class="tr_bq">     </b:if></blockquote> <blockquote class="tr_bq">   </title></blockquote> <blockquote class="tr_bq">   <meta content='' name=''/></blockquote> <blockquote class="tr_bq">   <link href='' rel='' type=''/></blockquote> <blockquote class="tr_bq">   <script src='' type=''/></blockquote> <blockquote class="tr_bq">   <b:skin><![CDATA[ /* CSS Anda di sini */</blockquote> <blockquote class="tr_bq"> body {</blockquote> <blockquote class="tr_bq">   background: #fff;</blockquote> <blockquote class="tr_bq">   color: #000;</blockquote> <blockquote class="tr_bq">   font: .875em/1.7143em Georgia, Times, "Times New Roman", serif;</blockquote> <blockquote class="tr_bq">   text-align: left;</blockquote> <blockquote class="tr_bq">   word-spacing: .075em;</blockquote> <blockquote class="tr_bq"> }</blockquote> <blockquote class="tr_bq"> … dan seterusnya …</blockquote> <blockquote class="tr_bq">   ]]></b:skin></blockquote> <blockquote class="tr_bq">  </head></blockquote> </blockquote> <div paragraphname="paragraph0" style="background-color: white; color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> <b><span class="" dstinfo="0:14" id="ouHighlight__0_5TO0_14" paragraphname="paragraph0" srcinfo="0:5" style="margin: 0px; padding: 0px;">Elements Of The</span><span id="noHighlight_0.8124653524719179" style="margin: 0px; padding: 0px;"> </span><span dstinfo="16:19" id="ouHighlight__7_10TO16_19" paragraphname="paragraph0" srcinfo="7:10" style="margin: 0px; padding: 0px;">Body</span></b></div> <br style="background-color: white; color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;" /><span dstinfo="0:3" id="ouHighlight__5_8TO0_3" paragraphname="paragraph2" srcinfo="5:8" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">HTML</span><span id="noHighlight_0.5694550739135593" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="5:8" id="ouHighlight__0_3TO5_8" paragraphname="paragraph2" srcinfo="0:3" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">body</span><span id="noHighlight_0.2082860143855214" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span class="" dstinfo="10:20" id="ouHighlight__10_24TO10_20" paragraphname="paragraph2" srcinfo="10:24" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">is the body</span><span id="noHighlight_0.489610148826614" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="22:27" id="ouHighlight__26_29TO22_27" paragraphname="paragraph2" srcinfo="26:29" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">of the</span><span id="noHighlight_0.7033343266230077" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="29:34" id="ouHighlight__31_36TO29_34" paragraphname="paragraph2" srcinfo="31:36" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">HTML (</span><span class="" dstinfo="35:59" id="ouHighlight__37_61TO35_59" paragraphname="paragraph2" srcinfo="37:61" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">HyperText Markup Language</span><span dstinfo="60:71" id="ouHighlight__62_72TO60_71" paragraphname="paragraph2" srcinfo="62:72" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">) which will</span><span id="noHighlight_0.05495718028396368" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="73:88" id="ouHighlight__74_91TO73_88" paragraphname="paragraph2" srcinfo="74:91" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">display the form</span><span id="noHighlight_0.8861068848054856" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="90:97" id="ouHighlight__93_102TO90_97" paragraphname="paragraph2" srcinfo="93:102" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">encoding</span><span id="noHighlight_0.274416379397735" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span class="" dstinfo="99:111" id="ouHighlight__104_113TO99_111" paragraphname="paragraph2" srcinfo="104:113" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">on the screen</span><span id="noHighlight_0.9293348521459848" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span class="" dstinfo="113:127" id="ouHighlight__115_122TO113_127" paragraphname="paragraph2" srcinfo="115:122" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">of your browser</span><span id="noHighlight_0.7383381580002606" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">.</span><span id="noHighlight_0.2919498640112579" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span class="" dstinfo="130:141" id="ouHighlight__125_142TO130_141" paragraphname="paragraph2" srcinfo="125:142" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">Whereas some</span><span id="noHighlight_0.9969184380024672" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="143:149" id="ouHighlight__144_154TO143_149" paragraphname="paragraph2" srcinfo="144:154" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">element</span><span id="noHighlight_0.5068899034522474" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="151:164" id="ouHighlight__156_168TO151_164" paragraphname="paragraph2" srcinfo="156:168" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">enclosing them</span><span id="noHighlight_0.3515740386210382" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="166:171" id="ouHighlight__170_179TO166_171" paragraphname="paragraph2" srcinfo="170:179" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">we can</span><span id="noHighlight_0.8113262669648975" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="173:180" id="ouHighlight__181_187TO173_180" paragraphname="paragraph2" srcinfo="181:187" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">describe</span><span id="noHighlight_0.287789587629959" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;"> </span><span dstinfo="182:192" id="ouHighlight__189_204TO182_192" paragraphname="paragraph2" srcinfo="189:204" style="color: #444444; font-family: 'Segoe UI'; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;">as follows.</span><br /> <br /> <blockquote class="tr_bq"> <body expr:class='"loading" + data:blog.mobileClass'></blockquote> <b>Navbar</b><br /> <br /> <blockquote class="tr_bq"> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'><br />  <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/><br /></b:section></blockquote> <br /> <b>Header</b><br /> <br /> <blockquote class="tr_bq"> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br />  <b:widget id='Header1' locked='true' title='Title Blog (Header)' type='Header'/><br /></b:section></blockquote> <br /> <b>Main (Posting Blog)</b><br /> <br /> <blockquote class="tr_bq"> <b:section class='main' id='main' showaddelement='no'><br />  <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/><br /></b:section></blockquote> <br /> <b>Sidebar</b><br /> <br /> <blockquote class="tr_bq"> <b:section class='sidebar' id='sidebar' preferred='yes'/></blockquote> <b><br /></b> <b>Footer</b><br /> <br /> <blockquote class="tr_bq"> <b:section class='footer' id='footer' showaddelement='no'><br />  <b:widget id='Attribution1' locked='false' title='' type='Attribution'/><br /></b:section> </blockquote>  From a few landmark elements at the top, usually to display a page of posts or a static page on your blog, at least there should be a main element of the widget (blog post). While others can be customized manually, such as header can only contain the title and tagline, the function we can turn off navbar feature, and others.<br /> <br /> The post this time, hopefully with this learning process can make it easier for those of you who are learning to make their own blog template.</p>

www.pinterest.com Basic code Homemade Blogger Templates-after yesterday's you've learned Basic HTML Programming Arrangement for...