Pc Tutorials

Sunday, April 17, 2011

Awesome views to your blogger !

3:12 PM Pc Tutorials 1 comment

Blogger has just launched a set of Awesome views
which can turn your blogs into stunning examples of CSS3 and HTML5 Technologies.

Just add /view to your blog link and enjoy !

Example :

http://pctut.blogspot.com/view

flipcard Look : http://pctut.blogspot.com/view/flipcard

mosaic Look : http://pctut.blogspot.com/view/mosaic

sidebar Look : http://pctut.blogspot.com/view/sidebar

snapshot Look : http://pctut.blogspot.com/view/snapshot

timeslide Look : http://pctut.blogspot.com/view/timeslide

have Fun :)

How To Add Facebook Like Button To Blogger

12:51 AM Pc Tutorials 4 comments

Hello ,

in this tutorial i'll show you how to add your custom facebook like button !

Step 1 : Goto : Design > Edit HTML > and Check " Expand Widget Templates " Box .

Step 2 : Find this code

<div class='post-footer-line post-footer-line-1'/>

Just after it put your custom code .

Now i will show you 3 custom codes for it

A - Standard :

Code for it :

<b:if cond='data:blog.pageType == "item"'> <div><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:27px;'/></div> </b:if>

- -
B - Button Count :

Code for it :

<b:if cond='data:blog.pageType == "item"'><div><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:75px; height:27px;'/></div> </b:if>

--
C - Box Count :

Code for it :

<b:if cond='data:blog.pageType == "item"'><div><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=box_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:53px; height:65px;'/></div> </b:if>

--

Step 3 : Chose any code from the 3 above and paste it after - Step 2 - Code .

Now Save your work and Have Fun :)

===

watch how to make it ?

How To Make Custom Icon To Your Bolg

2:41 AM Pc Tutorials 1 comment

Hello ,

when you make blog @ blogspot its give you default icon

let me tell you how to change it with your Own icon like this

Step 1 : design your icon with 16x16 or 20x20 size .

Step 2 : Goto : Design > Edit HTML > and Check " Expand Widget Templates " Box .

Step 3 : Find this code .

<b:skin>

Step 4 : Just before the above code paste this code

<link href='PUT YOUR ICON LINK HERE' rel='shortcut icon'
type='image/vnd.microsoft.icon'/>

And dont forget to put your icon link

if your icon with other format like .png or so , Just change " .icon " to your format in the above code .

Now save your work and Have Fun :)

How To Open External Link In A New Page - Blogger

11:52 PM Pc Tutorials No comments

Hello ,

In This tutorial i will show you How To Open External Link In A New Page .

Step 1 : Goto : Design > Edit HTML > and Check " Expand Widget Templates " Box .

Step 2 : Find this code

]]></b:skin>

Step 3 :  paste the following code after it

<script language='javascript'>
var dominio = "www.pctut.blogspot.com";
var dominio1 = "pctut.blogspot.com";
var script = "javascript:void(0);";
var imagenesblogger0 = "bp0.blogger.com";
var imagenesblogger1 = "bp1.blogger.com";
var imagenesblogger2 = "bp2.blogger.com";
var imagenesblogger3 = "bp3.blogger.com";
var blogger1 = "www.blogger.com";
var blogger2 = "www2.blogger.com";
var publicidad = "pagead2.googlesyndication.com";
function LinksExternos() {
var Externo;
if (document.getElementsByTagName('a')) {
for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++) {
if (
Externo.href.indexOf(dominio) == -1 &amp;&amp;
Externo.href.indexOf(dominio1) == -1 &amp;&amp;
Externo.href.indexOf(script) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger0) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger1) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger2) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger3) == -1 &amp;&amp;
Externo.href.indexOf(publicidad) == -1 &amp;&amp;
Externo.href.indexOf(blogger1) == -1 &amp;&amp;
Externo.href.indexOf(blogger2) == -1
)
{
Externo.setAttribute('target', '_blank');
//Externo.setAttribute('class', 'linkexterno');
}
}
}
}
window.onload = function() {
LinksExternos();
}
</script>

Step 4 : Change " www.pctut.blogspot.com " and " pctut.blogspot.com "

with your blog name .

Step 5 : Save and Have Fun :)

How To Disable Auto Sleep in Ubuntu

10:52 PM Pc Tutorials No comments

Hello ,

In this tutorial i will show you how to - Turn Off / On - Automatic Sleep in Ubuntu

Step 1 : Right click on your top panel then chose ( add to panel )