Saturday 20 October 2012

Bricks Type Of Label

Part-1

1.Go to blogger
2.Layout >> Add a Gadget >> Labels
3.Customize the labels widget as Shown in the below image

customize blogger labels2 in brick style
customize blogger labels2 in brick style
4. Now Save It.

PART-2
5.Go to Template >> Edit Html >> Proceed.. Check Expand Widget Templates.
6.Search for the below code using shortcut key ctrl+F

 ]]></b:skin>

7. Now Add the below code just before/Above it.


 .label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

8. Now Save the template and you're Done Adding the Widget.Enjoy

Flying birds

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-tripleflap.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bloggers-hero.blogspot.com">BloggerHero</a></span></noscript>

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different Arrow Plain.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bloggers-hero.blogspot.com">BloggerHero</a></span></noscript>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Black Howk.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And om/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">BloggerHero</a></span></noscript>

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Crishtmas.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bloggers-hero.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">BloggerHero</a></span></noscript>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Orange-man.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bloggers-hero.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">sgeelmahmood</a></span></noscript>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-kama humaha.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">sgeelmahmood</a></span></noscript>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-red howk.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bloggers-hero.blogspot.com">BloggerHero</a></span></noscript>
  • Now replace sgeelmahmood with your twitter username
  • You can edit the title of the tweet this text,to change it simply edit the word "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/"
  • Now hit save button

Saturday 20 October 2012

Bricks Type Of Label

0comments
Part-1

1.Go to blogger
2.Layout >> Add a Gadget >> Labels
3.Customize the labels widget as Shown in the below image

customize blogger labels2 in brick style
customize blogger labels2 in brick style
4. Now Save It.

PART-2
5.Go to Template >> Edit Html >> Proceed.. Check Expand Widget Templates.
6.Search for the below code using shortcut key ctrl+F

 ]]></b:skin>

7. Now Add the below code just before/Above it.


 .label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

8. Now Save the template and you're Done Adding the Widget.Enjoy

Flying birds

1 comment
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-tripleflap.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bloggers-hero.blogspot.com">BloggerHero</a></span></noscript>

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different Arrow Plain.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bloggers-hero.blogspot.com">BloggerHero</a></span></noscript>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Black Howk.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And om/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">BloggerHero</a></span></noscript>

<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Crishtmas.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bloggers-hero.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">BloggerHero</a></span></noscript>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Orange-man.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bloggers-hero.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">sgeelmahmood</a></span></noscript>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-kama humaha.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bestpakpoetry.blogspot.com">sgeelmahmood</a></span></noscript>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-red howk.js"></script><script type="text/javascript">
var twitterAccount = "sgeelmahmood";
var tweetThisText = "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/";
tripleflapInit();
</script><noscript><span style="font-size:11px;">Flying Twitter Bird Widget By <a href="http://bloggers-hero.blogspot.com">BloggerHero</a></span></noscript>
  • Now replace sgeelmahmood with your twitter username
  • You can edit the title of the tweet this text,to change it simply edit the word "Blogger Widgets,Tricks,Template And Much More http://bestpakpoetry.blogspot.com/"
  • Now hit save button
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes