Posts

Showing posts from September, 2012

How to make Blogger widget title invisible from the blog

Image
Sometimes i don't need my custom widget title to appear in my blog but i need the title in the template code in order for me to search it and make some edits when i need to. This is what need to be done: Search for the title of the widget (Example for Printfriendly widget). Edit the code from (Example): <b:widget id='HTML1' locked='false' title='Print PDF powered by www.printfriendly.com' type='HTML'> <b:includable id='main'>   <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if> To ( edits are in read ): <b:widget id='HTML1' locked='false' title='Print PDF powered by www.printfriendly.com' type='HTML'> <b:includable id='main'>   <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;...
5 comments
Read more

How to make my custom AdSense Ads appear in my Blogger mobile view site

Image
I have added my custom AdSense ad as a widget using the Blogger layout editor but some how the AdSense ad appears only in dekstop view of my blog. It does not appears at all in my mobile view. I know i can enable the Blogger built-in AdSense widget and it will automatically appears in the mobile site, but i wanted to have more control over my ads and monitor them. To make the ad widget to appear in the mobile view, you just have to add the mobile='yes' attribute of the widget HTML source from the Blogger template HTML edit. Refer to this post on how to use the attribute: http://almost-a-technocrat.blogspot.com/2012/09/how-to-make-blogger-widgets-to-appear.html
Post a Comment
Read more

How to define different Blogger CSS properties for desktop and mobile view

Image
You can control how your Blogger site's CSS properties apply between desktop and mobile view. This can be achieved by conditionally giving different CSS properties to a same class between desktop and mobile view. Before doing this, make sure that the <body> tag of your custom template is the same as this: <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> Then, you can define different CSS properties for desktop and mobile view: /* For desktop view */ .date-posts { margin: 0 -$(separator.outdent); padding: 0 $(separator.outdent); } /* For mobile view */ .mobile .date-posts { margin: 0; padding: 0; } References or Credits: http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html
3 comments
Read more

How to make Blogger widgets to show different content between desktop and mobile view

Image
Content of widgets can be customized between desktop and mobile view. This can be achieved by using a boolean variable of " data:blog.isMobile ". The example below demonstrate how a widget would shows different contents between desktop and mobile view by depending on the conditional value of " data:isMobile " variable. <div class="widget-content"> <b:if cond="data:blog.isMobile"> <!-- Show a text link in mobile view.--> <a href="http://www.blogger.com"> Powered By Blogger </a> <b:else/> <!-- Show an image link in desktop view.--> <a href="http://www.blogger.com"> <img expr:src="data:fullButton" alt="Powered By Blogger"/> </a> </b:if> </div> References or Credits: http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html
Post a Comment
Read more

How to make Blogger widgets to appear in mobile view

Image
Blogger widgets can be controlled to be available in mobile view (<blogger site url>?m=1) by using attribute " mobile " in " <b:widget> " tag. The value of the attribute can be: default yes no only Widgets that are displayed on mobile by default are the following: Header Blog Profile PageList AdSense Attribution Examples: The following widget will not be available in mobile view, because it’s a BlogArchive widget. <b:widget id='BlogArchive1' title='Blog Archive' type='BlogArchive'> To make it available in mobile view, add mobile=’yes’ attribute to it. <b:widget id='BlogArchive1' mobile='yes' title='Blog Archive' type='BlogArchive'> Setting mobile to 'no' makes a widget not display in mobile view, even if available in mobile view by default. <b:widget id='Attribution1' mobile='no' title='Attribution' type='Attribution'> You can also make a wid...
7 comments
Read more

How to run Sysinternals tools directly from the web

Image
Instead of downloading the whole Windows Sysinternals tools suite, you can actually access the sysinternals tools directly from the web. From your Windows command prompt, run: \\live.sysinternals.com\tools\<toolname> For a full list of tools that you can run, please refer to  http://live.sysinternals.com . References or Credits: http://technet.microsoft.com/en-US/sysinternals INDEX PAGE
Post a Comment
Read more

How to create a large dummy file for testing purposes in Windows

Sometimes i just need a huge sized file to test Windows PC performance. Most often i would use any ISO image of a DVD. This command seems to make things easier for me to just simply generate a large file out of thin air! Run this command with your preferred file name and file size in your Windows command prompt: fsutil file createnew < file name > <size in bytes> INDEX PAGE
Post a Comment
Read more