Browsing Category "Blogger Tricks"

Browsing "Older Posts"

How To Show AdSense Ads in Mobile Version of Blogger Blogs?
Every blogger desires to extend their adsense earnings as there square measure many ways to spice up up adsense earnings. Displaying ads on proper places, increasing traffic, targeting USA traffic, targeting high CPC keywords square measure standard strategies to extend adsense earnings however nowadays, i am aiming to share a novel plan by that you'll be able tointensify adsense earnings. Most of bloggers, WHO square measure victimization "Blogger" as their blogging platform square measure loosing mobile traffic for validation. Mobile generation is being spreading apace asindividuals in high paying adsense countries like USA, Canada square measure victimization Mobile anddifferent tiny devices like pill, IPad to surf the web. In blogger, we do not get a lot of access to customise mobileguide however simply yesterday, I discovered a way by that we are able to show adsense ads in mobile version of blogger blogs. As I told you that USA and Canada individuals square measure departure laptop and have gottentiny devices like Mobile and pill to surf net therefore we must always conjointly optimize our website for these devices. If we tend to show adsense ads in mobile version of blogger blogs then there's likelihood to induceincrease in adsense earnings. Before we tend to start into the tutorial, initial of all, let Pine Tree State show you a demo that however ads are literally being shown in mobile version of blogger blogs.
Also Read : Make  Money  With  Google  AdSense...

Display Ads in Mobile Version of Blogger Blogs.

Display Ads in Mobile Version of Blogger Blogs.




Displaying ads in mobile version of blogger blogs will certainly facilitate U.S. to extend our earnings as we'll not loose mobile traffic for validation. within the mobile version example of blogger blogs, solely 2 ads can seem. initial one are higher than the journal title that is best place as a result of there chances are high that higher to induce high impressions, pageviews and clicks and it's horizantal ad unit with responive size. Second ad seems within the bottom of the total journal that is sq. ad and it conjointly has responsiveness which can be fitted in eachscreen device.





Tutorial...

There is nothing any huge tutorial to point out adsense ads in mobile version of blogger blogs however i need to mention the full tutorial in a very single sentence then it'll be like this. Google AdSense ads will be appeared in mobile version of blogger blogs by facultative adsense from "Earnings" page and it'll mechanically begindiscovery. If you are enough good then you'll perceive the full tutorial simply from the higher than sentence if no then here is step by step tutorial to try to to that.
  • Go To Blogger >> Login >> Dashboard >> Earnings
  • Setup Your AdSense Account There. [You can sign up for new account if you don't have, If you already have adsense account then click "Sign Up" and login with your adsense account. If adsense account is disabled on that blog then click "Switch AdSense" and setup your account by providing some information.]
  • After Setting Up AdSense Account There, Tick Mark "Yes" on "Show Ads on Blog".
  • In "Display" option, Choose Any Place To Where The AdSense Will Be Showed.
  • And Finally Click "Save Settings".
  • That's It.
How To Show AdSense Ads in Mobile Version of Blogger Blogs?
Once you've got done all the steps properly, then ads can begin shown up at intervals seconds. Most of bloggers, accustomed insert ad code in blogger to indicate adsense ads in blogs as a result of obtaining the default blogger account obtaining disabled however you show ads in blogger through it's own settings then it'll show ads in mobile version of blogger blogs.

Last Words.....

That was the simpler tutorial by that anyone will simply show adsense ads in mobile version of blogger blogs and that i advocate each blogger user to indicate ads in mobile version as a result of it'll sure as shooting assist you to extend your adsense earnings. I hope this tutorial goes to be useful for everybody, share your viewsregarding this guide in comments and do not forget to share this together with your friends. Take lots of careuntil subsequent post.

How To Show AdSense Ads in Mobile Version of Blogger Blogs?

By Muhammad Meer → Sunday, December 8, 2013
How to Create A Custom Permalinks for Blogger Posts
Let's start with the name of Allah. Hi! My name is Bilal Ashraf. In today's lecture. I serve you a small tutorial I've brought. A permalink (or permanent link) is a URL that points to a specific blog entry after it has passed from the front page to the archives.Blogger generates this permanent link based on your post title(If the title is in English). For example if your post title is �Hello World�, the blog post�s permalink would be something like. http://yourblog.blogspot.com/2012/06/hello-world.html Till date Blogger never allowed the user to control what the permalink should be but it rather assigned a permalink on it�s own.
This has now changed and Blogger now allows YOU to decide what the permalink of your new post should be.
This feature is currently available in Blogger�s Draft Version. So if you would like to check it out, head straight over to http://draft.blogger.com and create a new post. In the post options you will see a permalink option.
How to Create A Custom Permalinks for Blogger Posts
If you select the �Automatic URL� (the default option), then Blogger will generate the permalink on it�s own. If you want to specify a custom URL, opt for the �Custom URL� option and you can enter your custom post permalink over there. It will allow you to enter alphabets, hyphens and underscores. It will just ignore underscores. So I just used a combination of hyphens and alphabets to create my post permalink.
How to Create A Custom Permalinks for Blogger Posts




The Final Permalink will be something like

http://yourblogaddress/yyyy/mm/the custom URL that you specified

In my case it came to something like

http://myblog.blogspot.com/yyyy/mm/custom-permanent-link.html

Blogger doesn�t allow you to modify the Permalinks of old posts but you can make use of this new feature on your new posts There seems to be no limit to the length of this Custom URL at the moment but Blogger might impose some length limit in future.

Bilal Ashraf remember in our prayers. If you have any query then feel free to make a comment :)
urdu tutorial pakistan, urdu tutorials urdu tutorials free, urdu tutorials for web designing, urdu tutorials for adobe photoshop, online ustaad, html5 tutorial, html5 urdu tutorial, blogger tutorial, blogger tutorial 2012, blogger widgets, blogger gadgets, edius tutorial, dreamweaver tutorial, dreamweaver tutorial cs6, make money online, make money online free, make money online fast,

How to Create A Custom Permalinks for Blogger Posts

By Muhammad Meer → Monday, December 24, 2012
How To Customize Blogger Comment Box with Nice Background
Let's start with the name of Allah. Hi! My name is Bilal Ashraf. In today's lecture. I serve you a small tutorial I've brought.This post about how to customize your comment box background. Actually default comment box isn't attractive.So most are like to change it.This is the tutorial for it.I made a post about How To Change Default Anonymous Avatar In Blogger Comments. You can follow this easy steps to add it to your blog.




How To Customize Blogger Comment Box with Nice Background














1. Log in to blogger Design > Edit HTML.

2. Find this tag by using Ctrl+F ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag

#mbt-form iframe{ 
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgje0E7uwDnNYfNAb75VnCPD3ob8h1dE8TsXkzBAKAZZaOYaMn6xEg72sbWSbPzxwSwWEdtP2sVJeTlT9-He1d9Vn8-Y5pnWbsCejDRpLpnSOXFnJQc1EFoEO6py3z2WhK7w-HyAqbotbnA/s400/11.png) repeat-x; 
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:5px; 
font:normal 12pt "ms sans serif", Arial; 
color:#2F97FF; 
width:560px; height:213px !important; 
}
#mbt-form a{ 
color:#fff; 
}
4. Find again this code by using Ctrl+F <div class='comment-form'>
5. Now replace <div class='comment-form'> with below code

<div id='mbt-form'>


6. Now save your Template
You are done...

Bilal Ashraf remember in our prayers. If you have any query then feel free to make a comment :)
urdu tutorial pakistan, urdu tutorials urdu tutorials free, urdu tutorials for web designing, urdu tutorials for adobe photoshop, online ustaad, html5 tutorial, html5 urdu tutorial, blogger tutorial, blogger tutorial 2012, blogger widgets, blogger gadgets, edius tutorial, dreamweaver tutorial, dreamweaver tutorial cs6, make money online, make money online free, make money online fast,

How To Customize Blogger Comment Box with Nice Background

By Muhammad Meer → Sunday, December 23, 2012
How To Change Default Anonymous Avatar In Blogger Comments?
Let's start with the name of Allah. Hi! My name is Bilal Ashraf. In today's lecture. I serve you a small tutorial I've brought.This is also nice hack for comment system in blogger. When we allow anonymous comment, everyone can comment your post without using any Google account. As a result of it. there are no way to provide diffrent avatar for commentators.So , bloggers use a default  avatar for every anonymous commentator.So, in this Tutorial helps you to change that default avatar, Follow these steps to add it to your blogger.How To Change Default Profile Image In Blogger Comments

Those who are not enable anonymous comment
system, follow this.

Log in to blogger account and
Go to Setting >> Comments
And make setting like this and click
save setting.
How To Change Default Anonymous Avatar In Blogger Comments?






How To Change Default Anonymous Avatar In Blogger Comments :








1. Log in to blogger account and Go to Design >> Edit HTML
(make sure backup your template first)

3. Find this tag by using Ctrl+F
</body>

3. Paste below code before </body> tag
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'your-avatar-url-here')
.ssyby('blank')
</script>

*Replace Your-avatar-url-here With below URL or any avatar URL

3. Paste below code before </body> tag
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGuHiBldkrOnBm0UefhSWzQT9PnlFL1TStLIj3PkD7_8NfHY9hp6SwuIzHAyktHTrLeThpiorNN1LIXq3gsLANPbnNGYSYGrysJ590n6MATGqwbwb5FJsCrDm3mTvrOQ_kBxVAXH3wjs3C/
s1600/btrix4.png
4. Now click Save Template. you are done.

Bilal Ashraf remember in our prayers. If you have any query then feel free to make a comment :)
urdu tutorial pakistan, urdu tutorials urdu tutorials free, urdu tutorials for web designing, urdu tutorials for adobe photoshop, online ustaad, html5 tutorial, html5 urdu tutorial, blogger tutorial, blogger tutorial 2012, blogger widgets, blogger gadgets, edius tutorial, dreamweaver tutorial, dreamweaver tutorial cs6, make money online, make money online free, make money online fast,

How To Change Default Anonymous Avatar In Blogger Comments?

By Muhammad Meer →
How To Change Default Profile Image In Blogger Comments
Let's start with the name of Allah. Hi! My name is Bilal Ashraf. In today's lecture. I serve you a small tutorial I've brought. How to change blogger default image.Always bloggerprofile picture showing blogger logo if the user hasn't
change the profile picture. So blue avatar image showing in blogger. But comment section it appear as blogger logo like below. So, in this tutorial im going to tell a simple hack that helps you to change default icon in comment section.you can use any nice image as default image. follow these steps to add it to your blog.I hope you'll enjoy.


How To Change Default Profile Image In Blogger Comments







1. Log in to blogger account and Go to Design >> Edit HTML
(make sure backup your template first)

2. Put checked mark in
Expand Widget Templates

3. Find this tag by using Ctrl+F          <b:includable id='comments' var='post'>

4. After you found above code. you have to scroll down till you find this code.

</b:includable>

5. You have to pass some more line to find out this, so be patient and find it carefully.
( Tip: most of time it will place with single line)

6. After you found it, paste below code before     
</b:includable>  tag
<script type='text/javascript'>
//<![CDATA[
if(document.getElementById("comments-block")) document.getElementById
("comments-block").innerHTML = document.getElementById("comments-block")
.innerHTML.replace
(/http:\/\/img2\.blogblog\.com\/img\/b16-rounded\.gif/g, 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPzzFRwaTll_SYw29KvqXcNrNiet79JpAZe7COl8lZu3WQJ5DsNysQ0b1ky5PN8njeN2glibJfiNQq3oivXF_r4M2Fx4jm_tZT1bxwwX9rQOU0Ix8bvKCGS1lbMYwdsGY8dygUG5JYojB1/s1600/avatar.png");

7. You can change red color Image link with your own image link.
8. Now click Save Template, you are done.
Bilal Ashraf remember in our prayers. If you have any query then feel free to make a comment :)
urdu tutorial pakistan, urdu tutorials urdu tutorials free, urdu tutorials for web designing, urdu tutorials for adobe photoshop, online ustaad, html5 tutorial, html5 urdu tutorial, blogger tutorial, blogger tutorial 2012, blogger widgets, blogger gadgets, edius tutorial, dreamweaver tutorial, dreamweaver tutorial cs6, make money online, make money online free, make money online fast,

We Change Default Profile Image In Blogger Comments?

By Muhammad Meer →