Don't miss these Blodger posts!

Friday, 8 November 2013

Custom Domain setup on Blogger with GoDaddy

Posted On 16:44 by Blodger 0 comments

Organisations need a simple and memorable web address, a website name that visitors will remember when they want to find you on the internet.  And one that represents you well.  e.g Twitter.com, www.HP.com

Choosing a domain names in a sentence means - short, easy to spell, memorable, descriptive, just letters and have a .Com extension. Unfortunately most of short names are now not available. (More on these points in a future post..).

The purpose of domain names incidentally is to represent in Human readable terms the underlying  internet protocols e.g 216.239.32.21  which is by the way an IP for Blogger you will see later.

The purpose of this post is however to describe how Blogger users can put any other web address in front of their blogspot address. So instead of www.blodger.blogspot.co.uk  you may prefer Blodger.com or www.blodger.com. To get another web address or domain you obviously need to think of one, and then normally pay for one from an hosting service/registrar such a GoDaddy. See registrar list here or here for others.

Before we start on the detail, just a quick overview of domain names which may help later on. Domain names consists of a number of parts, technically called labels, that are delimited by dots, such as www.blodger.com

.Com is the top level domain

blodger is the subdomain of the top level domain
www is a subdomain of blodger.com

The top level domains which include  com, net and org for example are the highest level of domain names on the Internet. Top level domains also include country types such as co.uk and more new ones are continually being added see here and here

The second level domain names are generally used as the main descriptor google.com, or gov.co.uk

The third level domain name is used to describe essentially the types , i.e www for world wide web, FTP or mail . It is not needed.

This full name is often called the address or URL (Uniform Resource Locator)

A CNAME is an entry within the domain system which will allow you to point the domain at a particular site.
You can have multiple CNAMEs for your domain name. As above if you just type in blodger.com in address bar of web browser it will get to the site. Most domain names have an WWW CNAME entry, and hence within the domain administration you can insert an address to go to if someone types in www.blodger.com, ie. take it to blogger. you can also put something in if someone only types ww.blodger.com, (i.e put in the same things as WWW. You can also redirect to another site completely. And indeed Blogger at this time ask for you to put in two CNAME entries (more below)


---*---

So these are the steps required to get your Blogger site (or any other) fronted by another domain name using GoDaddy. GoDaddy have now got a special tool to allow you to automatically configure your DNS . Use this Tool Here.  To do to it manually follow the following instructions.

Ensure you have valid domain set up via a registrar such as GoDaddy.

Enter Blogger administrator and for the blog that you want to front with a new domain name, go to Settings - Basic menu to add a Custom domain. Click on the Add custom domain link


And type in your custom domain



If at this stage you press on the Save button Blogger will present a message "We have not been able to verify your authority to this domain. Error 12. 




In here we can see the two CNAMES that we will need to enter in GoDaddy
Leave page open and/or take a note or copy to notepad.
[N.B. The second CNAME entry incidentally is a  Blogger security measure]

Next login into your GoDaddy account(in a separate browser tab), and then view My Account



Click the Launch button on the Domains line as below


On the Domains tab click on the DNS menu item to bring up the DNS manager link and click that.



On the new screen click on Edit zone for the domain name that you intend to use


The first entries we need to change for Blogger are the A Host records. Here we will add 4 I.P. address's by simply clicking on the Quick Add button. This brings up a line with two text boxes in. In the first we will enter the @ symbol and in the second the IP address 216.239.32.21. After this click the Quick Add button again and do the same thing except change the IP address to 216.239.34.21. (Note is it 34 not 32). The we add two more IP's 216.239.36.21. and 216.239.38.21.


 



Next we need to insert the CNAME record. As above the expectation is that a WWW entry will already exist but will probably have an @ symbol instead of a domain. If it does then we need to edit the record by clicking on the pencil icon next to the text box. When the text box is available to enter text, then enter ghs.google.com. If the WWW record does not exist then use Quick Add to add WWW in the HOST text box, and  ghs.google.com in the points to box. Leave the default TTL setting. 



As you know from above, Blogger now also insists that you need to set up a second CNAME for security purposes. The second CNAME will be like the followng example Host: hqzzzn56a3ri, which points to for example gv-oc7x5vzzzqxirt.dv.googlehosted.com

When you have these details then add as per next diagram 



Once you have entered  this then click on the Save button in the top right hand corner - see below. A prompt will ask you to OK this


 After hitting Ok you will see warning about how long it takes



Note that there may be time gap between the operations. 

Next go back to Blogger administrator and again go to Settings - Basic menu to add a Custom domain. If the page that you previously used is still up then try saving again otherwise Click on the Add custom domain link again take the same steps as above. This time you will also note a redirect to blodger check box appears. Check this and Save 




Next go into any browser and type in your new domain name. It should (eventually) redirect straight to your Blogger blog. 


Wednesday, 6 November 2013

Backup your Blogger site

Posted On 00:06 by Blodger 0 comments

Although Blogger is probably one of the most reliable hosting systems it is wise to regularly backup your posts and templates. If you make modifications to either your layout or template there will be many times when you want to go back and start again. You may accidentally delete one of your posts for example. 

If you have time then then the ideal is to backup before you make any update and then store the posts and templates in two places. 

You can store them by downloading to your computer and then copying to another location (preferably offsite using Google Drive, Dropbox, Box or other cloud repository.

Another option is to backup then restore to another backup Blogger site.

To backup your template you enter Designer view and click on Template link on the left command column. In the top right hand corner of Blogger screen you can see the Backup/Restore button. Click on this.





This brings up the Template Backup/Restore dialogue.  (as it warns "Before editing your template, you may want to save a copy of it." ).




You should then find a file in your my documents /downloads folder called template-193030303 .. xml or something similar. Rename this to your blogname and add a date .  e.g blodgertemplate12Oct2013.xml

Youy can export and save your blog posts (and pages) by going into Designer view and clicking on Settings link on the left command column. Then going to the Other link



This brings up the screen above, where you can click on the Export link. This then bring up the Save As dialogue box were you can choose where to save your posts.

If you want to restore an old template or restore old posts you go via the same links as above but for restoring a template you click on the Restore rather than Backup link, and for posts it is Import rather than Export.

I prefer to delete everything from a blog site to be restored to. If old posts exist then they will just be added to.









Thursday, 17 October 2013

Delete All emails in new Gmail

Posted On 22:54 by Blodger 0 comments

The new Gmail tabs have met with praise in many quarters but dismay in others. For those that don't like them you can easily go back to one single inbox by removing the tabs via  settings - Configure inbox - then uncheck the tabs that you don't want.


 Clicking on configure the inbox show  the screen below. Just un check the tabs that you don't want (but leave the Primary tab)



Another way is to have a bookmark /favourite to get to Gmail with the folling address https://mail.google.com/mail/h/  This will open Gmail up in basic HTML view which does not have the new tabs. 

But to the point of this post. In old Gmail you also had a feature which allowed you to quickly delete thousands of emails with a few actions. This is obviously very useful for accounts which get filled with junk mail or for example if you have a security I.P. camera which sends hundreds of emails a day to a single address. It's good to be able to bulk delete the thousands emails clogging  up the inbox. 

In the new and old Gmail there is a select all checkbox and a delete button as shown  below. Simply select all then delete and you can delete all emails in that tab or on that page.


With old Gmail where there is only one inbox, if you selected all and click the delete icon, another link will pop up as below asking whether you want to select all conversations in inbox  



 
Click this, then press delete icon and you have deleted all emails in your inbox. With new Gmail and tabs this doesn't happen and there is no "Select all" link.

So for those who like the tab feature where it saves your primary box being filled with junk mail all the time, but do have the need to delete all emails then all you do is temporarily remove all other tabs so that you return to a single primary inbox, and when you select all on one page, then the select all conversations link reappears.  

Once you have slashed and burned then go back to the configure inbox and check the tabs you want again. For those emails that have not been deleted they will return to their previous tab

You of course need as always to skim through your emails and see if there are any you want to save.  

If you want to quickly save all emails from your friend Rachel to read post bulk delete, simply type Rachel in the search bar at the top of the screen and press the search button(the magnifying glass) and Gmail will only show those emails with Rachel in them in the inbox. You can then create a label, and select all these emails and move them into this label. These will be unaffected by the bulk delete.

It would be ideal if Google provided this functionality for each tab of course or included a delete all promotions button ;-)





Monday, 19 August 2013

Top 5 Blogger Popular Post customisations

Posted On 20:56 by Blodger 0 comments

Here are my top 5 Blogger Popular Post customisations.

The popular posts widget highlights what other people think are your most popular and maybe your best posts. Blogger effectively stores hits on these pages and orders the returned posts in ascending order. The original Blogger widget is simple but if you want to highlight these posts and get further reads  then try some of these customisations ..

All rely on inserting the scripts below above the b:skin reference . i.e in admin go to Template → Edit HTML. Search for the tag ]]></b:skin> by pressing Ctrl + F. Add the below given code just above ]]></b:skin>

5. AllBloggerTricks
/* Popular Post Customization by AllBloggerTricks.com */
.popular-posts ul li a {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #444444;
    display: block;
    margin: 0 0 0.5em;
    padding: 0.4em;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
}
.popular-posts ul li a:before {
    background: none repeat scroll 0 0 #CCCCCC;
    font-weight: 700;
    height: 2em;
    left: -2.5em;
    line-height: 2em;
    margin-top: -1em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 2em;
}
.popular-posts ul li a:after {
    border: 0.5em solid transparent;
    content: "";
    left: -1em;
    margin-top: -0.5em;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease-out 0s;
}
.popular-posts ul li a:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}
.popular-posts ul li a:hover:after {
    border-left-color: #CCCCCC;
    left: -0.5em;
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before{content:"10"}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li a:before{content:"9"}
.popular-posts ul li:first-child + li + li + li + li + li + li + li a:before{content:"8"}
.popular-posts ul li:first-child + li + li + li + li + li + li a:before{content:"7"}
.popular-posts ul li:first-child + li + li + li + li + li a:before{content:"6"}
.popular-posts ul li:first-child + li + li + li + li a:before{content:"5"}
.popular-posts ul li:first-child + li + li + li a:before{content:"4"}
.popular-posts ul li:first-child + li + li a:before{content:"3"}
.popular-posts ul li:first-child + li a:before{content:"2"}
.popular-posts ul li:first-child a:before{content:"1"}
/* Popular Post Customization by AllBloggerTricks.com */



4 WildBloggertricks


search for ... ...<b:skin>  ... </b:skin>

/*****Popular Posts By WBT******/
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: url("http://3.bp.blogspot.com/-tBw_Co_gtQk/ULykeHyjEMI/AAAAAAAABfs/nuJbzAoqDDw/s1600/arrow-li.png") no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 13px !important;
border: 1px solid #ddd;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
.PopularPosts .item-thumbnail {
padding:2px;
border: 1px solid #ddd;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
height: 72px;
}
.popular-posts img {
padding:2px;
border: 1px solid #ddd;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
}
.popular-posts img:hover {
opacity: 0.5;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
}





3. Customizeblogging




#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 10px 0px -5px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; }
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px;}
#PopularPosts1 img {
border-radius:200px;
width:60px; height:60px;
margin-left:4px;
}
 


 Customizeblogger also provides the following



#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 10px 0px -5px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; }
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px;}
#PopularPosts1 img {
border-radius:200px;
width:60px; height:60px;
margin-left:4px;

}

A further variant of this is at AVDHootBogger above

.sidebar .PopularPosts .widget-content ul li{
height: 100%;
line-height: 22px;
float: left;
clear: left;
list-style-type: none;
overflow: hidden;
color: gray;
}
.sidebar .PopularPosts .widget-content ul{margin:0;padding:5px 0;list-style-type:none;}
.sidebar .PopularPosts .widget-content ul li{position:relative;margin:5px 0;border:0;padding:10px;opacity:0.8;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;}
.sidebar .PopularPosts .widget-content ul li:hover {border-radius:30px 0px 0px 0px;margin-left:10px;opacity:1.0}
.sidebar .PopularPosts .widget-content ul li:first-child {background:#ff4c54;width:90%}
.sidebar .PopularPosts .widget-content ul li:first-child:after{content:"1"}
.sidebar .PopularPosts .widget-content ul li:first-child + li{background:#ff764c;width:80%}
.sidebar .PopularPosts .widget-content ul li:first-child + li:after{content:"2"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li{background:#ffde4c;width:70%}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li:after{content:"3"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li{background:#c7f25f;width:60%}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li:after{content:"4"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li{background:#33c9f7;width:40%;padding-right:20px;}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li:after{content:"5"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:30%}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li:after{content:"6"}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:20%}
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li:after{content:"7"}
.sidebar .PopularPosts .widget-content ul li:first-child:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li:after,
.sidebar .PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li:after{position:absolute;top:15px;right:-5px;border-radius:9%;background:#353535;width:30px;height:40px;line-height:1em;text-align:center;font-size:22px;color:#fff;}
.sidebar .PopularPosts .widget-content ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:30px;height:90px}
.sidebar .PopularPosts .widget-content ul li a{font-size:12px;font-weight:bold;color:white;text-decoration:none;text-shadow:0px 0px 6px white;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
}
.sidebar .PopularPosts .widget-content ul li a:hover{color:black;text-decoration:none;text-shadow:1px 1px 1px white;}




2.AVDHootBogger

<style type="text/css">
/*<![CDATA[*/
img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fff;margin-right:10px;height:70px;width:70px}
img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px}
.label_with_thumbs a{color:#3395BF;font-size:12pt;outline:0;text-decoration:none}
.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#F4A557}.credits,.credits a{font-size:12px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}
#mdjumplink{font-weight:800;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;font-weight:bold;text-decoration:none!important}
#mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}
#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}
#mdjumplink a:hover{color:#888!important;text-decoration:none}
#mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;font-size:13px;font-weight:800}
#mdcomments:hover{background:#F4A557;text-decoration:none}
/*]]>*/
</style>
<script type='text/javascript'>
//<![CDATA[
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = false;
var showpostsummary = false;
var numchars = 80;
//]]>
</script>
<script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/Recent-posts%5Bwww.makingdifferent.com%5D.js"></script>
<script type="text/javascript" src="http://www.avdhootblogger.com/feeds/posts/default/-/Label Name?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>



No 1 All Blogger tricks



.PopularPosts .widget-content ul li{padding:0;position:relative}
.item-snippet {font-size: 90%;line-height: 1.2em;position: absolute;width: 230px;background-color: whiteSmoke;padding: 7px;border-top: 2px solid #FF0202;z-index: 2;left: 300px;top: 60%;height: 4.5em!important;visibility: hidden;opacity: 0;transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;}
.PopularPosts .widget-content ul li:hover .item-snippet{left:60px;opacity:1;visibility:visible}
.PopularPosts img{width:50px;height:50px}
.PopularPosts .item-title{font-family:'Open Sans Condensed',"Arial Narrow",Arial,sans-serif;font-size:125%}
/* Popular Post Customization by AllBloggerTricks.com */ 




Tuesday, 16 April 2013

Code missing in New Blogger template designer

Posted On 22:09 by DKL 0 comments

The dumbass that I am, it took me 20 minutes to figure out where all my template code had gone .

Look for the the little right arrow next to the line numbers on the left hand side of the designer - called the fold marker.




Click on this and it will expand and reveal the hidden code































Note that you can now see lines 26 , 27 and so on.

It makes thing tidier ....



 

Blodger Copyright © 2010 LKart Theme is Designed by Lasantha


Downloaded from Free Templates

Modified to LK Magazine v2 Pimp No6 and Copyright © 2013 by Blodger