Show/Hide widget Blogger

Example of how to hide sho widget mobile desktop blogger

To hide widget on mobile type mobile='no'

To show widget on mobile type mobile='yes'

To hide widget on desktop type mobile='only'

Example mobile show widget:
<b:widget id='AdSense1' locked='false' mobile='yes' title='' type='AdSense'>

Example mobile not show widget:
<b:widget id='AdSense1' locked='false' mobile='no' title='' type='AdSense'>'

Example hide widget on desktopt:
<b:widget id='AdSense1' locked='false' mobile='only' title='' type='AdSense'>

Add adsense inside post blogger

If you want add adsense inside post and wrap text around it use this code below

for adsense right use this div
<div style="float:right;">
Your Adsense ad script
</div>

left
<div style="float:right;">
Your Adsense ad script
</div>

How to create and install new opencart theme

OpenCart is free open source ecommerce platform for online merchants.

Create and install new opencart theme is very easy just follow these few steps.


Create new folder NewTheme on catalog/view/theme/, the folder tree will be like this:

catalog/view/theme/
|-> default
|-> NewTheme


Make folder and copy some files from default theme, but DO NOT copy all files. Follow this folder tree:


catalog/view/theme/
 |-> default
 |-> mytheme
     |-> image/*.* - copy all image
     |-> stylesheet/*.* - copy all stylesheet
     |-> template
          |-> common
                  |-> header.tpl

Very important otherwise the theme will not work !!!
Now open header.tpl with text editor. Search word default and replace with Newtheme Refresh your frontpage, and everything should be the same as when you used the default theme. To get different visual like changing color etc, you can modificate mytheme/stylesheet/stylesheet.css

How to edit blogger css with easy simple trick

There is an easy way to experiment with CSS code, the way to play with the design of your blog, follow this few steps and find the best design for your blog

How to embed responsively

Hi!!! I'm trying to put a youtube video and to be responsive and I have a problem what to do?
Here's the answer: it is very easy just click on this link embedresponsively.com and go to this web site in place the link of your YouTube video and then copy the code

How to create android webview progressbar

Show hide widget on mobile desktop Blogger

1.Go to edit html
2.Expand widget and find yours widget using id widget in my example it is  id='AdSense1'


To hide widget on mobile type mobile='no'

<b:widget id='AdSense1' locked='false' mobile='no' title='' type='AdSense'>

To hide widget on desktop type mobile='only'

Create webviev android app

Convert any website with android app


In Main_Activity.xml add this code :

<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>

WebView link click open default browser

Inside my activity add this line of code

Uri uri = Uri.parse("http://www.example.com");
 Intent intent = new Intent(Intent.ACTION_VIEW, uri);
 startActivity(intent);

this.finish();

Create android webview progressbar

In my activity add this line of code

myWebView.setWebViewClient(new WebViewClient() {
   public void onPageStarted(WebView view, String url, Bitmap favicon) {

              super.onPageStarted(view, url, favicon);
              findViewById(R.id.progress1).setVisibility(View.VISIBLE);
             }