COM4ME Under Construction Blogger Template- Free

COM4ME Under Construction Blogger Template- Free, Blogger template free ..

COM4ME Under Construction Blogger Template

More About COM4ME Under Construction Blogger Template
Platform Type Blogger / Blogspot
Template Name COM4ME Under Construction Blogger Template
DescriptionsCOM4ME is a simple and under construction blog blogger template. its design using blue and black color, there have auto count down option, you can use this theme before start blogging, or before start your blog. email subscribe bar, social icon's already added to this theme.
Template Authorhttp://newbloggerthemes.com/
DesignerNewBloggerThemes
Instructions URL How to install Blogger Template correctly ? How To Install a Blogger Template In New Blogger Interface

How to Add a Cool Notepad with Save Button to Blogger

Here’s a nice Blogger trick from Akshat Bhanchawat of Aktechz, which shows you how to add a cool notepad with save button to your Blogger site. This will add extra functionality to your blog and at the same time make it look more presentable, and even professional to your visitors.

You can check out the demo to see if you like it.

Follow his steps below:
Go to your Blogger Dashboard > Template > Edit Template > Proceed.
Click the expand box.
Look for <Head> then paste the following under it:

<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="http://yourjavascript.com/25106160012/aktechz-notepad-script.js">
</script>
<style type="text/css"> .notepad{ border:1px solid gray; background:lightyellow; box-shadow: 0 0 12px #818181; -webkit-box-shadow: 0 0 12px #818181; -moz-box-shadow: 0 0 12px #818181; width:280px; padding:7px 10px; position:absolute; cursor:pointer; }
.notepad h3{ margin:5px 0; }
.notepad .close{ float:right; font-weight:bold; text-align:center; display:block;
}
.notepad form{ margin:0; padding:0; }
.notepad form fieldset{ margin-top:1em; }
.notepad form legend{ font-weight:bold; }
.notepad form input[type=text]{ width:98%; }
.notepad form textarea{ width:98%; height:150px; }
.notepad form a.control{ text-decoration: none; padding: 2px 20px; text-align:center; margin:5px 0; display:block; margin-top:5px; font:bold 13px Verdana; border: 1px solid #778; color: white; border:1px solid gray; background: green; border-radius: 8px; /*w3c border radius*/box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */-moz-border-radius: 8px; /* mozilla border radius */-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690); -webkit-border-radius: 8px; /* webkit border radius */-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690)); }.notepad form a.delete{ background: darkred; background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d); background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #e55e3f), color-stop(45%, #d02700), color-stop(85%, #e55e3f), to(#f5795d)); }
.notepad:before{ /*top left tape effect*/content: ''; position:absolute; width: 120px; height: 25px; border-left: 1px dashed rgba(0, 0, 0, 0.1); border-right: 1px dashed rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1); background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2))); background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0)); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2); -webkit-transform:translate(-70px,0) skew(10deg,10deg) rotate(-50deg); -moz-transform:translate(-70px,0) skew(10deg,10deg) rotate(-50deg); -o-transform:translate(-70px,0) skew(10deg,10deg) rotate(-50deg); -ms-transform:translate(-70px,0) skew(10deg,10deg) rotate(-50deg); transform:translate(-70px,0) skew(10deg,10deg) rotate(-50deg); }
</Style>

  • Save.
  • After saving your template, go to Layout > Add a Gadget > HTML/Javascript widget and paste the following.
<a href="javascript:notepad.loadpad('mynotepad2')"> Click to open notepad </a>
 
 
Note: You may replace ‘Click to open notepad’ with your own instructions.
  • Save.
Note: Before editing your template, remember to create a backup first.
 
source - allblogtools.com

How to Remove Showing posts with label .....

In this post describe how to Remove Showing post with label...show all posts message in your blogger blog.

Here's how:
How to Remove Showing posts with label .....

 

Log in to your Blogger account, Back-up your template, then go to:

Dashboard > Layout > Edit HTML > check Expand Widget Templates box

Find the following part of code:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>


Then REPLACE it with:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>


Save.

Now open your blog and view any label.
 

How To Add descriptions to Label Gadget

In this post share how to add custom label Gadget of your blogspot blog. This won’t look that great with Blogger’s Label Cloud. So this trick is only for those who use the list view in the Label Gadget. To do this, you will have to modify your Label Gadget with some custom code. You will have to add a small code snippet for each label of yours.

This is how the Gadget will look like after applying the code changes
How To Add descriptions to Label Gadget
Following the below these instructions.
  • Build the modified Gadget Code.

<b:widget id='Label1' locked='false' title='Labels' type='Label'><b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'><b:if cond='data:display == &quot;list&quot;'><ul><b:loop values='data:labels' var='label'><li><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if><!-- Label Description Start --><b:if cond='data:label.name == "firstlabelname"'><span class="labeldesc"> - This is a label1 desc</span></b:if><b:if cond='data:label.name == "secondlabelname"'><span class="labeldesc"> - This is label2 desc</span></b:if><b:if cond='data:label.name == "thirdlabelname"'><span class="labeldesc"> - This is label3 desc</span></b:if><!-- Label Description End--></li></b:loop></ul><b:else/><b:loop values='data:labels' var='label'><span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span class='label-count' dir='ltr'>(<data:label.count/>)</span></b:if></span></b:loop></b:if><b:include name='quickedit'/></div></b:includable></b:widget>
This is the modified gadget code. You will have to edit it appropriately and will have to add one <b:if/> condition per label. You have to edit the label name and description. Once you have done this, your modified Gadget Code is ready.
  • Now it’s time to apply these changes to your Template. I’m assuming that you have already added the label gadget to your blog.(Add it if you have not).

Go to Template > Edit HTML and look for the line which looks like ( DO NOT Expand your Widget Templates when you do this or you are gonna be in trouble)
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
Replace this single line with the modified Gadget Code and Save the Template
3. That’s it. You should now see the label description on each of the Labels on your sidebar.
If you run into troubles leave a comment and I will try to help you.. :)

How to Create a Free Dyanimic Website in Wapka.Mobi

In this post share how to create a free dynamic and suitable website in Wapka.Mobi.
  • Wahat is Wapka.Mobi?
  1. Wapka.Mobi is a free Subdomain and Limited Hosting Provider xHTML Base Wapsite. With Wapka.mobi you can create own professional looks WAP site simply and fast without knowledge of any programming language (PHP,WML,XHTML,...). All WAP site you can edit right from your phone, but also from WEB site www.wapka.mobi 
  2. Address of your WAP site will be:- www.login.wapka.mobi ! 
  • How to Register on Wapka?


  1. At first enter - Wapka.Mobi .
  2. Then click on Register and complete Registration giving all fields.






  • Then enter Admin mode .


  • Your site is created !!!!!! Test it now!
  • How you will edit your site ?
  1. You will see after login in Admin mode of your site. You Have to enter  ::EDIT SITE#:: link. And you will get a layout of options. Select one for Start editing like Link or Text. Putr the text or link Address in the field and Submit. You will see the result in your page !
  2. Enter ::EDITSITE#:: and select lat option named- More Advanced Functions and learn how to Design your Wapsite.
Its like Magic. Have a fun ! Bye.

How To Add a Dynamic Calendar to Your Blogger Blog

How To Add a Dynamic Calendar to Your Blogger Blog


How To Add a Calendar to Your Blogger Blog

1. Login to your blogger dashboard--> Layout-->'Add A Gadget'
2. Choose Html/Javascript Gadget and paste the following code into the area provided :

<style type="text/css">

.month {
background-color:black;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

</style>


<script type="text/javascript" src="http://dsai.588.googlepages.com/basiccalendar.js">

/***********************************************
* Basic Calendar-By Brian Gosselin at http://scriptasylum.com/bgaudiodr/
* Script featured on Dynamic Drive (http://www.dynamicdrive.com)
* Via http://bloggerstop.net
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>
3. Finally Save HTML/Javascript you are done.

How to Add Free Flash Games For Your Website or Blog


HTML code contains more than 400 games, which is free to your website/blog, These games provided by www.freegaming.de .
Flash Games


To do this just follow me:
- Simply copy the following code (Html) to your Homepage,Blog,EMail or Website.

<div align="center"><a style="font-size:9px;" href="http://www.freegaming.de">Online Games</a><br /><iframe id="Games" src="http://www.freegaming.de/freegamingarcade.php" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:640px; height:1300px;">Your Browser does not support frames. Play the <a href="http://www.freegaming.de" target="_blank">Games</a> here.</iframe></div>
         
Note: Edit the "height="700" and the "width="600" parameter to fit your personal needs.