all in one Help Information Tips about Food, Education, Health, Game and SEO For Everybody

Showing posts with label Blogger Help. Show all posts

Tuesday, October 9, 2012

How to Make Your Blogger Blog or WordPress DoFollow:Easy Way To Make Dofollow Blog

So how do you make your blog DoFollow?
Self-Hosted WordPress Blogs
For self-hosted WordPress users, it is pretty easy. Simply go to your Dashboard > Plugins > Add New and search for DoFollow. You should receive a list of current DoFollow plugins that you can simply install and activate. Once activated, these plugins automatically make all of the commenters’ links (past and future) DoFollow.
Blogger / Blogspot Blogs
For Blogger / Blogspot blogs, you will need to do a few things. First, under settings, allow Anonymous users to comment. This is the only way your commenters will have the Name / URL option. Then, go to your Layout tab > Edit HTML. From here, you will need to Download Full Template, which will be an XML file.
Open the XML file in a text editor. Just in case there are any problems, first save a backup copy of your template. Then do a search for nofollow. You will find two lines that will simply need the rel=’nofollow’ removed from the code – one for the commenter’s URL, and one for backlinks.
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
Save your template xml, and then upload it. Now your Blogger / Blogspot should be free of nofollow links.

Friday, September 14, 2012

How To Add Rotating Slides Show Of Popular Posts Widget To Blogger

Go To Blogger > Design
Click add a gadget
Choose Popular Posts Widget provided by blogger
Keep post number greater than 4
Save your widget
Now select an HTML/Javascript widget
Paste the following slide code inside it,

<style type="text/css" media="screen">
#PopularPosts1 {
overflow:hidden;
margin-top:5px;
width:100%;
padding:0px 0px;
height:310px;

}
#PopularPosts1 ul {
width:310px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:10px 0px 0px 10px;
}
#PopularPosts1 li {
width:290px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYHT7CIaiOw0KD7A6aianRJO15GjGvQS5HmQzAVblGQqWiwDICMBwagOASrk7xc5H7XC7GK0zySFVpv8I41uC7T51o7qh_6ua_kqjt3rDMekLd7dzJBDkRd3-k2ZVQlHAUO8toGZ_bViQ/s400/popular+posts.jpg) repeat-x;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {

    font-size:1em;
    margin-bottom:0.5em;
}
#PopularPosts1 li .item-title a {
text-decoration:none;
color:#7CA2C4;
font:bold 12px verdana;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:2px solid #7CA2C4;
}
#PopularPosts1 li .item-snippet {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#289728;
padding:0px 0px;
margin:0px 0px;
}
#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}
#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}
#PopularPosts1 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.tags span,
.tags a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
a img {
    border: 0;
}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

Keep the two widgets together. One on top of another as shown below,

popular-posts widget

Best PPC Online Advertising Networks Site List For Adult Porn Blog Site and Website

There are many Online Advertising Site But Here's a small list of Adult Porn Advertising Networks that allow you to monetize your traffic with Pay Per Click (PPC).
Remember that Ad XPansion and Ero Advertising these two Advertising Site are not allowed for Blogsite Hosting.
1.Juicy Ads - Overall good PPC advertising solution.
2.Ad XPansion - The best when it comes to In Player Advertising and PPC IM Ads.
3,.Exo Click
4.Ero Advertising
5.Plug Rus

Tuesday, August 14, 2012

How To Customize Blogger Comment Box By CSS Code.

First see few stylish Blog commenting box. Now we will learn how to make our blogger simple comment box to this kind of stylish blog comment box.I will provide you some CSS code what you should put as our recommendation them see.Don't think more about it just follow bellow steps.Though bellow Following CSS code is for the Comment Form With a Baby in it. Other CSS codes will be provided to subscribers only. If you haven’t subscribed yet kindly subscribe now and inform us by leaving a comment with your Email ID.

Follow these steps,

   1, Go To Blogger > Layout > Edit HTML
   2. Check The Box “Expand Widget Templates” at the top right corner.
3. Search for the code below,                                  Tip:- Press Ctrl + f

    <div class='comment-form'>

     4.   Replace this code with the code below,

    <div id='mbt-form'>

     5.   Now Search for ]]></b:skin>
     6.   Just above ]]></b:skin> paste the below colored CSS code,

#mbt-form iframe{
    background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL-CHv7LV4MBE6jhSAcelHSXOLgvysALNGA8EU_uM_z7WzHN5t1n3TTcZ3mRGNXKOfWP94MXY1Y-EF8AcOgHLrJaXV9iflEnp0sfr9MArBhxU1kqDaERbbhwzDUM82vjlmFfijyikZ2VV5/s400/plz-do-not-spam1.gif) no-repeat bottom right;
    border:7px solid #C7C7C7;
    padding:5px; font:normal 12pt "ms sans serif", Arial; color:#7EB2AC; width:450px; }
    #mbt-form iframe:hover{
    background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4tJbpeQzpw-Bnz14qWlRRCBNkW4suWNif45ECpqbXSPczpbJiT_PdkZ7J2lNVvv6RbSQB3o9sNz9y4-kluBaWw6JrC1cBZU326MN-0G1AWheDa3J7iYchpXjt7L_HFUKncKNIm40kkz1-/s400/plz-do-not-spam2.gif) no-repeat bottom right; border:7px solid #7EB2AC;
    }
    #mbt-form a{
    color:#7EB2AC;
    }

     7.     Save your template and view your blog to see a different touch :>
Customize The Blogger Comment Form To Suit Your Blog Layout
Now Lets discuss the important areas in the CSS code above to help you customize your Blogger comment form according to your preferences.
There are three important areas, which are,

    #mbt-form iframe
    #mbt-form iframe:hover
    #mbt-form a

Here are the details for each section
1.    Customization For Active Mode

    #mbt-form iframe

This part is responsible for the active appearance of comment box when mouse cursor is not hovered on it. It includes the following style properties,
background: This property is responsible for the background color, background image and background image’s position. Where,

    #ffffff : This is the background color. You can change background color by replacing this code by any other color code from bellow Color Chart

url : This is the URL for the background image. I used the baby in this case. You can change this image with anything you like.

bottom right: This positions the background image. I positioned the baby on bottom right corner. You can position the image at bottom right or bottom left or top right or top left

border: This CSS property defines the border size/width, style and color of the comment box. You can change border color by replacing this code by any other color code from bellow Color Chart

    border size to 7px,
    border style to solid. You can choose solid, dotted, dashed etc. See this page on border styles
    border color to #C7C7C7.

You can change border color by replacing this code by any other color code from bellow Color Chart

Color Chart :

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000

#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000

#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#999933	#999900
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000

#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000

#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000

#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000

How To Set up all in One Floating Share Button For Blog Site.Html Code for Share Button.

(

I am not good in English writing) There are many Social networking media where we want to share our post.For blogger it is easy to on Google+,Facebook and Twitter but there are more site where we want to share. Today i will try to show ' How To Set up all in One Floating Share Button For Blog Site'
Example Image are given Left Side.
Just Follow bellow steps to complete this process:
The steps are kept extremely easy to apply. All you need is to copy and paste the long chunk of code we developed and tested all day. Follow these friendly steps:

Go to Blogger > Template
Backup your template
Click Edit HTML
Click Proceed
Then Click Expand Widget Templates
Search for

<b:includable id='post' var='post'>

7. Just below it paste the following code:

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.mbt_social_floating{
    position:fixed; bottom:10%; margin-left:-60px; float:left;     width:60px;
    background-color:#f7f7f7;     padding: 5px 0 0px 0px;
     border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
    margin-bottom:5px;
    float:none;
    height:auto;
    width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
    margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
    margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
    background:none !important;
    height:21px !important;
    padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifnYq_W6m95q8BiqHh6n1mLxBLHa73Gs97YsCngADghox7by3b21nOA-n69FB_Nzco6rr3_RyBFxtDt39ZhGNa8RJHsG0ROf6KXUWgr1YXQZWqcrQpB9cPZ33vW7z7jyvdsga6-acyxVMd/s400/gc_social_sprite.gif') no-repeat !important;
    height:19px !important;
    width:45px !important;
    padding:0 !important;
}
.st_email .chicklets{
    background-position:0 -77px !important;
    background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifnYq_W6m95q8BiqHh6n1mLxBLHa73Gs97YsCngADghox7by3b21nOA-n69FB_Nzco6rr3_RyBFxtDt39ZhGNa8RJHsG0ROf6KXUWgr1YXQZWqcrQpB9cPZ33vW7z7jyvdsga6-acyxVMd/s400/gc_social_sprite.gif') !important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
    background-position:0 -58px !important;
}
.mbt_social_floating .stButton_gradient{
    border:none !important;
}
.mbt_social_floating .stBubble_count{
    width:44px !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding-top:7px !important;
    height:23px !important;
    background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
    color:#00a6df;
    background-color:#f8fbfc !important;
}

.st_fblike_vcount{
    margin-bottom: 0px;
    display: block;
}
.st_twitter_vcount{
    margin-bottom: 3px;
    display: block;
}

.st_email{
    margin-bottom: 5px; margin-top: 3px;
    display: block;
}
.mbt_social_floating .stBubble{
    background-position: 21px 31px !important;
    height:35px !important;
}
</style>

<div class='mbt_social_floating'>
    <script type='text/javascript'>var switchTo5x=true;</script>
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.options({onhover:false});</script>
    <span class='st_fblike_vcount' displaytext=''/>
    <span class='st_twitter_vcount' displaytext='' st_via='mybloggertricks'/>
<div style='margin:5px 0 0px 0;'>
<center><a class='pin-it-button' count-layout='vertical' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script> </center>
</div>
<div style='margin:0px 0 0 5px;'>
    <span class='st_plusone_vcount' displaytext=''/>
</div>

<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "MY BLOGGER TRICKS",
ui_header_color: "#ffffff",
     ui_header_background: "#0080FF"
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://all-in-one-help.blogspot.com/2012/05/create-floating-bar-for-pinterest-other.html' style='color:#CAC8C8;'>Widgets</a></p>
</div>
</b:if></b:if>

Just replace http://all-in-one-help.blogspot.com/ with your twitter username.

8. Save your template and you are all done!
Only when you will enter into any post of your blog then you can see this or not. Please post any query you may have in the comment box below

Sunday, August 5, 2012

How To Show My Profile Picture in Google Search With My Blogs Post.

There are many way to show up our Google plus Profile Picture in Google Search with My Blog Posts.Today I will Share Two way to show up my picture in Google search with my blog posts.Do you have Google Plus ID? If You don't have please create a ID and create a page for your blog. It is like facebook Fan page.Believe it or not, Google Plus page increase little bit backlink for your site.It will be more valuable if you have many friends and follower in your Google plus ID.You can share your post for your Google Plus Friends and follower.Just follow bellow steps to know How To Show My Profile Picture in Google Search With My Blogs Post.
First Way:
1.Just visit this https://plus.google.com/website to create and complete you Google plus ID and Page for your Blogs.

2. Notice left side to find out Pages If you can't get then Click More Find out Pages and Click on it.(Follow Left Side Image)

3. Click on Create New Page

4.Complete Page by Putting Your blogs name, Url, and Image.

5.After completing your page click on your page.

6.Then Click on About(Follow Bellow Image)

7. Click Link Website.

8.You will Get a HTML Code Just Copy It, Go To Your Blog Site (Design-Layout-Add a Gadget-HTML/JavaScript) Paste and Save.
9. Go Back To Your Google Plus Pages and Click Test Website
10.Be Patient it may take few days to show up your photo in Google Search.

Second Way: Copy this HTML Code Replace this ID Number by your Google Plus Pages ID and Put it your Blogs Site. Follow upper Number 8 Instruction to know how to put in your blogs
<a href="https://plus.google.com/105516839900454506112" rel="publisher">Find us on Google+</a>

Please Comment us to know more or if you feel any problem about it.

Help Information Tips about Education, Health, Study and SEO For Everybody

Video Tutorial