MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

seo How To Add All Alexa Widget to your Blog/Website 2013

Seo Master present to you:

This Tutorial We Discuss How To Add Alexa All Widget In Blogspot Blo And Website Its So Simple And Easy Only Copy Code Given Below And put Where You Want To Add This.Below you Can see All Alexa Widgets Given You Can Chose Any One and Put Your Bloger And Wordpress Website.

How To Install Alexa Widgets On Blogspot/Blogger?.

Choose a widget style first Given Below.
Copy the one code of that widget.
Paste it into your notepad And Word...
Replace My blog Highlight URL with yours.
Go to >> Blogger Dashboard >> Layout.
Click on Add a Gadget tab.
Select "HTML/JavaScript"
Paste the code and save it.

Alexa Site Rank Widget : Code 1

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 2

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/b?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 3

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/c?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 4

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/b?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 5

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/a?url=http://www.matrixar.com/'></script>
</a></center>

Alexa Site Rank Widget : Code 6

<center><a href="http://www.alexa.com/siteinfo/http://www.matrixar.com/">
<script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/t/c?url=http://www.matrixar.com/'></script>
</a></center>

How Customization This Code.

Now replace Highlight Code Every Code http://www.matrixar.com/ with your own blog URL

Finally save your widget and you are done It.

https://www.facebook.com/groups/imtiazblogtrick

2013, By: Seo Master

seo Add Stylish Multi-Tabbed widget to Blogger Sidebar 2013

Seo Master present to you:

This Tutorial We Discuss How Add pure Css Stylish multi Tabbed Widget In Blogspot Blog.its Amazing Stylish Tabbed Css Stylish,we Genrate Pure Css And Working 100% Sure its Working.When You start This And done So appear 3 Tebbed Widget.You can add own Documents and news,Or Bio author In This Tebbed Widget.Mostly People Add facebook Like Box And Follower Box In this Tabbed.i Hope You Understand About How We Can Use This,its Easy And Simple just When Put your Blogger Dont Try Changing Css Code Only Highlight code you will be Change,and Add you Widget in The Tabbed .so lets move To tutorial how Add this ,just Follow Below Given instructions.you can see Below,And will be Done This Easy.you can see Malti Tabbed Widget In live DEMO given Below.

LIVE Preview & Demo:

How ADD MULTI-TABBED WIDGET TO YOUR BLOGGER SIDEBAR:

Follow These Steps:

1. Go to Design >> Page Elements >> Add a gadget, then choose >> HTML/JavaScript.
2. Paste Below code Empty inside It.
3. Code is Below.

<script type='text/javascript'>
//<![CDATA[
function NewBloggerTips_oom(NBTID, id)
{
var NewBloggerTips = document.getElementById(NBTID);
var NBTs = NewBloggerTips.firstChild;
while (NBTs.className != "NBTs" ) NBTs = NBTs.nextSibling;
var NBT = NBTs.firstChild;
var i = 0;
do
{
if (NBT.tagName == "A")
{
i++;
NBT.href = "javascript:NewBloggerTips_ubah('"+NBTID+"', "+i+");";
NBT.className = (i == id) ? "Active" : "";
NBT.blur();
}
}
while (NBT = NBT.nextSibling);
var Halamans = NewBloggerTips.firstChild;
while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
var Halaman = Halamans.firstChild;
var i = 0;
do
{
if (Halaman.className == 'Halaman')
{
i++;
if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
Halaman.style.overflow = "auto";
Halaman.style.display = (i == id) ? 'block' : 'none';
}
}
while (Halaman = Halaman.nextSibling);
}
function NewBloggerTips_ubah(NBTID, id) { NewBloggerTips_oom(NBTID, id);
}
function NewBloggerTips_inisial(NBTID) { NewBloggerTips_oom(NBTID, 1);
document.write('');}
//]]>
</script>
<style>
div.NewBloggerTips div.NBTs {
height: 24px;
overflow: hidden;
}
div.NewBloggerTips div.NBTs a:hover, div.NewBloggerTips div.NBTs a.Active {
background-color: #eee;
}
div.NewBloggerTips div.Halamans {
clear: both;
border: 2px solid #f4f4f4;
overflow: hidden;
background-color: #ffffff;
}
div.NewBloggerTips div.Halamans div.Halaman {
height: 100%; padding: 0px;
overflow: hidden;
}
div.NewBloggerTips div.Halamans div.Halaman div.Alas {
padding: 3px 5px;
}
div.NewBloggerTips div.NBTs a {
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:1px solid #eee;
border-boNBTom:0px solid #eee;
float: left;
display: block;
width: 95px;
text-align: center;
vertical-align: middle;
height: 24px;
padding-top: 3px;
text-decoration: none;
font-family: "Arial", Serif;
font-size: 11px;
font-weight: 900;
color: #000000
}
</style>
<form action="NewBloggerTips.html" method="get">
<div id="NewBloggerTips" class="NewBloggerTips">
<div style="width: 300px;" class="NBTs"> <a>Tab 1 Title</a> <a>Tab 2 Title</a> <a>Tab 3 Title</a></div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
Tab 1 content goes here</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 2 content goes here</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 3 content goes here</div>
</div>
</div>
<small><a style='margin-left:10px;align:right;' href='http://www.matrixar.com/' target='_blank'>Multi-Tabbed Widget</a> | <a href='http://www.matrixar.com/' target='_blank'>IBT</a></small>
</div>
</div></form>
<script type="text/javascript">Tips_inisial('NewBloggerTips');</script>

How Customization This Code:

Replace Tab 1 Title, Tab 2 Title, Tab 3 Title with you Tab Title Any.
Replace Tab 1,2,3, Content goes here with your widget code Such As like Box..ETC....
Change width: 300px; height: 300px; with your need.
If You Want To change Background Color of Multi-Tabbed widget : Replace #ffffff with you favorite color.

Done This And Save...If You like This So Feedback in Comments.
Join This Group.....

https://www.facebook.com/groups/imtiazblogtrick

2013, By: Seo Master

seo How To Create Robots.txt for Blogger Advance Custom SEO 2013 2013

Seo Master present to you:

In This Artical we learn how We use Custom robots.txt ,in Blogspot Blogger.Its a Main part of SEO blogger/blog.So read Carefully This, blogger new interface. It is helpful for SEO blogger/blog. In self hosted website we create an extra robot.txt file and put code in it. In old interface this feature was not available. Now google has given this feature.When We Install New Template ist step SEO.so We Learn How we can use This

Lets See How can I Do This In Blogspot.

How To Create Robots.txt for Blogger Advance Custom SEO 2013

Go to >> Blogger and >> LogIn to your acount.
Choose your blog.
Click Settings.
Here you will find Search Preferences. Click on it.
In Crawlers and indexing You will see Custom robots.txt
Now click Edit and Select Yes box.
A new text area will come Empty. Put this code in it.

Don't Forget: How Install New Template In Blogspot Blogger Click Here

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.matrixar.com/feeds/posts/default?orderby=updated

Finnaly This Code Change Your own Blog URl And Save This .You Done it.

Join Me On Facebook

If you like This post So rate in comments.2013, By: Seo Master

seo How To Install Blogspot/Blogger Template 2013 2013

Seo Master present to you:

This Artical About how To Install New blogger Template In blogspot blog.because blogspot change interface.its Simple, But Some new Blog Makers Have No Idea that How Is install.in this post Shown Below Pichers About How is install In blogger.just simple follow the step and install a blogger template in updated blogger interface.you can Changing Your Template Css Style And Using Layout And Change Widget arrangment Simply.

Follow These Steps.

Go To >> blogger.com >> login.
blogger Dashboard >> Template >> Backup/Restore.
Then Click >> Browse >> upload.

Now Download Your Template.

Now just select Template and you can see bellow button at the right hand side.

Now just click on Backup/Restore button and one box will pop up (you can see it in bellow)

Now simply Browse Your Template and click on upload and you have done it.See Below

You Have Dne it.Now Simply Your if You Want To Change arrangement of the widgets using layout.widgets you can Change And Add Shearing widgets.

Join Me On Facebook

If you like This Please Rate in Comments.

2013, By: Seo Master

seo How To Add A New Post To A Page On Blogger/Blog 2013

Seo Master present to you:

Can you put Posts onto Pages in Blogger?.

This Tutorial We Learn How Put Add A New Post.This article shows how to set up your blog, using Blogger, so that it looks like your posts are on separate web-pages.

How To Add A New Post To A Page On Blogger/Blog

Ever since Google introduced "pages" into Blogger, people have complained that their posts all go onto the "home page", and asked how to put posts onto different pages in their blog.

The standard, but unsatisfactory, answer is.

"Sorry, that's not how Blogger works. So called "static" pages in Blogger are meant to be used for reference information that doesn't change often, which you don't want to be part of your regular post-feed, but which you do want users to have easy access to."

Follow these steps:

1 Categorise your posts by adding Labels to them.

2 Make a "pages look alike" menu bar:

There are (at least) are three ways of doing this - choose which ever one suits your blog best:
a) With a Labels Gadget:
Use the usual add-a-gadget approach to put a Labels gadget into the spot where you would put the Pages gadget if you wanted to make a horizontal menu bar with it.

If your blog has some Labels that you don't want to have "pages" for, then set it to show only some of your Labels:

b) With a Linked-list gadget:
Use the usual add-a-gadget approach to put a Link-list gadget where you would put the Pages gadget if you wanted to make a horizontal menu bar with it.
Add a link to the list for each Label that you want a "page" for. The HTML to use for each Label value is

http://YOUR-BLOGS-URL/search/label/THE-LABEL-NAME

You can also add other items (eg individual Posts, or even Bllogger's static "pages" if you really must have them - see why I don't like them!) - see the menu bar at the top of this site for an example of this.

c) With a Pages gadget:

Use the usual add-a-gadget approach to put a Pages gadget into the menu bar area.
Use Label-links described above the Linked-list gadget option, as website links to add to your Pages gadget.

3 If you don't want all posts to appear on the "home page" was well as the topic pages, set your home page to show zero posts, by setting "Number of posts on main page:" = 0 on:

Post-Sept-2012-Blogger (aka the new interface) Layout > Blog Posts (edit),
Pre-Sept-2012-Blogger (aka the new interface) Design > Page Elements > Blog Posts (edit)

Alternatively, you could use a technique similar to Showing a Gadget only on the Home Page to not show the Blog Posts gadget on the home page. the condition to use is != instead of ==) If you do try this, then I strongly recommend that you consider the various options for giving your blog a home page, and make sure you accept the disadvantages of editing your template.

I'm keen to hear if this approach works for you.

It is a "good enough" alternative to "real pages"?
Are there any other side-effects of using Labels to "pretend" to be web-page titles?

Please leave your thoughts in the comments box below.

2013, By: Seo Master

seo Best Professional Blogger Templates 2013 Free Download by IBT 2013

Seo Master present to you:

Best Professional Blogger Template Sites Just To Start Your Blogspot.

Best Professional Blogger Templates 2013 Free Download by IBT

This Template is great new Style of 2013,This Blogger templates are being arranged on such of the systemic method where all elements are to be appeared by the browser from styling content to it's xml details delivered by a language named "HTML". Only this template has a unique feature and that is all CSS, Index.xml, PHP, JavaScript and another Jquery powered by GoogleCode or W3.org are being arranged in between the whole template CSS styling section remains from <head> to ]]></b:skin> tag and special JavaScript coding remains in between ]]></b:skin> and </head> tag and where </head> tag terminates <body> tag starts from there. These arrangements are so simple to think but too complicated to modifyed any blogger xml template.
Today we're gonna show one of the highly modified blog template which has two sections on header, two horizontal navigation bars with search box,navigation is genrate css new stylish code, its amazing style of 2013. one sidebar and on right side one footer section above three column lower footer section and is expandable according to body's width.its Important, Without these some other special features are being added like a banner ad section above post body having space 400*250 for Google Adsense ad and a social sharing widget next to this above the post body. This template containing a stylish comment box and this template takes few seconds to load in spite of having slow internet connection. Let's go ahead for greater details of the template name is IBT Revolution Church

Join Me On Facebook

Front End of IBT Revolution Church Template.

Look out a sample front-end of this whole template below as of this template has been developed by ImtiazBlogTrick along with TSTC(TheSaaDo) Network.

Back End View of IBT Revolution Church Template.

Customization Guidance Navigation.

Change Top Horizontal Navigation by editing this one below Code

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='subnav'>
<li><a expr:href='data:blog.homepageUrl' shape='rect'>Home</a></li>
<li><a href='http://www.services.comli.com/' target='_blank' title='Our Exclusive Premium Services'>Services</a></li>
<li><a href='#' shape='rect' target='_blank'>Advertise</a></li>
<li><a href='#' shape='rect' target='_blank'>About Us</a></li>
<li><a href='mailto:itsimtiaz88@yahoo.com' target='_blank'
title='Contact Me Via Email'>Contact Us</a>
</li></ul>
<g:plusone size='medium'/></div>

Change Horizontal Navigation by Editing This One Shown Below

<div id='toppic'>
<div id='topwrapper'>
<ul id='top'>
<li class='home'><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='trigger' href='#'>Drop menu 1</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 2</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 3</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
<li><a href='/'>Sub menu 7</a></li>
<li><a href='/'>Sub menu 8</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
<br class='clearit'/>
</div>

This Section Is How Put Ads in the below Of Post Title And End of the post ans Custom search.

<div id='NavbarMenuright'>
Google Custom Search Code</div>
</div>

This Code For Below The Post Title

<div align='center'>
Google 336*280 Banner Ad Goes to Here</div>
</td>

This code For End Of The Post.

<b:if cond='data:blog.pageType == "item"'>
<div class='gapad'>
<center>YOUR ADSENSE CODE GOES HERE</center></div>
</b:if>

Need Help More About this Template?

I hope you understand About IBT Revolution Church Template ,If You Find Any problem So Tell Me In Comments..

Password is www.www.matrixar.com

Some Important Links

Free Pro Blogger Template MyBloggerTricks Download

2013, By: Seo Master

seo Stylish buysellads-marketplace like ads widget for Blogger/Wordpress 2013

Seo Master present to you:

This tutorial Today i am intoduced stylish BuySellAds MarketPlace widget for blogger/blog now can good impressions for visitors. This cool CSS widget design him widget catching attractive user easily clicks this ads nice impressions blogger/blog designes effect is better then this widget for blogger / wordpress / domain cool for advertisers.its a good soyrce of earning .Because many prople offer you that you put Add your own site .Its amazing For your blog.i'm telling you When You put Adds Your Site So Please ist Create A new page for name of Advertisemint here.So When people Click your add so They Automatically Redirect Your Advertsemint page ,where you Put all Description About this .how mutch These.

How To Add Those Widget In Your Blogspot Blog?

Go to >> Blogger login
Add >>gadget >> HTML >>javascript
Paste inside Empty box .
Save it done.

Join Me On Facebook

How To Add Those Widget In Your Wordpress Blog?

Go to Dashboard >> Appearance >> Widget.
Add a Text Widget.
Paste the code shown below.
Save the Widget and You have done it!.

Ist Add This.

<style>
html > body div.bsap_1272098 a.adhere {
width: 258px;
height: 258px;
}
div.bsap_1272098 a.adhere {
width: 260px;
height: 260px;
line-height: 2080%;
}
div.bsap_1272098 a.adhere {
color: rgbundefined102, 102, 102);
font-weight: bold;
font-size: 12px;
border: 1px solid rgbundefined204, 204, 204);
background: none repeat scroll 0% 0% rgbundefined231, 231, 231);
text-align: center;
}
.bsap a:hover {
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.bsap .ad1 {
background: none repeat scroll 0% 0% rgbundefined17, 108, 165) !important;
}
div.bsap_1272098 a {
line-height: 100%;
}
div.bsap_1272098 a {
display: block;
font-size: 11px;
color: rgbundefined136, 136, 136);
font-family: verdana,sans-serif;
margin: 0px;
text-align: center;
text-decoration: none;
overflow: hidden;
}
div.bsap_1272098 a {
width: 260px;
}
.bsap a {
text-shadow: 1px 1px 1px rgbundefined17, 17, 17) !important;
color: rgbundefined238, 238, 238) !important;
padding: 0px !important;
margin: 0px 10px 10px 0px !important;
overflow: visible !important;
transition: all 0.2s ease 0s;
border: 0px none !important;
border-top-left-radius: 80px;
border-bottom-right-radius: 80px;
}
#nav ul li a.current, #nav ul li a.current:visited, a:hover {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
:focus {
outline: 0px none;
}
</style>
<div class="widget-content">

<div id="bsap_1272098" class="bsap_1272098 bsap"><a href="http://www.matrixar.com/" title="Advertise Here" class="adhere ad1 odd" target="_blank">Advertise Here</a></div>

</div>

2nd Add this.

<style>
html > body div.bsap_1264012 a.adhere {
width: 123px;
height: 123px;
}
div.bsap_1264012 a.adhere {
width: 125px;
height: 125px;
line-height: 1000%;
}
div.bsap_1264012 a.adhere {
color: rgbundefined102, 102, 102);
font-weight: bold;
font-size: 12px;
border: 1px solid rgbundefined204, 204, 204);
background: none repeat scroll 0% 0% rgbundefined231, 231, 231);
text-align: center;
}
.bsap a:hover {
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.bsap .ad5 {
background: none repeat scroll 0% 0% rgbundefined61, 164, 21) !important;
}
.bsap .ad6 {
background: none repeat scroll 0% 0% rgbundefined182, 118, 6) !important;
}
.bsap .even {
margin-right: 0px !important;
}
div.bsap_1264012 a {
line-height: 100%;
}
div.bsap_1264012 a {
display: block;
font-size: 11px;
color: rgbundefined136, 136, 136);
font-family: verdana,sans-serif;
margin: 0px 8px 15px 0px;
text-align: center;
text-decoration: none;
overflow: hidden;
float: left;
}
div.bsap_1264012 a {
width: 125px;
}
.bsap a {
text-shadow: 1px 1px 1px rgbundefined17, 17, 17) !important;
color: rgbundefined238, 238, 238) !important;
padding: 0px !important;
margin: 0px 10px 10px 0px !important;
overflow: visible !important;
transition: all 0.2s ease 0s;
border: 0px none !important;
border-top-left-radius: 80px;
border-bottom-right-radius: 80px;
}
#nav ul li a.current, #nav ul li a.current:visited, a:hover {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
:focus {
outline: 0px none;
}
</style>
<div class="widget-content">

<div id="bsap_1264012" class="bsap_1264012 bsap">
<a href="http://mybloggertopic.blogspot.com/" title="Advertise Here" class="adhere ad5 odd" target="_blank">Advertise Here</a>
<a href="http://mybloggerstricks.com/" title="Advertise Here" class="adhere ad6 even" target="_blank">Advertise Here</a>
</div>

</div>

3rd Add This.

<style id="bsa_css" type="text/css">div.bsap_1263441{width:100%;display:block}div.bsap_1263441 a{width:468px}div.bsap_1263441 a img{padding:0}div.bsap_1263441 a em{font-style:normal}div.bsap_1263441 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;}div.bsap_1263441 img{border:0;clear:right;}div.bsap_1263441 a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;}div.bsap_1263441 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}div.bsap_1263441 a{line-height:100%}div.bsap_1263441 a.adhere{width:468px;height:60px;line-height:480%}</style><div class="widget-content"><div id="bsap_1263441" class="bsap_1263441 bsap"><a title="Advertise Here" href="http://www.matrixar.com/" class="adhere ad1 odd" target="_blank">Advertise Here</a></div></div>

4th add This.

<style>
div.bsap_1263441 a.adhere:hover {
border: 1px solid rgbundefined153, 153, 153);
background: none repeat scroll 0% 0% rgbundefined221, 221, 221);
color: rgbundefined51, 51, 51);
}
html > body div.bsap_1263441 a.adhere {
height: 58px;
width: 466px;
}
div.bsap_1263441 a.adhere {
width: 468px;
height: 60px;
line-height: 480%;
}
div.bsap_1263441 a.adhere {
color: rgbundefined102, 102, 102);
font-weight: bold;
font-size: 12px;
border: 1px solid rgbundefined204, 204, 204);
background: none repeat scroll 0% 0% rgbundefined231, 231, 231);
text-align: center;
}
.bsap a:hover {
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.bsap .ad1 {
background: none repeat scroll 0% 0% rgbundefined17, 108, 165) !important;
}
div.bsap_1263441 a {
line-height: 100%;
}
div.bsap_1263441 a {
display: block;
font-size: 11px;
color: rgbundefined136, 136, 136);
font-family: verdana,sans-serif;
margin: 0px 4px 10px 0px;
text-align: center;
text-decoration: none;
overflow: hidden;
float: left;
}
div.bsap_1263441 a {
width: 468px;
}
.bsap a {
text-shadow: 1px 1px 1px rgbundefined17, 17, 17) !important;
color: rgbundefined238, 238, 238) !important;
padding: 0px !important;
margin: 0px 10px 10px 0px !important;
overflow: visible !important;
transition: all 0.2s ease 0s;
border: 0px none !important;
border-top-left-radius: 80px;
border-bottom-right-radius: 80px;
}
#nav ul li a.current, #nav ul li a.current:visited, a:hover {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
:focus {
outline: 0px none;
}
</style>
<div class="widget-content">
<div style="margin-top:35px;">

<div id="bsap_1263441" class="bsap_1263441 bsap"><a title="Advertise Here" href="http://www.matrixar.com/" class="adhere ad1 odd" target="_blank">Advertise Here</a></div>

</div>
</div>

Now Save Any One Code You Will Done this.

Know How To Customization This Code.

Replace all yellow mark http://www.matrixar.com/ and "Advertise here" you can Write Here Any Thing If You Want.

If You Like This post Rate this in Comments..

2013, By: Seo Master

seo How To Add Floating Facebook Like Box Widget For Blogger 2013

Seo Master present to you:

This Tutorial Related Social Media Shearing Widgets For FaceBook like Box Floating.Add facebook like box to blogger, how do I make it?. Do you know facebook and twitter now becomes biggest social media and many people in the world use it.its A Best Source For increase Your Blogger And Blog Site traffic Increase.So i Hope you Will Enjoy this.Amazing Css Style .

Join Me On Facebook

Add Floating Facebook Like Box

1. Go to Blogger > Layout > Add a gadget
2. And select HTML/JavaScript
3. Add this code into it

<style>
#thiswidget {
height: 20px;
width: 56px;
border-radius: 0 0 5px 5px;
float: left;
padding: 0 0 0 12px;
background-color: #D0D0D0;
}
#boxshare {
display: scroll;
position:fixed;
bottom:40%;
left:2%;
width: 68px;
background-color:#FFFFFF;
border: 1px solid #A3A3A3;
border-radius:5px;
padding:0 0 2px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
z-index:10;
}
#boxshare .boxbutton {
float:left;
clear:both;
margin:5px;
}
.fb_share_count_top {
width:68px !important;
}
.fb_share_count_top, .fb_share_count_inner {
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.FBConnectButton_Small .FBConnectButton_Text {
padding:2px 2px 3px !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:8px;
}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {
width:68px !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
</style>
<div id='boxshare' title="Share This">
<div class='boxbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='boxbutton' id="fb-root"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:send layout="box_count" show_faces="false" font=""></fb:send></div>
<div class='boxbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="imtiazblogtrick">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class='boxbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='boxbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align: center;">
</div>
<a href='http://www.matrixar.com/2013/03/how-to-add-floating-facebook-like-box.html' id='thiswidget'>widget</a>
</div>

Now Replace highlight with your user name of the twitter without @
4. Finally click Save it.

You can make facebook like box on right & Left your page with replace Aqua highlight from left to right. And you can adjust the distance replace 40% with the distance you want.

2013, By: Seo Master

seo How Highlight Author Comments in Blogspot/Blogger 2013

Seo Master present to you:

This tutorial About How Create your author comments in blogger differently between visitor comments. And to design a better author comments you do not use a lot color "px" or use image background because it will use more resources and it is not good for your blogspot blog. So you design simple author comments but looks attractive and prominent.i Hope You Will Done Use these Steps.

Customize Author Comments in Blogger

1. Go to Blogger >> Template >> Edit HTML.

2. Give check "Expand Widget Templates" box.

3. Backup your template.

Orange Code.

.comment-body-author {
background: url(http://www.matrixar.com/-6Y9Ocs109wM/UTXkd2jqdZI/AAAAAAAABD0/bOCU0KZncWw/s1600/comment+author.png) no-repeat top right;
color: #621A00;
font-family: Arial, Verdana;
border: 1px dotted #E03C00;
padding:0 36px 0 20px;
margin:0;
}

Green Code

.comment-body-author {
background: url(http://www.matrixar.com/-NoS939qarZw/UTXoVzVi47I/AAAAAAAABEM/--wu99K9lPs/s1600/comment+author+0.png) no-repeat top right;
color: #013408;
font-family: Arial, Verdana;
border: 1px dotted #02CA1D;
padding:0 36px 0 20px;
margin:0;
}

Make your author comments you want to Change.

.comment-body-author { background: #FFFFFF; color: #0C1F0E;
font-family: Arial, Verdana;
border: 1px dotted #06DD22;
padding:0 5px 0 20px;
margin:0;
}

#FFFFFF use to change your background color
#0C1F0E use to change your font color
#06DD22 use to change your border color, dotted use to change border style you can replace with solid or dashed.

4. And search this code use [CTRL+F].

]]></b:skin>

5. And select one the author comments color you want and paste just above it.

6. Search this code Your Template Code too [use CTRL + F]

<data:commentPostedByMsg/> </dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

7. And replace with this code.

<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'><dd class='comment-body-author'><p><data:comment.body/></p></dd><b:else/> <dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>

8. And save your template now author comments in your blogger will change.
Now You Will Done It.

2013, By: Seo Master

seo How To Customize Author Profile Widget in Blogger /Blog New Style 2013

Seo Master present to you:

This Tutorial All About How To Customize Your Own blogger/blog "Author Profile" widget from blogger, So you can add or edit "Author Profile" widget you want To Change, but in this script I just add a simple CSS hover, so letter will change if your mouse cursor on it.and your author pitcher will be move arount Left and Write.its Beautiful Css Style For your Blogger.i Hope you Enjoy this New look style Use your Blog And Site.

Add Author Profile widget in Blogger

1. Goto Blogger > Layout
2. Select Add a Gadget where you want to place "Author Profile" widget
3. Search and select Profile then Save

Ok your "Author Profile" have made. Now you can add your story in google+ setting, you know google+ know have new view.

Customize Author Profile Widget in Blogger

1. Go to Blogger > Template > Edit HTML

2. Backup your template

3. Search this code ]]></b:skin>

4. Now paste code below just above ]]></b:skin>

/*############################
Author Profile
#############################*/
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 5px 7px 5px 5px;
border-left:2px solid #0073FF;
border-top:2px solid #0073FF;
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.profile-img:hover {
padding: 5px 5px 5px 5px;
border:2px dotted #00B309;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.profile-data {
padding:0 10px 20px 20px;
padding:0;
font: bold 15px verdana,Arial;
color: #0073FF;
text-align:center;
}
.profile-data:hover {
color:#00B309;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-datablock:hover {
background: transparent url(http://www.matrixar.com/-in_oyhuIL30/UTh4PK728BI/AAAAAAAABGc/QJQsa2x01tY/s1600/admin.png) no-repeat bottom right ;
}
.profile-textblock {
color:#FFFFFF;
margin: 0.5em 0;
line-height: 1.5em;
padding:8px 8px 5px 0;
border-bottom:2px solid #0073FF;
border-right:2px solid #0073FF;
}
.profile-textblock:hover {
color: #00B309;
border-bottom:2px dotted #00B309;
border-right:2px dotted #00B309;
}
.profile-link {
display:none;
}

5. Now And save your template.

If You Want To change color in profile description you can change #FFFFFF with color code you want.
To change color your google+ profile name you can replace #0073FF with color code you want.
i Hope You Will Done it.

2013, By: Seo Master

seo How Get Free Google Adsense Account Approval Trick 2013 2013

Seo Master present to you:

http://imtiazbloggertrick.blogspot.com/2013/06/how-get-free-google-adsense-account.html

2013, By: Seo Master

Design by Dev Nasser

Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

How To Install Alexa Widgets On Blogspot/Blogger?.

Alexa Site Rank Widget : Code 1

Alexa Site Rank Widget : Code 2

Alexa Site Rank Widget : Code 3

Alexa Site Rank Widget : Code 4

Alexa Site Rank Widget : Code 5

Alexa Site Rank Widget : Code 6

How Customization This Code.

LIVE Preview & Demo:

How ADD MULTI-TABBED WIDGET TO YOUR BLOGGER SIDEBAR:

How Customization This Code:

Lets See How can I Do This In Blogspot.

Can you put Posts onto Pages in Blogger?.

Follow these steps:

Best Professional Blogger Template Sites Just To Start Your Blogspot.

Front End of IBT Revolution Church Template.

Back End View of IBT Revolution Church Template.

Customization Guidance Navigation.

This Code For Below The Post Title

This code For End Of The Post.

Need Help More About this Template?

How To Add Those Widget In Your Blogspot Blog?

How To Add Those Widget In Your Wordpress Blog?

Know How To Customization This Code.

Add Floating Facebook Like Box

Customize Author Comments in Blogger

Add Author Profile widget in Blogger

Customize Author Profile Widget in Blogger

Labels

Blog Arşivi