Karin Chan

New Android-x86 4.2 Test Build (Based On Android 4.2.2) Available For Download

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggS35OwpAr8IGrIvguSQ6vKcAZzC-17G4Q0Rz4vej2dmoFtwHLC-lK2Qb-txiASqpcx91M2VeCkygU2utbYf_QpmQTsBZcT_gNfoMcPhQ0-Xryb6QJUdju17Xk3NEanwsCi1pIUz9sP_gm/s1600/android-x86-home.png" imageanchor="1" rel="image_group" style="margin-left: 1em; margin-right: 1em;" title="Android-x86"><img alt="Android-x86 4.2" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggS35OwpAr8IGrIvguSQ6vKcAZzC-17G4Q0Rz4vej2dmoFtwHLC-lK2Qb-txiASqpcx91M2VeCkygU2utbYf_QpmQTsBZcT_gNfoMcPhQ0-Xryb6QJUdju17Xk3NEanwsCi1pIUz9sP_gm/s320/android-x86-home.png" title="Android-x86 4.2" width="320" /></a></div> <div style="text-align: justify;"><a href="http://www.android-x86.org/">Android-x86</a> is a project that provides Android with x86 support so it can be used on netbooks, laptops and various tablets.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Today, a new Android-x86 4.2 (based on the latest Android 4.2.2) test build has been released and it includes:</div><a name="more"></a><ul><li>Linux Kernel 3.8.0;</li><li>OpenGL ES hardware acceleration for AMD Radeon and Intel chipsets;</li><li>Multi-touch, Wifi, Audio, G-sensor, Camera and Backlight control support;</li><li>Simulate SDCard by internal storage;</li><li>Auto mount USB drives and sdcards;</li><li>Multi-user support with a maximum of 8 users;</li><li>Ethernet support (DHCP only) so you don't have to use WiFi to get Internet access, useful for testing Android-x86 in VirtualBox, etc.;</li><li>VirtualBox support.</li></ul> <div style="text-align: justify;">Unfortunately, the latest Android-x86 4.2 doesn't come with ARM translator support which means that you can't use many applications and games available in the Google Play Store. If you want ARM translator support, you'll either have to build Android-x86 from source or use an older version (<a href="http://www.webupd8.org/2012/07/android-x86-404-ics-rc2-released-with.html">4.0 RC2</a> - which is more stable by the way!).</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Starting with version 4.2, the Android-x86 developers have created an universal image instead of building separate images for various devices. This is in early development stages so you'll probably encounter bugs - if you do, report them at the <a href="http://groups.google.com/group/android-x86">Android-x86 forum</a>.</div> Here are a few Android-x86 4.2 (20130228) screenshots: <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRPdIfcBMCl8zLgPaCd1umCpXU64NYQfXX_VwGHSp2ZnmNRepBSZeT3BjICxENOwrEp4IEnJcLU8qQr7RZLIVeqdtjjHWigGifxZ_Un2-u2rDetSLOgk5fgTbkVp1WcF7642I0hQ5Q2HRB/s1600/android-x86-about.png" imageanchor="1" rel="image_group" style="margin-left: 1em; margin-right: 1em;" title="Android-x86 - About"><img alt="Android-x86 4.2 screenshot" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRPdIfcBMCl8zLgPaCd1umCpXU64NYQfXX_VwGHSp2ZnmNRepBSZeT3BjICxENOwrEp4IEnJcLU8qQr7RZLIVeqdtjjHWigGifxZ_Un2-u2rDetSLOgk5fgTbkVp1WcF7642I0hQ5Q2HRB/s320/android-x86-about.png" title="Android-x86 4.2 screenshot" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkeGnw6l-_8GNHgIqvxHg1Le-cyHDP9wbW8Ic8sh7WivdJ3lxUjoDCJ7N6TWp_rcQv6w_xz47Y5oNylo3n_VGNewmO8wkS1dMM8YszUrIUsB-Yo8Ne880KJXeZIJsAvoqUxijnciQeglw/s1600/android-x86-browser.png" imageanchor="1" rel="image_group" style="margin-left: 1em; margin-right: 1em;" title="Android-x86 browser"><img alt="Android-x86 4.2 screenshot" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnkeGnw6l-_8GNHgIqvxHg1Le-cyHDP9wbW8Ic8sh7WivdJ3lxUjoDCJ7N6TWp_rcQv6w_xz47Y5oNylo3n_VGNewmO8wkS1dMM8YszUrIUsB-Yo8Ne880KJXeZIJsAvoqUxijnciQeglw/s320/android-x86-browser.png" title="Android-x86 4.2 screenshot" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGbWu8J4WlZJiRV_vQ_kKCgSYUhTbDtyqD638vdcC0hqX836ZKEUoCWPlDMQr31v6iwwABJsjZjawaunwKhstxItwF95rRjRfmOzxHlj-ScMdrJKKadawurMk-2A1j2edIyUOvV2ODMklk/s1600/android-x86-apps.png" imageanchor="1" rel="image_group" style="margin-left: 1em; margin-right: 1em;" title="Android-x86 applications"><img alt="Android-x86 4.2 screenshot" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGbWu8J4WlZJiRV_vQ_kKCgSYUhTbDtyqD638vdcC0hqX836ZKEUoCWPlDMQr31v6iwwABJsjZjawaunwKhstxItwF95rRjRfmOzxHlj-ScMdrJKKadawurMk-2A1j2edIyUOvV2ODMklk/s320/android-x86-apps.png" title="Android-x86 4.2 screenshot" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvnKz36XHLsAplgOSyxmjV-Yi_kugIdiAPDDUZRRUD6Gr24JQuZxt8-TM6FcQYgXnNH9HCsnHXh4OpDnHtPIu68giERDOmpR7aq-Z0FhzvFUL-h09Y1F1ejWCyj2yMmHxnkoIPvD_ASepV/s1600/android-x86-market.png" imageanchor="1" rel="image_group" style="margin-left: 1em; margin-right: 1em;" title="Android-x86 Google Play Store"><img alt="Android-x86 4.2 screenshot" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvnKz36XHLsAplgOSyxmjV-Yi_kugIdiAPDDUZRRUD6Gr24JQuZxt8-TM6FcQYgXnNH9HCsnHXh4OpDnHtPIu68giERDOmpR7aq-Z0FhzvFUL-h09Y1F1ejWCyj2yMmHxnkoIPvD_ASepV/s320/android-x86-market.png" title="Android-x86 4.2 screenshot" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS1MoiJFfd0i0L6KhfRfhYr2W8oA73T5eWuzgDXczbBuiSGez29ePWGPjttTShZQUb7QnVjR5dIR433RD79jlJ3G7AKT43c4MrmDwJY8IcPENp2kWUfjQFIyH5QMemJph0Qjgw9CoZBVaP/s1600/android-x86-lockscreen.png" imageanchor="1" rel="image_group" style="margin-left: 1em; margin-right: 1em;" title="Android-x86 lock screen"><img alt="Android-x86 4.2 screenshot" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS1MoiJFfd0i0L6KhfRfhYr2W8oA73T5eWuzgDXczbBuiSGez29ePWGPjttTShZQUb7QnVjR5dIR433RD79jlJ3G7AKT43c4MrmDwJY8IcPENp2kWUfjQFIyH5QMemJph0Qjgw9CoZBVaP/s320/android-x86-lockscreen.png" title="Android-x86 4.2 screenshot" width="320" /></a></div> Android-x86 4.2 (20130228 build) known issues: <ul><li>suspend and resume don't work (I suggest disabling the screen lock);</li><li>some applications freeze on i915/i965 devices;</li><li>Bluetooth doesn't work;</li><li>and, like I was saying above, there's no ARM translator support.</li></ul> <div style="text-align: justify;">Those are the official known issues, but from my test, I can tell you that the sound is choppy, at least in VirtualBox and also, I've read that Android-x86 doesn't work in VirtualBox OSE (you'll get a kernel panic) although it does work in Oracle VirtualBox. If you encounter such an issue, install VirtualBox like we've explained <a href="http://www.webupd8.org/2012/09/virtualbox-420-released-with-support.html" title="Install VirtualBox 4.2 in Ubuntu via repository">here</a>. </div><div style="text-align: justify;"> </div><div style="text-align: justify;">Another issue I've encountered that has also been present in past versions is that the mouse doesn't work in VirtualBox by default. To fix this, from the VirtualBox menu select: Machine > Disable Mouse Integration.</div> <h2>Download Android-x86</h2> <div style="text-align: justify;">The latest Android-x86 4.2 build (based on Android 4.2.2) as well as older builds are available for download @ <a href="http://code.google.com/p/android-x86/downloads/list">code.google.com</a>.</div> Also see: <a href="http://www.webupd8.org/2012/03/how-to-dual-boot-android-x86-and-ubuntu.html">How To Dual-Boot Android-x86 And Ubuntu (With GRUB 2)</a>

New Android-x86 4.2 Test Build (Based On Android 4.2.2) Available For Download

Android-x86 is a project that provides Android with x86 support so it can be used on netbooks, laptops and various tablets. Today, a new An...

+ Read more »

Changing Blog Page By the Page Number Navigation

<div dir="ltr" style="text-align: left;" trbidi="on">In general, the navigation to move pages in blogspot typically use a link with the text "Older Posts (old post)" and "Newer Posts (new post)". Differences with wordpress that can navigate shaped figures that can make it easier to skip a few pages to post that old and new. This tutorial I will explain how to change the link "Older Posts (long post)" and "Newer Posts (new post)" a figure as shown below: <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw5mjXZnUMA-sRJeCEFIn4M7EJo00V_v5uMjeETtBLzIbaKnzXfGb-O8-NDOSRH3984EJ_GrM-gMzQDKdJgsyrNRmMqTH39oVrbGu3ZWDwCO7NMddblHwIcOAv2MJmrmgeWrKoH_-Zzh8/s1600/numbered-page-navigation-for-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Page Number Navigation" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw5mjXZnUMA-sRJeCEFIn4M7EJo00V_v5uMjeETtBLzIbaKnzXfGb-O8-NDOSRH3984EJ_GrM-gMzQDKdJgsyrNRmMqTH39oVrbGu3ZWDwCO7NMddblHwIcOAv2MJmrmgeWrKoH_-Zzh8/s1600/numbered-page-navigation-for-blogger.png" title="Page Number Navigation" /></a></div> To make the "blog page" like the above way is quite easy, here are the steps: <ol style="text-align: left;"><li>Go To Blogger > Design > Edit HTML</li><li>Back up your template</li><li>Search (Ctrl+F) for  ]]></b:skin></li></ol><div>Past below code above ]]></b:skin></div><div> </div><div><blockquote class="tr_bq">.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#cccccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #cccccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; }</blockquote>  4. Then look up the code </ body> and add the following code on it: <blockquote class="tr_bq"><b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord =&#39;Previous&#39;; var downPageWord =&#39;Next&#39;; </script> <script src='https://bloggerknown.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if> </b:if>  </blockquote> 5. Click the preview first, if there is no error click save. Change page count 5 and display page Num 5 </div> </div>

Changing Blog Page By the Page Number Navigation

In general, the navigation to move pages in blogspot typically use a link with the text "Older Posts (old post)" and "Newer P...

+ Read more »

How to Make Money Online With Fiverr

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Are you looking for a quick and easy way to make money online. Why not try <a href="http://fiverr.com./" rel="nofollow" target="_blank">Fiverr.com.</a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvConmGu1ejxAe35UzUKgR2fgSWqbxyGglxlzO_DbUaaDZs8LPt0Rk9emmtbkF-_eRT5M-DN8K-LurnuAtUQWV-GqBnzsgrB_XNWaLNLXxZts5a2IfFYoCpwk-ClWsM0xtfm_5bm0t4Nk/s1600/fiverr.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="make money online with fiver" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvConmGu1ejxAe35UzUKgR2fgSWqbxyGglxlzO_DbUaaDZs8LPt0Rk9emmtbkF-_eRT5M-DN8K-LurnuAtUQWV-GqBnzsgrB_XNWaLNLXxZts5a2IfFYoCpwk-ClWsM0xtfm_5bm0t4Nk/s320/fiverr.jpeg" title="Make money online with fiver" width="320" /></a></div> <h1 style="text-align: left;"></h1><h1 style="text-align: left;">About Fiverr</h1>The website was founded by Micha Kaufman and Shai Wininger with the aim of providing a platform for people to buy and sell a variety of small services typically offered by freelance contractors, such as writing, graphic design, and programming. Fiverr operates in more than 200 countries and brings in revenue by taking a 20% commission from each sale that is made through their platform. The service provides its users in return a place for them to connect; the ability to communicate; the facilities to send and receive files; and the platform to make and accept payment, as well as providing support for consumer and purchaser disputes. <h1 style="text-align: left;"></h1><h1 style="text-align: left;"></h1><h1 style="text-align: left;">What is Fiverr?</h1>Fiverr.com is a global online marketplace offering tasks and services starting at $5. The service offered or requested is called a “Fiverr Gig”. Currently, Fiverr lists more than 1,000,000 services on the site that range between $5 and $150. How? It is free and 2-minute process to register at <a href="http://fiverr.com/join" rel="nofollow" target="_blank">Fiverr.com</a> for buying or selling gigs. <div> </div><h4 style="text-align: left;">Start today and earn money online <a href="http://fiverr.com/join" rel="nofollow" target="_blank">Click here</a></h4></div></div></div>

How to Make Money Online With Fiverr

Are you looking for a quick and easy way to make money online. Why not try Fiverr.com. About Fiverr The website was founded by Micha Kaufman...

+ Read more »

Blogspot TLD Country Redirect Affecting SEO

<div dir="ltr" style="text-align: left;" trbidi="on">Blogspot TLD Country Redirect Affecting SEO <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPsReV-xKs3DUNwffWNhf2WoAOdU_-FfkW7MGBFqfee_2ISItIUlzKO2SKmqh-GlFMuQnO8z_cI2qAhgj7HAjbUpx01HMl_dctsxjQEmSAYk39WrpnmEBzTidjKte92g_IyY7C2iF5TJ0/s1600/stop-blogspot-redirecting-country-specific.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogspot TLD Country Redirect" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPsReV-xKs3DUNwffWNhf2WoAOdU_-FfkW7MGBFqfee_2ISItIUlzKO2SKmqh-GlFMuQnO8z_cI2qAhgj7HAjbUpx01HMl_dctsxjQEmSAYk39WrpnmEBzTidjKte92g_IyY7C2iF5TJ0/s1600/stop-blogspot-redirecting-country-specific.jpg" title="Blogspot TLD Country Redirect" /></a></div> The meaning of the above titles are each of us to make a blog using the domain " blogspot.com "domain will change its address if site / blog that is open in other countries, examples of his blog address is" ichibikarin.blogspot.com "will but if we open this blog in other countries like india the URL address will change to " bloggerknown.blogspot.in . " Of course it will influence SEO blog. way mengatasai matter. you can simply add the following code under the code " <head> " <blockquote class="tr_bq"><script type='text/javascript'> var blog = document.location.hostname; var slug = document.location.pathname; var ctld = blog.substr (blog.lastIndexOf (".")): if (ctld ! = ". com") { var NCR = "http://" + blog.substr (0, blog.indexOf (".")); NCR + = ".blogspot.com / NCR" ; + slug; window.location.replace (NCR);} </script></blockquote>How to tell how those verses work. How do I find out what the code is working properly or not. Consider writing " demo-bloggerknown.blogspot.in "on your browser at the URL, If your blog URL is automatically changed to" demo-ichibikarin.blogspot.com "The marked code above script to work properly.</div>

Blogspot TLD Country Redirect Affecting SEO

Blogspot TLD Country Redirect Affecting SEO The meaning of the above titles are each of us to make a blog using the domain " blogspot.c...

+ Read more »

Disabling the Preview Function In Blog

<div dir="ltr" style="text-align: left;" trbidi="on">Preview on blogs, Maybe for a blogger who likes to modify the template, this is sometimes a problem Preview to see the result of the modification and in particular, in the "header-wrapper" blog, your example of the "Navigation Menu" with hover effect under the header, it will automatically be blocked by the "Preview" and you can not see the effect that there is on the menu. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9ONyelJc_N0o509kSz5rsEnNS9_nTJBth5mGVokSGAOILfGFcq2F8BgLL5aKsDtGtb6k6tqzCLO2NW_pW6p1QWP3zGnyJ5iRUL_7e-NobmooY2QdHl5GYrFmHmyp3eEhX3i0U9U2YTM/s1600/Eliminate+Effect+Preview.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Eliminate Effect Preview" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9ONyelJc_N0o509kSz5rsEnNS9_nTJBth5mGVokSGAOILfGFcq2F8BgLL5aKsDtGtb6k6tqzCLO2NW_pW6p1QWP3zGnyJ5iRUL_7e-NobmooY2QdHl5GYrFmHmyp3eEhX3i0U9U2YTM/s1600/Eliminate+Effect+Preview.jpg" title="Eliminate Effect Preview" /></a></div> I fix that?? way to overcome the preview element you can simply add the following CSS3 code above code ]]> </ b: skin> <blockquote class="tr_bq">. Bloggers-clickTrap {display: none}</blockquote> If you have added the code you tried the preview and the effect of the preview will disappear but it says "Preview" it still appear.</div>

Disabling the Preview Function In Blog

Preview on blogs , Maybe for a blogger who likes to modify the template, this is sometimes a problem Preview to see the result of the modifi...

+ Read more »

Creating Navigation Transition Effect In Blog

<div dir="ltr" style="text-align: left;" trbidi="on">Today I will explain how to make the "Menu Navigation" very cool with transition effects. Transition effect is an effect where we set the time changes in the css tersebut.Berikut demo of "Menu Navigation" is. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI-9OvNqi93ux9k7DgMzyeKC869E9YpVKkAhuKuELz4XqwUEUtIgh8wXqNTJQ0t_tnzHlyhNfms8IKBabCzB-mD78QJ-zVFEXRu2fbMBbc2uV0BkzKbYXVvH-thb7TpD-dkVqVgkIyMbk/s1600/Creating+Navigation+Transition+Effect+In+Blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Navigation Menubar for blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI-9OvNqi93ux9k7DgMzyeKC869E9YpVKkAhuKuELz4XqwUEUtIgh8wXqNTJQ0t_tnzHlyhNfms8IKBabCzB-mD78QJ-zVFEXRu2fbMBbc2uV0BkzKbYXVvH-thb7TpD-dkVqVgkIyMbk/s1600/Creating+Navigation+Transition+Effect+In+Blog.jpg" title="Navigation Menubar for blogger" /></a></div> <div style="text-align: center;"><a href="http://demo-ichibikarin.blogspot.com/2013/02/creating-navigation-transition-effect.html" rel="nofollow" target="_blank">Navigation Menu Transition Effects Demo</a></div><div style="text-align: center;"> </div><div style="text-align: left;"> <ol style="text-align: left;"><li>Go To Blogger > Design > Edit HTML</li><li>Back up your template</li><li>Search (Ctrl+F) for   ]]></b:skin></li></ol><div>You simply add the following code above the code]]> </ b: skin></div><div> </div> </div><div style="text-align: left;">  CSS Code: <blockquote class="tr_bq"> /*URL: http://www.ichibikarin.blogspot.com/ */ @import url(http://fonts.googleapis.com/css?family=Dosis:400,700); .navbar {  font-family: 'Dosis', sans-serif;  position:relative;  display:table;  float:none;  list-style-type:none;  padding:0;  margin:20px auto 250px auto; } .navbar:before {  position:absolute;  display:block;  content: "";  z-index:-1;  width:100%;  height:18px;  bottom:-9px;  left:2px;  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 75%);  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.7)), color-stop(75%,rgba(0,0,0,0)));  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 75%);  background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 75%);  background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 75%);  background: radial-gradient(center, ellipse cover,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 75%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=1 );  opacity:.4; } .navbar:after {  position:absolute;  display:block;  content: "";  z-index:-1;  width:100%;  height:100%;  top:0;  left:0;  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); } .navbar > li {  position:relative;  float:left;  display:inline-block;  list-style-type:none;  text-align:center;  margin:0;  border-left:0;  border:1px solid rgba(0,0,0,0.5);  line-height:35px;  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);     box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);  -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -ms-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; } .navbar.color1 > li {  background:#ea7900; } .navbar.color2 > li {  background:#336277; } .navbar.color3 > li {  background:#3e781b; } .navbar.color4 > li {  background:#ad2259; } .navbar.color5 > li {  background:#b20a22; } .navbar > li:before {  position:absolute;  display:block;  content: "";  z-index:1;  width:100%;  height:100%;  left:0;  top:0;  background: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.16) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(0,0,0,0.16)));  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.16) 100%);  background: -o-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.16) 100%);  background: -ms-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.16) 100%);  background: linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.16) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#29000000',GradientType=0 ); } .navbar > li:after {  position:absolute;  display:block;  content:"";  width:100%;  height:100%;  top:0;  left:0;  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OERFQkEzRUJDNUM5MTFFMUE3NzBCMTZBMEExNEQ5NUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OERFQkEzRUNDNUM5MTFFMUE3NzBCMTZBMEExNEQ5NUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4REVCQTNFOUM1QzkxMUUxQTc3MEIxNkEwQTE0RDk1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4REVCQTNFQUM1QzkxMUUxQTc3MEIxNkEwQTE0RDk1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiSp0pIAAAAySURBVHjaYmBgYOAHYmYGCADR/CDiDxDzQAW5gPgLlM3ACsQKUBqhBYjZkY3CMBMgwACvHQKnyUp+6gAAAABJRU5ErkJggg=="); } .navbar > li.drpdown a > span{  margin-right:30px; } .navbar > li.drpdown > a:after {  position:absolute;  content: "\0025bc";  z-index:1;  font-size:8px;  top:0;  right:10px;  color:#fff;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);     filter: dropshadow(color=#000, offx=0, offy=-1);  -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -ms-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; } .navbar > li.drpdown a:hover:after,.navbar > li a:hover {  color:#ccc; } .navbar > li.drpdown:hover .drpcontent {  display:block; } .navbar > li:first-child {  border-left:1px solid #1a1a1a; } .navbar > li:last-child {  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);     box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25), inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25); } .navbar > li > a {  position:relative;  display:block;  width:100%;  text-decoration:none;  font-size:12px;  color:#fff;  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);     filter: dropshadow(color=#000, offx=0, offy=-1);  z-index:4;  -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -ms-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; } .navbar > li:hover {  -webkit-box-shadow: inset 0px -2px 8px 0px rgba(0, 0, 0, 0.35);  box-shadow: inset 0px -2px 8px 0px rgba(0, 0, 0, 0.35); } .navbar > li > a > span {  position:relative;  font-weight:bold;  margin:0 15px 0 0; } .navbar > li  .drpcontent {  position:absolute;  display:none;  margin:0;  padding:20px 0 0 0;  z-index:5;  top:36px;  min-width:200%;  float:none;  list-style-type:none;  border:1px solid #737373;  border-top:0;  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25),inset 0px 6px 4px -4px rgba(0, 0, 0, 0.5);  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25),inset 0px 6px 4px -4px rgba(0, 0, 0, 0.5);  -webkit-border-radius: 0px 0px 4px 4px;  border-radius: 0px 0px 4px 4px;  background: rgb(249,249,249);  background: -moz-linear-gradient(-45deg,  rgba(249,249,249,1) 0%, rgba(229,229,229,1) 100%);  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(229,229,229,1)));  background: -webkit-linear-gradient(-45deg,  rgba(249,249,249,1) 0%,rgba(229,229,229,1) 100%);  background: -o-linear-gradient(-45deg,  rgba(249,249,249,1) 0%,rgba(229,229,229,1) 100%);  background: -ms-linear-gradient(-45deg,  rgba(249,249,249,1) 0%,rgba(229,229,229,1) 100%);  background: linear-gradient(135deg,  rgba(249,249,249,1) 0%,rgba(229,229,229,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=1 );  -webkit-transition: opacity 300ms ease-in-out;  -moz-transition: opacity 300ms ease-in-out;  -ms-transition: opacity 300ms ease-in-out;  -o-transition: opacity 300ms ease-in-out;  transition: opacity 300ms ease-in-out; } .navbar > li:not(:last-of-type) .drpcontent {  left:-1px; } .navbar > li:last-child .drpcontent {  right: -1px; } .drpcontent li {  position:relative;  text-align:left;  border-bottom:1px solid rgba(0, 0, 0, 0.2);  font-size:12px;  line-height:35px;  height:35px;  font-weight:bold;  -webkit-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.2);  box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.2);  overflow:hidden; } .drpcontent li:before {  position:absolute;  display:block;  content: "";  width:100%;  height:100%;  top:-100%;  left:0;  background: #cecece;  -webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -ms-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;  opacity:0; } .drpcontent li:after {  position:absolute;  display:block;  content: "\0025b6";  height:20px;  width:20px;  top:0;  left:6px;  font-size:8px;  -webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -ms-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out; } .drpcontent li:hover:before {  top:0;  opacity:0.8; } .drpcontent li:hover:after {  color:#fff;  left:12px; } .drpcontent li:last-child:hover:before {  -webkit-border-radius: 0px 0px 4px 4px;  border-radius: 0px 0px 4px 4px; } .drpcontent li a {  display:block;  height:100%;  width:100%;  position:relative;  color:#000;  text-decoration:none;  width:100%;  padding-left:20px;  -webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -ms-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out; } .drpcontent li:hover a{  color:#fff;  padding-left:26px; } .drpcontent li:first-child {  border-top:1px solid #a6a6a6; } .drpcontent li:last-child {  border:0;  -webkit-box-shadow:none;  box-shadow:none;  -webkit-border-radius: 0px 0px 4px 4px;  border-radius: 0px 0px 4px 4px; } .icon20{  position:relative;  float:left;  display:block;  width:20px;  height:20px;  margin:6px 8px 0 8px;  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAoCAYAAAA16j4lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjJERkRDNTBDNUQ0MTFFMUI3QjJDOTZFNDMzQ0IwMjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjJERkRDNTFDNUQ0MTFFMUI3QjJDOTZFNDMzQ0IwMjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MkRGREM0RUM1RDQxMUUxQjdCMkM5NkU0MzNDQjAyNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MkRGREM0RkM1RDQxMUUxQjdCMkM5NkU0MzNDQjAyNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psj8MzMAAA91SURBVHja7FxbbBTV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") no-repeat;  -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -ms-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; } .icon20.home {background-position:0 0;} .icon20.upload {background-position:-20px 0;} .icon20.download {background-position:-40px 0;} .icon20.comments {background-position:-60px 0;} .icon20.theme {background-position:-80px 0;} .icon20.login {background-position:-100px 0;} .navbar > li:hover .icon20.home {background-position:0 -20px;} .navbar > li:hover .icon20.upload {background-position:-20px -20px;} .navbar > li:hover .icon20.download {background-position:-40px -20px;} .navbar > li:hover .icon20.comments {background-position:-60px -20px;} .navbar > li:hover .icon20.theme {background-position:-80px -20px;} .navbar > li:hover .icon20.login {background-position:-100px -20px;}</blockquote>Save templates HTML Code:  You can add this code to widget  HTML / Javascript. <blockquote class="tr_bq"><script type="text/javascript" src="https://bloggerknown.googlecode.com/files/jquery.min.js"></script> <ul class="navbar color1">  <li><a href="#">Home</a></li>  <li><a href="#">Upload</a></li>  <li><a href="#">Download</a></li>  <li class="drpdown"><a href="#">Posts</a>   <ul class="drpcontent">    <li><a href="#">Latest Posts</a></li>    <li><a href="#">Popular Posts</a></li>    <li><a href="#">Private Posts</a></li>   </ul>  </li>  <li><a href="#">Login</a></li>  <li class="drpdown"><a href="http://www.ichibikarin.blogspot.com/">Themeselector</a>   <ul class="drpcontent" id="themeselect">    <li><a href="#" data-color="color1">Orange</a></li>    <li><a href="#" data-color="color2">Marine</a></li>    <li><a href="#" data-color="color3">Green</a></li>    <li><a href="#" data-color="color4">Purple</a></li>    <li><a href="#" data-color="color5">Red</a></li>   </ul>  </li> </ul></blockquote> Replace # with the URL and replace the blue text with the name you want the navigation menu. Extras!!!. If there is an error on your blog in the navbar. Please replace the text that reads navbar on CSS3 code above. </div></div>

Creating Navigation Transition Effect In Blog

Today I will explain how to make the "Menu Navigation" very cool with transition effects. Transition effect is an effect where we ...

+ Read more »

Make Money With Your Blog and Google AdSense

<div dir="ltr" style="text-align: left;" trbidi="on"><a href="http://ichibikarin.blogspot.com/search/label/Blogger" target="_blank">Blogger</a> provides a simple way for you to make money with your blog. AdSense is <a href="http://ichibikarin.blogspot.com/search/label/Google" target="_blank">Google's</a> content- targeted <a href="http://ichibikarin.blogspot.com/search/label/Advertising%20Networks" target="_blank">advertising program</a>. If you use <a href="http://ichibikarin.blogspot.com/search/label/Adsense" target="_blank">AdSense</a>, you don't have to select keywords or categories for your ads. Instead, Google's servers determine what your posts are about and display the most relevant ads to your readers. For example, if you blog about , you might see ads for “Baseball” next to your post. If you blog about painting, you might see ads for “Art Supplies.” <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQez3F7p3OHXljOXE_MkoHGUaQMEtqY1pCjrm3hfZvSsITg4Cje5d3CkXcW81Hn1OVyHJvweJZ-w_yRB2E08ddsPZm-iTixLIsIjJQLYACDIzU5rFJP8-11sCvse-7bjIlkvxe6-jgjEc/s1600/blogger+plus+google+adsense.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="SIGN UP FOR ADSENSE" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQez3F7p3OHXljOXE_MkoHGUaQMEtqY1pCjrm3hfZvSsITg4Cje5d3CkXcW81Hn1OVyHJvweJZ-w_yRB2E08ddsPZm-iTixLIsIjJQLYACDIzU5rFJP8-11sCvse-7bjIlkvxe6-jgjEc/s1600/blogger+plus+google+adsense.PNG" title="SIGN UP FOR ADSENSE" /></a></div> Starting a new account with <a href="http://ichibikarin.blogspot.com/search/label/Google%20AdSense" target="_blank">Google AdSense</a> is one of the easiest ways to start monetizing your blog. While Google AdSense might not make you rich, it's a simple and useful tool. In fact, it's usually the first step bloggers typically take to earn an income from their blogs because it is so easy to get started. Please Follow instructions below: 1. Read the <a href="https://www.google.com/adsense/support/bin/answer.py?answer=48182&sourceid=aso&subid=ww-ww-et-asui&medium=link" rel="nofollow" target="_blank">Google AdSense program policies.</a> 2. Visit the <a href="https://www.google.com/adsense/login/en_US/" rel="nofollow" target="_blank">Google AdSense home page.</a> Click on the 'Sign Up Now' button in the upper righthand corner of your screen. 3. Complete the online application. You will need to provide your blog's URL and primary language as well as answer some questions related to the rules of the <a href="https://support.google.com/adsense/bin/answer.py?hl=en&answer=48182&sourceid=aso&medium=link&subid=ww-ww-et-asui" rel="nofollow" target="_blank">Google AdSense program.</a> You'll also need to provide your payment information to receive the money you generate on your blog from Google. 4. Access your new account and review the ads available to you. Google AdSense provides a Broad range of advertising options to bloggers from text ads to image ads and more. Take some time to research everything that's available to Assessment what will work best for your blog. 5. Select your ad design choices. Once you've decided which ad opportunities are best for your blog, select them. Google will provide a snippet of HTML code to you after you make your selection. 6. Insert your Google AdSense HTML code into your blog. Copy and paste the HTML code provided by Google into your blog's template. One of the easiest ways for a beginner blogger to do this is by inserting a text widget into his or her blog's template and pasting the code in the widget. 7. Let Google do the rest. It may take a few hours or a few days for Google to start serving ads on your blog. Google will search your blog to determine the predominant subjects of each page. When readers visit your blog, the HTML code you pasted into your blog from Google will activate and relevant ads will be displayed based on each page's content. 8. Collect your money. <a href="http://support.google.com/adsense/bin/answer.py?hl=en&answer=65090" rel="nofollow" target="_blank">Intro to Adsense Payment</a> Remember, Google AdSense typically pays based on click-throughs (the number of times people click on an ad). Therefore, Google AdSense is unlikely to generate a large income for you, but every bit helps! This Topic available on Google Support <a href="https://support.google.com/adsense/bin/answer.py?hl=en&answer=23921&topic=1261918&ctx=topic" rel="nofollow" target="_blank">Beginner's guide</a> Tips: <ul><li>Read and adhere to the <a href="https://www.google.com/adsense/support/bin/answer.py?answer=48182&sourceid=aso&subid=ww-ww-et-asui&medium=link" rel="nofollow" target="_blank">Google AdSense policies</a> in full before you sign up for a Google AdSense account. If you violate any of the policies, your account will be cancelled.</li><li>Take some time to perfect your Google AdSense program once you get started by learning the steps you need to take to increase your Google AdSense earning potential.</li></ul></div>

Make Money With Your Blog and Google AdSense

Blogger provides a simple way for you to make money with your blog. AdSense is Google's content- targeted advertising program . If you...

+ Read more »