Friday 31 August 2012

Inserting Adsense ads inside Blogger Blog Posts

Posted by Crypto Magic World on 09:20 with No comments
Placing adsense inside the blog posts increases adsense ads CTR (click through rate).
Using simple layout page, you can place these ads anywhere in your blogger blog, like in the sidebar, before posts, below posts even between the posts, but by using any gadget, you can’t place them INSIDE any post.

WHY TO PLACE ADS INSIDE POSTS?

There’s no gadget available to place adsense ads inside the posts. So, to Place adsense ads inside a blogger post, you have to modify the template a little bit to place the adsense code in there.
And if you dont know, then let me tell you that CTR of the ads inside the blog posts is much more higher than the ads outside posts.
There are dozens of articles explaining this method of placing ads, but most of them are either poorly explained or without any screenshot. But here I’ll try to keep the procedure as simple as possible.

So, here it is:

INSTALLATION

1. Get your adsense code, and Encode it before placing.
To do the encoding, you can use “Postable” or use other sites.
2. Now, go to Layout section and “Edit HTML” tab.
3. Its always recommended to download a backup of your template before making some changes. So download the template!
4. Click “Expand Widget Template” checkbox.
5. Press “Ctrl+F” and find:

<data:post.body/>

If you are using “Expandable Post Summaries” in your template, then you’ll find <p><data:post.body/></p> and infact two of them.
In that case, you are supposed to place the adsense code above the first

<p><data:post.body/></p>
6. Now Copy the code below and paste it just ABOVE the tag you searched in step 5.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:center;padding:5px;'>
--- PLACE YOUR ENCODED ADSENSE CODE HERE ---
</div>
</b:if>
…Don’t forget to replace the text in red with your encoded adsense ad code, that you have done in step 1.
These <b:if> and <div>tags will decide the alignment of your ad. So dont leave these while pasting the adsense code.
DONE! After doing this step, An adsense ad will be placed just below the title and above the text of EACH and EVERY post of your Blogger blog automatically.

PLACING ANOTHER AD INSIDE POSTS

Now if you want to place another ad inside posts, but below the text of the post..You can search fo the same tag of step 5.
But this time place the code (of step 6) BELOW it.
This will place another adsense ad below the text of all the posts of your blog automatically.
Now you have 2 adsense units INSIDE your blog posts. One Just below the titles/above the text and second at the end of the posts’ text. :)
Your code should look like this after placing the ads code.
placing-adsense-ads-code-inside-blogger-blog-posts
The highlighted gray area is the tag that you have to search.
Highlighted green area is the (encoded) adsense code.
Highlighted red are the <b:if> and <div> tags that assign the alignment of the ads. I highlighted them, just to make the picture clear and easy to understand.
(Don’t leave these tags while copying from step 6!!)

CUSTOMIZATIONS:

You can change the placement and alignments of these ads within the post.

ALIGNMENT

Just change the “center” (in blue) in step 6, to “right” or “left”, to change the ad’s alignments respectively.
See these screenshots, to understand the alignments.
“float: right”
adsense-placed-on-right-side
“float: center”
adsense-placed-above-center

PLACEMENT

You can also place the ads side by side inside the post.
To do this, you have to place both the ads, either ABOVE or BELOW

<p><data:post.body/></p>
And after that, make one ad to float “left” and the other one to float “right”. :)

Remember:

You can place maximum 3 adsense units on a page as per Google’s Terms. If you are placing 2 inside the post, then you can place only one outside the post.
Like I placed, 1 in side bar, 1 inside the posts (just below titles) and remaining 1 below posts and just above “Related post”. ;)
Hope you have got the simple procedure.

Tip:

Instead of viewing your blog after saving changes in the template after each step. Use “Preview” feature for quick views.
Although clicking is not enabled in preview window, but there’s a little trick, to enable clicking in preview…
While the preview window is loading, quickly click any post title as soon as you see any. This will open that post in the preview window, and clicking will also be enabled. You can then see the changes you’ve made! ;-)

This widgets really helps you in keeping the visitor’s interest in your blog. A reader finds this widgets when he reaches the end of an article.
Related posts widgets shows all the posts related to the article currently being read. It actually fetches and shows all other posts with the same label with which current post is labeled.
< imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
To see a demo, scroll down below this post, to view “Related Articles”.
To install this in your blogger blog, follow the steps:
1. Goto Layout > EDIT HTML
2. Find </head> and just ABOVE that paste the code:
<!--Related Posts Scripts and Styles Start-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 21px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://sites.google.com/site/allfreecoursesblog.blogspot.com/uploads/Related_Posts.js' type='text/javascript'/>

<!-- Related Post script END -->

3. Now, search for
<data:post.body/>
And just AFTER this, paste this code:
<!--Related posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Articles: </b></font><font color='#ffffff'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; data:label.name &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
<!--Related posts ends-->
If you want to change the title then change the text in red.
Number in green is the number of posts this hack can show. You can increase/decrease the number of posts according to your need.
4. Save the template and view any post.

SEO: Best Meta Tags to Optimize your Blogger Blog

Posted by Crypto Magic World on 08:14 with No comments

To get a higher rank in search engines, adding meta tags to your blog is the MOST essential thing to do just after you create your blog. Most of the bloggers face low traffic problem with their blogs just because of the missing meta tags in their blog’s template.
Meta tags are a great way to provide search engines with information about your site. It’s an essential part of your SEO(Search Engine Optimization) which tells search engine about a blog and it’s author and helps you get a high ranking which in turns gives you more traffic.
To add meta tags to your blogger blog, do following steps:
1. Login to your Blogger account.
2 Click Layout > Edit HTML
3. Find <b:include data=’blog’ name=’all-head-content’/> and just BELOW it copy following code:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='PUT-YOUR-BLOG-DESCRIPTION-HERE' name='description'/>
</b:if>
<meta content='ADD-KEYWORDS-HERE' name='keywords'/>
<meta content='WRITE-YOUR-NAME-HERE' name='author'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='Description'/>
</b:if>
4. Click Save.
After adding this you’ll see a dramatic improvement in your search engine rankings and incoming traffic.

Install/Add Recent Comments Widget in Blogger Blog

Posted by Crypto Magic World on 07:59 with No comments

“Recent Comments” Widget shows your Blogger/Blogspot Blog’s recent comments. This widget is one of the important widgets for blogger blog which helps you in viewing recent comments in your blog.
Follow the simple steps to install a “Recent Comments” Widget in your blogger blog.
1. Click the button to Add the widget.



Sign in to your blogger account (if you’re not already)
2. Choose your blog from the drop down list (if you have multiple blogs) and Click “Configure Gadget”.
3. Make changes according to your needs.
You can choose how many numbers of comments to display, with length of their summaries. By default 10 recent comments and 200 summary length is selected.
4. Click Save.
You’ll be taken to your blog’s layout page, where you can drag and drop the widget where you want to show it.
If you see a video that you want to insert in your blog post then you just copy the HTML code given with the video to embed in a web page. But what to do when we want to embed a flash video(.swf)?

No HTML code is given with a flash video to embed in your web page. However you can obtain the link of the flash video, but still cannot embed in your web page or blog post. To embed a flash video in your blogger blog post, you need to place a small piece of code.
1. Create New Post, and switch to Edit HTML mode of post editor.
2. and paste this code wherever you want to show the flash video:

<p><embed align="middle" allowscriptaccess="always" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.YOUR-SITE-ADDRESS.com/VIDEO-NAME.swf" type="application/x-shockwave-flash" width="550"></embed></p>
3. Publish the post and see the result. 
Blue is the actual video’s link.
Green is the alignment – you may change it to right or left.
Red is height and width of the video.

Top 3 Alternatives to Default Blogger Blog Comment Form

Posted by Crypto Magic World on 01:44 with No comments
After introducing embedded comment form in their Blogs very late by Blogger.com, bloggers found some alternatives to that simple default comment form. Still most of the blogger users do not prefer that default comment form and replace it with other third party comment form that can easily replace the default one.
When I started AllFreeCourses, embedded comment form wasn’t available at that time and an annoying popup comment form was there hidden behind a text link. So I also replaced the comment form with Disqus Commenting system.

So, I would like to introduce with some top of these alternatives that can replace the default comment form in your blogger blog. These third party commenting system are not only advanced or comes with better comments and spam management but also integrates in your blog’s templates so nicely that these comments forms looks just like a native part of your blog.
These commenting systems are definitely far more better than the default one, because of many advanced features, like; Comments Moderation, IP or keywords Blacklisting, Spam Filters, Multiple Admins and many more.
1. Disqus
Disqus Comments is a comment system and moderation tool for your site. This service lets you add next-gen community management and social web integrations to any site on any platform. With your disqus profile you take back control of what you’ve written by tracking and managing your comments all in one place. You can also use Disqus Profile to effortless follow and reply to what people are talking about, on and across different sites having disqus installed.
You can (optionally) choose to send your comments to your Facebook, Twitter, Yahoo or Google friends too.
JS-KIT is a new way to share your content, and watch the live reaction. You can easily and quickly embed Echo onWordPress, Blogger, or any website and turn your static pages into a real-time stream of diggs, tweets, comments and more. Beside putting images and emoticons you can also embed a Youtube video in your comments. You can (optionally) choose to send your comments to your Facebook, twitter, yahoo or Google friends too.
IntenseDebate is the premier commenting system which enhances and encourages conversation on your blog or website. With IntenseDebate you can give your blog readers the opportunity to better engage your blog’s content and each other. It offers numerous features that improves the commenting experience, like the Reply By Email functionality which enables you to reply to and moderate comments via email! You can integrate Facebook and twitter accounts with your comments so that you can send your comments to your facebook and twitter profiles too.
All three commenting systems supports blogger,wordpress and other popular blogging platforms and have very simple installation, just sign up and follow the step by step instructions to install.

With the increasing trend of Google buzz, developers are coming up with new sharing services to support the Buzz users community. RebuzzThis is probably the first of its kind service that allow webmasters to embed a Google Buzzreshare button in their sites or blogs with a counter. Previously I shared a Simple Google Buzz share button but that was without a counter.
ReBuzzThis offers the reshare button with share counter on it. Just like tweetmeme offers for twitter share button.
At home page of ReBuzzthis.com, you can find re-buzzed article from all the sites having the ReBuzzThis button installed. Every time a link/page is shared, it is added and counted on that front page.
ReBuzzThis supports all types of blogs and sites.

Installation

1. Goto ReBuzzThis
2. Choose your button’s style and blogging platform.
3. Click “Get Your Code” button to get the code.
4. Sign in to Blogger and go to Layout Layout > Edit HTML.
5. Check “Expand Widget Templates”
6. Find <p><data:post.body></p>
7. And just ABOVE it, paste the following code replacing the text in red with the button’s code that you got from the ReBuzzThis.

<div style="float: right;">
PLACE-BUTTON'S-CODE-HERE
</div>
Placing code at this place, would show the button at top right of all your blog posts.
(Pasting the code BELOW <p><data:post.body></p> would show the button at the bottom of the posts)
8. Save the template and preview any of your blog posts.
You can preview the button at the starting line of this post.

Thursday 30 August 2012

How to install DISQUS Comments on Blogger Blog

Posted by Crypto Magic World on 22:34 with No comments
When I started using Disqus back in 2008, It was quite complicated to install DIQUS commenting system in a bloggerblog that I used to create a website. You had to download your blog’s backup and upload it to disqus, disqus patched it (to install the new comment system) and give the file back to you and you upload it again to your blog. Pretty complex method to install disqus.
As I’m a big fan of DISQUS form day one, I read their offical blog to get updates and to know new features they include.
Recently they’ve made it much easier to integrate Disqus with your Blogger layout now. Means you don’t have to go for that lengthy process to install disqus. Using the latest Gadget functionality you’re now able to improve the time of integration, and now require no patching of your template.

To install Disqus in your blogger blog:
1. Login to your Disqus account.
2. Go to http://disqus.com/comments/blogger (make sure you’re already logged in)
3. Click “Add Site to Blogger” button.
4. On next page, Authorize Disqus, add a Gadget with your sites Disqus code, and you’re good to go.
Open any post and see the disqus comment form instead of blogger’s default one.


Blogger.com finally introduced two new exciting gadgets  – Popular Posts and Blog’s Stats. Both the gadgets can be added straight from gadget directory  by simply clicking “Add a gadget” from page elements page.


The Popular Posts gadget will automatically find and display your blog’s posts that have the most pageviews.  You can optionally choose whether to display image thumbnails or post snippets in addition to the post title. You can also choose the time window to be used for calculating pageviews and the number of posts you’d like to display.
The Blog’s Stats gadget lets you show off pageview data of your blog, with a handful of configuration options that are easily controlled. You can choose from a variety of styles and display options to suit your blog. You have an option to select the time window to be used for calculating pageviews.
I’d say both the gadgets are very useful and long awaited. Specially the Popular Posts was the most demanded of all time and I’m sure blogger users would be exited to add these in their blogs.

How To Create Ebook Of Blogger/WordPress Blog [FREE]

Posted by Crypto Magic World on 22:09 with No comments

Here is cool online app to convert your blog and its articles in a cool looking ebook that you may give to your readers, friends or anyone who wish to read your written articles offline. So here is the way to convert your blogger or wordpressblog in a (pdf) ebook.
1. Visit Blog2Book
Click On Start Now Button to start the process.
2. Enter the URL of the blog and select blog type (WordPress or Blogger).
Also select how you want to fetch post’s (by latest or Date range).
3. Click on Get the Posts!
This will grab all the posts.
Later, you can uncheck any post that you don’t want to include in your PDF.
In next step you can customize the PDF file.You can select not to include Images and publish date of posts.You can also add the title, subtitle, authors name and choose cover page.
Once you are done with customization click on Create my book! button.
It will take some time depending upon the number of posts to be included.
A link will be given to download in the end.
Cool, isn’t it?
What do you think of this wonderful app? Are you going to create pdf of your blog too after reading this?
Because of so many readers on mobile phones in today’s modren world, it’s equally important for a webmaster and blogger to make his/her blog mobile friendly so that readers and followers withmobile phone should get smaller and lighter version of the site without slowing down the load time on mobile phones.
There’s a good news for blogger how use blogspot/blogger.com platform to manage their blogs. Blogger.com team recently announced Mobile Templates For Blogger Blogs.
Now you can Enable Mobile Templates In Your Blogs Hosted In Blogger.com. You don’t need any technical skills to do this, it’s a built-in feature now and a click is required to convert your blog mobile friendly.
Step 1. Login To Blogger and choose your blog.
Step 2 . Open settings and then click on Template .
Here you’ll see Mobile Option Click On Setting Icon Below Mobile Template.
blogger blog mobile template
Step 3 . A popup box will appear, choose “Yes. Show mobile template on mobile devices.”

Here, you can optionally select a theme for mobile version of your blog too.
Step 4 . Press Save Button!
That’s it. Your blog will have two different templates now. One standard web version and other one for mobile devices.

Adding “Comment Form” in your blog

Posted by Crypto Magic World on 21:48 with No comments

Blogger.com has finally officially released its inline comment form that can be embedded below every post.
If you didn’t activated it yet.. you can do it now !!
Here’s the simple procedure..
To show comments form below every post;
But you should save and check whether it is working in your theme or not.
2. Check Expand Widget Templates.
You can see disqus comment form in my blog as well, below every post.
After creating free account on disqus.com.. you will see step by step process to install and in minutes you’ll see their comments form in your blog.


1. Go to Settings, then Comments tab and scroll down the page to see the
“Comment form placement” settings.
2. Select “Embedded below post” option.
3. Save and see your blog.
——————————————————–
Note: If you have one of the default templates installed in your blog (offered by blogger.com) then Embedded below post comment form will be shown immediately after save.
But if you have installed a theme in your blog then in some templates it might not work.
If not, then there’s a method which will work for almost all blogger templates.
1. Go to Layout > then “Edit HTML
Then search for this line in your template code:
Immediately after this line, add the following line of code:
Then first See the preview and then save your template.
——————————————————————————–
If you find above method difficult, then try “disqus.com“ 
You can see disqus comment form in my blog as well, below every post.

If you usually write long articles for your blog and want to show maximum of them on the home page of your blog, what people normally do, that they simply increase the number of posts to show on home page.
But this not only makes your page longer, but it also takes little more time to load than blogs with fewer posts on their home pages.
“Expandable Post Summaries” is the solution where a summary of the post is given as a teaser paragraph and then a link to the full post is given below the incomplete post- such as
Read more...” or “Continue Reading…”
This little trick adds itself to every post of your blog, you can choose to display a selective amount of text from the beginning of each post as a teaser instead of showing the entire post on the front page of your blog and when the reader wants to read the rest of the post, he can click the “Read more…” link, to see the full post.
This is very handy if you have lots of long articles page and you want to show maximum of them on homepage.

Here’s the procedure to do it…
Note that you’ll need to have post pages enabled in order to make this feature work.
If it is disabled, then enable it… from the Settings go to “Archiving” tab, and select “Yes” to Enable Post Pages.
1. The front page should always be backing up your blogger template, so than if anything gose wrong, you’ll have your backup to restore to original condition.
(If you dont know to backup, here’s the little procedure…Goto “Layout”, click “Edit HTML” tab, and click “Download Full Template” link.)
2. Now from same “Edit HTML” page, check “Expand Widgets Template” first and then from the code written below
search for the 

<div class='post-body'>
Sometimes you’ll find a little different code instead of above, like

<div class='post-body entry-content'>

……….both are same.. So Don’t Worry about that.
(Tip: To Open Search Box, Press Ctrl+F )
Now paste the following code AFTER <div class=’post-body’> 
<!-- post summary hack begin -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- post summary hack end -->
3. Once it is done, then search for the code
<p><data:post.body/></p>

If your using default template, then you’ll find

<data:post.body/>


and then paste the following code AFTER it.
<!-- post summary hack begin -->
<a expr:href='data:post.url'>Continue Reading...</a>
</b:if>
<!-- post summary hack end -->

You can change the text “Continue Reading…” to any text you want, such as “Read More…”.
3. Preview the template first, DON’T save at this point. If Preview window shows your blog fine and with the “Continue Reading…” link after every post, then it means, everything went perfect. Otherwise It’ll show an error, and prompt you to remove them first before saving.
Common mistakes we do is incomplete Copying/Pasting the code.
Make sure you copied everything carefully and pasted it in right places, defined above.
4. Save the template now.
5. Now go to the “Settings” and under the “Formatting” Tab, go to “Post template” and add the following code in the box.
....Type your summary here.
<span class="fullpost">
....Type rest of the post here
</span>

6. Save the Settings again.
Purpose of this code is to divide the summary of the post and the rest of the post.
7. Create new Post and Replace your summary with the text in red and then the rest of your post with the text in green.
Done ! :D
——————————————————————
NOTE: This will only work on new posts of your blog (after adding these codes). It’ll not work on the older posts.




Sunday 26 August 2012

Internet Download Manager 6.12 Final Build 10 Fixed compatibility problems with different browsers including Internet Explorer 9 Final, all Mozilla Firefox versions up to Mozilla Firefox 14 (Aurora), Google Chrome. Improved FLV grabber to save videos from web players on YouTube,  Google Video, MySpace TV, and other popular sites.

Internet Download Manager (IDM) is a tool to increase download speeds by up to 5 times, resume and schedule downloads. Comprehensive error recovery and resume capability will restart broken or interrupted downloads due to lost connections, network problems, computer shutdowns, or unexpected power outages. Simple graphic user interface makes IDM user friendly and easy to use.Internet Download Manager has a smart download logic accelerator that features intelligent dynamic file segmentation and safe multipart downloading technology to accelerate your downloads. Unlike other download managers and accelerators Internet Download Manager segments downloaded files dynamically during download process and reuses available connections without additional connect and login stages to achieve best acceleration performance.

Internet Download Manager supports proxy servers, ftp and http protocols, firewalls, redirects, cookies, authorization, MP3 audio and MPEG video content processing. IDM integrates seamlessly into Microsoft Internet Explorer, Netscape, MSN Explorer, AOL, Opera, Mozilla, Mozilla Firefox, Mozilla Firebird, Avant Browser, MyIE2, and all other popular browsers to automatically handle your downloads. You can also drag and drop files, or use Internet Download Manager from command line. Internet Download Manager can dial your modem at the set time, download the files you want, then hang up or even shut down your computer when it's done.
Other features include multilingual support, zip preview, download categories, scheduler pro, sounds on different events, HTTPS support, queue processor, html help and tutorial, enhanced virus protection on download completion, progressive downloading with quotas (useful for connections that use some kind of fair access policy or FAP like Direcway, Direct PC, Hughes, etc.), built-in download accelerator, and many others.
Version 6.12 adds IDM download panel for web-players that can be used to download flash videos from sites like YouTube, MySpaceTV, and Google Videos. It also features complete Windows 7 and Vista support, YouTube grabber, redeveloped scheduler, and MMS protocol support. The new version also adds improved integration for IE and IE based browsers, redesigned and enhanced download engine, the unique advanced integration into all latest browsers, improved toolbar, and a wealth of other improvements and new features
                                                            
  1. Note


Microsoft Powerpoint 2007 Full Course in Urdu

Posted by Crypto Magic World on 12:35 with No comments
Microsoft Powerpoint Part 1

Microsoft Powerpoint Part 2
Microsoft Powerpoint Part 3
Microsoft Powerpoint Part 4
Microsoft Powerpoint Part 5
Microsoft Powerpoint Part 6
Microsoft Powerpoint Part 7
Microsoft Powerpoint Part 8
Microsoft Powerpoint Part 9
Microsoft Powerpoint Part 10
Microsoft Powerpoint Part 11
Microsoft Powerpoint Part 12
Microsoft Powerpoint Part 13
Microsoft Powerpoint Part 14
Microsoft Powerpoint Part 15