Recommended Article ORMT For Blogger
X

Tuesday, January 19, 2016

Dynamic Adsense Placement - After First Paragraph of Post

Adsense After First Paragraph
Bloggers use different techniques of ads placement to get more clicks on their adsense ads and any other. Like, placement of ads inside blog post, bottom of the post, sidebar placement, header placement etc. But I think many may not have applied adsense placement under the first paragraph of the post. This technique is new and I hope this will definitely help to make more money from ads publishers like adsense, infolinks , chitika etc.

Create Infolinks Account and Earn Money

Here is straight process of placing adsense ads just after the first paragraph of a post. This is only applied in blogger blog. Indeed, this technique is for blogger but if you also want to place in other platform like wordpress and joomla. There you may find plugins or you have to put using some codes like below:

How to put ads just below the every blogger post?


Step 01: Login blogger dashboard>>template. And click on edit html . 
Step 02: Just search for <data:post.body/>. Use CTRL + F button to search.
Step 03: In default template of blogger, you can get multiple occurrence of above code, so you have to choose second one.
Step 04: Now replace that code by the below code
<div id='target'><data:post.body/></div>
Step 05: Then place the below code right after the above (step:4 div).
 <script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;content&quot;);
var target = document.getElementById(&quot;target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>
Step 06:  Now you have to add this code just above the target div(step 04 div)
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id='content'>
Adsense code placing center
</div>
</b:if> 
Step 07: This time to put adsense code. So login to you adsense account and copy an adsense code. Then parse this code using adsense parser. After that, replace Adsense code placing center by parse adsense code.

Step 08: Save the template.

That's all. If you got any errors on this widget, please comment below the comment box. I will get you on there. Thank you. Enjoy blogging. 
Read More »

Sunday, December 27, 2015

Online reputation management tips for blogger

Online reputation management is very important and keep in mind that your online reputation is your identity on the Internet. When you begin a blog or any online business, it is important to make online reputation. Online Reputation Management denotes that of getting better or reinstating your blog or your brand’s good status. The bloggers can attain good reputation online by means of defying, waning or eradicating the negative image or material found in the Internet. The best means for the bloggers to acquire online reputation is through overcoming their negative material with more positive material.
Online Reputation Management

Without a doubt, bloggers can improve their credibility and customers’ trust in them by means of online reputation management. One of the most imperative features of blogging is having a superior internet standing. Obviously, it takes a lot of time to get going for the new bloggers and also to establish good reputation in the field. However, establishing an excellent internet identity from the very start will provide your blog an enhanced opportunity to challenge effectively with other more recognized blogs. It can also assist you to bring in loyal followers from the commencement itself. Following are some of the effective online reputation management tips for bloggers:

1. Monitor Online Reputation

It is always very imperative to monitor your online reputation every now and then. Your fans and followers might go away from your blog when they see bad reviews, negative blog posts or comments in your blog.  Keep in mind that bad reviews, negative blog posts or comments in your blog can stretch in diverse online mediums such as in search engine results and in social media networks. These can have an effect on your brand, business, or blog. Therefore, it is vital to have your online reputation monitored every so often and erase negativity, bad reviews, negative blog
posts or comments so as to build positive reputation.


2. Opt A Good Name

As far as the bloggers are concerned, it is must for them to make first good impression. Selecting a good blog name can indeed help the bloggers to draw the attention of other established bloggers and people online. So, when you start a blog, make sure to have a catchy name that will appeal to your target market or people.

3. Go for SEO

Things Good For Seo
SEO has become very important for any online business and promoting a brand online. The bloggers need to have superior search engine ratings since it makes easier for people to locate you on the internet. You can achieve this by means of doing SEO. SEO means doing online promotion by making use of keywords that are related to your business or blog. Without a doubt, SEO can aid you to get the attention of more people and also guide you to rank top in search engines.

4. Share Information On Your Area

Another most important thing that the bloggers are required to do is sharing information on their area. Without sharing information about your blog, none of the people can understand the objective of your blog. Blogs let you to display your knowledge and professionalism. Blogs can aid you to find new clients and also to make them to trust you and your products. So, bring into play blogs to share free information on your area of business so that you can spread the objective of your blog amid people.


5. Build Relationships

One of the top means for the bloggers to build up online reputation is building relationships. As a blogger, your main aim is to protect your reputation and make certain the continuity of your business or blog and to put up great relationships with your customers, followers and other well established bloggers in your area. Try to find ample time to listen to customers and followers of your blog since it presents you and chance to develop your service.


6. Communicate and Respond Quickly

The bloggers should try to communicate with their clients, fans and followers every now and then. They should also try to respond quickly to the reviews and comments of fans and followers in order to build loyal relationship with them. Bear in mind that maintaining communication with fans and followers and giving them prompt replay will help you to improve your online reputation.


7. Publish Positive Information

Publish Postive Information
Don’t try to publish negative information about your blog or business. Focus on to develop your blog with professional and positive information regarding the company, products, industry trends etc. Obviously, publishing positive information about your brand not only helps to improve your online reputation but also attracts more traffic to your blog.


8. Crete Social Media Profiles

Create Social Media Profiles
Creating social media profiles will guide the bloggers to establish good online reputation. Make sue of social media platform such as Twitter, LinkedIn, Facebook, Google+, YouTube, SlideShare and Pinterest.  Maintain your brand name on all the major social networks and update them regularly. Social media profiles indeed present a bigger online presence always, and help them to build online reputation slowly but steadily.

9. Follow Blogs, Online Sites, Forums and Communities

The bloggers should try to follow relevant blogs, online sites, forums and communities related to your industry since it allows you to improve online reputation. The more you engage with relevant blogs, online sites, forums and communities, the greater will be you getting followers and fans to your blog.


10. Be engaged

The bloggers should be engaged always and make sure that they have online presence to draw the attention of more people every day. The bloggers should post relevant articles, images, videos, news etc. You have got to check your blog posts frequently and commit to making one comment daily to show that you are engaged every time.

Author : Ligia Blake
Ligia Blake specializes in content writing and works for essayscouncil.com, a custom essay writing service with a passion of helping out the students with their writing Excellency and ability .Also contribute as a freelance writer for different blogs.

Read More »

Thursday, December 24, 2015

Powerful Blog Promotion Tactics From Marketing Experts

social media powerful promotion
In the present day blogging has become a common thing and people used to make use of blogging for a variety of objectives. Blogging for most is a leisure pursuit. A lot of people are likely to take blogging as just a hobby or something that is done to idle away the hours. However, the best part of bloggers these days makes use of blogging to present their brand or product to the world with the intention of making money. Therefore, many people use blogging to make an income.

Blogging is a unique and innovative technique that thousands have used to make sizeable income for themselves. Blogs can be one of the most precious assets to your business website. Blog promotion is a vital part of a business promotion tactic at the moment. Today, many business people online are using blogging in order to promote their business and get more traffic.

Promoting your blog is very important if you would like to be successful in the field. Without promoting your blogs, people won’t know about your blog and its information. When you promote your blog with effective tactics, it can be easily accessible to them with just a click. There are many things you require to do to have a thriving blog. Your posts not only need to be well-written, useful, and appropriate to your target audience, but also need to make sure that you are promoting them correctly.

Obviously, Blog promotion tactics can be different for diverse marketing experts but it finally aids you to drive traffic to your valuable information. Following are some of the effective blogging tactics shared by marketing experts so as to help you to get fans or followers and even your customers.

1) Blog Must Be Good
Primarily, keep in mind that your blog must be good. In order to make your blog good, you must provide useful content, present a unique point of view, tell stories, and react promptly to trends with the aim of maintaining your content appealing and fresh.

2) Post Contents With Images
Marketing experts in the field suggest that to post contents in your blog with catchy and related images. It is seen that posts with images used to get more attention from the readers than posts with no images. However, don’t try to post an image for the sake of posting it. You should try to find an image that goes well with your content and blog in general. Avoid posting images that is already used in your blog. You have to focus on making your images more useful with text overlay. The bloggers can utilize images to draw traffic from social sites. Therefore, seek to form more visual posts with graphics as well as imposing images.

3) Build Relationships
Marketing experts’ instruct that building relationships is very important when you promote your blog. Make sure that you are connecting with other popular blogs in the field. By connecting to popular blogs, you can gain the attention of both the influential blogger and his or her readers. Building relationships is crucial as it allows you to build a strong foundation and draw followers to your blog from other blogs. Building good relationships will help you to make a loyal audience and share content from other blogs. Make use of social networks to engage with others and it will eventually allow you to draw the attention of a lot of people to your blog.

4) Make Use of Social Media
Without a doubt, social media have turned out to be an important medium to promote your blog. A lot of bloggers have become successful by promoting their blogs in social media channels. Marketing experts say over and over to the bloggers to have a solid presence on Twitter, Facebook or other social media platforms since it guides you to have more followers or fans to your new blog.

5) Guest Posting
Marketing experts states that one of the best ways to promote your blog is through guest posting. Guest Posting will assist you to get quality and natural back links. Guest posting also helps the bloggers to make relationships with other bloggers in your field. Establishing good relationships with other bloggers can support you with more traffic. If done right, guest blogging can still help you to get strong visibility for your blog. Hence, don’t ignore the importance of guest posting as it is one of the best way to promote your blog or blog posts.

Author: Thomas Goodson
I am freelance writer. I am working in essay writing service reviews writing company. Our writing papers are having some special and important information. It is fully based on presenting world. Now I will publish my article named as “Powerful Blog Promotion Tactics from Marketing Experts”
Website: reviewz.clazwork.com
Read More »

Thursday, December 17, 2015

CSS 3 Rollover Effect

In the web, when you changes mouse hover on any object, if that object rolls and come back on its original position that is called Rollover effect. You can apply different codes to get this effect like HTML, Javascript etc. Now I will show you rollover effect using CSS3 which is a recent most used web styling method. CSS3 has reduced the Javascript and Jquery coding on webpage and this helps to load your site and blog faster in the web.

How to Make Rollover Effect Using CSS3?


In the beginning, I will suggest you to find on which web object you are going to give rollover effect then just apply the given codes.

.social ul li img
{
     transition:linear 0.4s;
}
The given above code is just for my own object. Here now I am  going to apply rollover effect on social media icons. 'transition' is the attributes of the css3 technology and if you do not know much more about css3 and its coding technique, then you simply can go through css3generator and get css3 codes. Actually, the above code is not compulsory for rollover effect which just give function and duration on a property but the below code is a compulsory code which you must include.
.social ul li img:hover
{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);

-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
Note: On the above code, I wrote '.social' which is a class of a particular img attribute. So do not think that you always write this code. You can write whatever class and attribute but one thing that you must be sure is transform property must be included and which value must be 'rotate(360deg)' because if an object rolls, then that must complete a circular form.

The second code says when you do hover on an list (li), then its image will rotate on 360 deg. And there are four different code which do nearly same job on different browser.

This is a demo of Rollover Effect.

Read More »

Thursday, December 10, 2015

Facebook Comment Related Queries Which are Frequently Searched in the Internet

Billions of people use Facebook and they always search for new things in facebook. They also want new features as their need. So that frequently there are lots of queries typed in the internet search engines or forums and blogs. There are thousands of facebook questions asked in facebook forums and solved by facebook experts and any other good facebook users who already knew the features of facebook. Generally their question relate to the facebook security, flexibility etc.

Here I have listed some questions about Facebook which are Frequently asked in the internet:


  1. Why My Likes and Comments do not show in the news feed ?
  2. How to make post of a group not visible to the public ?
  3. How can I make my facebook wall/timeline visible to public ?
  4. How to control Facebook Comment post visibility ?
  5. How to hide my comments of facebook ?
  6. How to control likes and comments of my facebook ?
  7. Why my FB wall is hidden to my friends ?
  8. How to make my facebook completely invisibile ?
  9. Why my facebook comments are invisible to my friends ?
  10. Can I manage my Facebook Privacy ?
  11. How to stop people tagging me on their post ?
  12. Why my facebook comment box not visible to the Firefox ?
  13. Why my facebook comment box not visible to the IE?
  14. Why my facebook comment box not visible to the Chrome?
  15. Why my facebook comment box not visible to the Safari?
  16. Why wordpress is not supporting facebook comment box ?
  17. How to secure Facebook comments ?


The above lists of questions are some comment related questions about facebook which are consistently asked by facebook users in the forum or searched in the internet. But there are also many more questions people use to ask in the internet about facebook comment.
Read More »

Friday, November 27, 2015

How to se up ADSL Router: Nepal Telecom

NTC (Nepal Telecom) is biggest Internet Service Provider of Nepal. It provides several networking services in Nepal. And of course ADSL internet service is one of them. It provides many internet packages such as Limited ADSL and Unlimited ADSL package. Most people use unlimited service because though it is slower than limited package, it is also cheaper than limited package. Now we learn about configuration of ADSL modem router.

Step wise solution of installation of ADSL Modem:-

Step 01: In the first, open Internet Explorer or Google Chrome and type default IP address (192.168.1.1) of your modem (router) and either click on Go or Press 'Enter' button of Keyboard.

Step 02:  Now you see a pop up authentication box where you should enter username and password. If you are using new router, there you can see default username and password back of router or modem.
adsl authentication box
Default Username and Password are usually admin in TP-Link Router (modem) and in delta and others, it may be admin as username and password as password. Just look back side of modem, you will get it.

Step 03:  Now you will log in into the Modem Configuration System. Go to Quick Start to set up modem easily. Click on Run Wizard as shown in figure.
Login to Quick Start

Step 04: Click Next to install the router (modem) and choose appropriate location, then again click Next and choose ISP connection type as PPPoE/PPPoA.
Configuration location

Step: 05: Now type username and password provided by ISP. In ADSL system of NTC, the username and password both are adslLandLine Number. Such as adsl4389844. Then type 8 in VPI and 81 in VCI as shown in figure. After that choose connection type PPPoE LLC. Click on Next.
ISP provided username and password

Step 06: Now you can write SSID, Preshared Key what you want, and you can choose authentication type and encryption type as your wish.
ssid and preshared key

Step 07: Finally click Next and Next to configure your ADSL Modem.

Step 08: You successfully configured your ADSL router.
Read More »

Monday, November 23, 2015

How to Add Smileys on Blogger

Using Smileys and Emoticons in chatting, commenting and in messaging have become a very popualar. This can be the great way to make the discussions and debate very interesting and fun. Emoticons and smileys can be angry, happy, teasing, laughing, crying, smiling etc. So using it in the blog comment can be more enjoyable.

I always recommend you all not to change any code without keeping back up your template.

Here is very easy steps to add smileys and emoticons.

Step 1: As usual Login to your dashboard of blogger.
Step 2: Then go to template and click on edit html
Blogger dashboard

Step 3: Find </head> Section
Step 4: After that paste the following code above </head> Section

Blogger HTML Parts
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
Step 5: Then here we go to add the images of smileys on the comment box.
find the give codes

Note: click ctrl and f to find out the code.
</body>
Step 6: Paste these code just above </body>
<b:if cond='data:blog.pageType == "item"'><style  type='text/css'>.emoWrap{position:relative;padding:10px;margin-bottom:7px;background:#efefef;background-image:-ms-linear-gradient(right,#fff  0,#fff9f2 100%);background-image:-moz-linear-gradient(right,#fff  0,#fff9f2 100%);background-image:-o-linear-gradient(right,#fff 0,#fff9f2  100%);background-image:-webkit-gradient(linear,right top,left  top,color-stop(0,#fff),color-stop(1,#fff9f2));background-image:-webkit-linear-gradient(right,#fff  0,#fff9f2 100%);background-image:linear-gradient(to left,#fff 0,#fff9f2  100%);border:1px solid  #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0  4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 4px  6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px  6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px  rgba(0,0,0,0.1),0 1px 1px  rgba(0,0,0,0.3);font-weight:normal;color:#333}.emoWrap:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px  solid #ccc;border-right:20px solid  transparent;width:0;height:0;line-height:0}</style> 
<script  type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]></script><script src='http://googledrive.com/host/0B-GuAkK2nj5gbVg2dXladnUzbVU' type='text/javascript'/></b:if>
Step 7: Then click on the save template.

Now you have done successfully.

Read More »

How to add Simple Drop down Menu Using CSS

Recently, one of my visitor friend asked me how to add drop down menu in blogger. So this tutorial specially dedicated to him. Friends here I am going to show you that the adding technique of drop down menu in blogger only using css. There is no need to add javascript and jquery for this tutorial. Actually using javascript and jquery make the site little bit slower than the using css. Therefore, there is no need to run after the javascript and jquery.

It is too easy to add this code into your blogger blogs. You also should not keep back up of your templates because actually this does not affect the template code of blog. So now lets go into our step by step process of drop down tutorial:-

This is not extra things for you but some of my visitors asked me for dropdown menus, so I put this simple codes for simple drop down menu.

Step 1: In the beginning just copy the following code.

<div id='absnavbar'>
<ul id='absnav'><li> <a href='#'>Company</a> </li>
<li> <a href='#'>Portfolio</a></li>      
<li> <a href='#'>About</a> </li>
<li> <a href='#'>Contact</a>
<ul> <li><a href='#'>sub_contact 1</a></li>
<li><a href='#'>sub_contact 2</a></li>
<li><a href='#'>sub_contact 3</a></li>
</ul>
</li>
</ul>  
</div> 

Step 2: Then Login into your Blogger and find the layout then click it and just search the HTML/JAVASCRIPT.
\
Step 3: Now just paste the above code into HTML/JAVASCRIPT box.

Step 4: After that save it.

Now you have to add the css code for formatting or giving the style for that HTML code.

Step 5: Just go to the layout and at the top of layout you can see the template designer link, just click it.

Step 6: Then click on advance and choose the add css link among these list. And then paste the given code in this box.

/*-----Drop Down Menu for Blogger by allblogsolution ----*/
#absnavbar {     background: #333333;     width: 960px;     color: #ffffff;         margin: 0px;         padding: 0px;         position: relative;         border-top:0px solid #323232;         height:38px;}
#absnav {     margin: 0px;     padding: 0px; #absnav ul {     float: left;     list-style: none;     margin: 0px;     padding: 0px; #absnav li {     list-style: none;     margin: 0px;     padding: 0px;         border-left:1px solid #333;         border-right:1px solid #333;         height:38px; #absnav li a, #absnav li a:link, #absnav li a:visited {     color: #eeeeee;     display: block;    font:normal 14px Helvetica, sans-serif;    margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none;         #absnav li a:hover, #absnav li a:active {     background: #ff0100;     color: #ffffff;     display: block;     text-decoration: none;         margin: 0px;     padding: 10px 13px 11px 13px;                     }#absnav li {     float: left;     padding: 0px; #absnav li ul {     z-index: 9999;     position: absolute;     left: -998em;     height: auto;     width: 160px;     margin: 0px;     padding: 0px; #absnav li ul a {     width: 142px; #absnav li ul ul {     margin: -25px 0 0 161px; #absnav li:hover ul ul, #absnav li:hover ul ul ul, #absnav li.sfhover ul ul, #absnav li.sfhover ul ul ul {     left: -998em; #absnav li:hover ul, #absnav li li:hover ul, #absnav li li li:hover ul, #absnav li.sfhover ul, #absnav li li.sfhover ul, #absnav li li li.sfhover ul {     left: auto; #absnav li:hover, #absnav li.sfhover {     position: static; }#absnav li li a, #absnav li li a:link, #absnav li li a:visited {     background: #ff0100;     width: 120px;     color: #ffffff;     display: block;     font:normal 14px Helvetica, sans-serif;     margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none; z-index:9999; border-bottom:1px dotted #444444;    #absnav li li a:hover, #absnavli li a:active {     background: #151414;     color: #ffffff;     display: block;     margin: 0px;     padding: 10px 13px 11px 13px;         text-decoration: none; }
Step 7: At last click on apply now button.

Now we are successfully done this tutorial. Thanks for visiting us.
Read More »

Friday, October 02, 2015

How to Hide Content of Website and Blogger

Most blogger wants to hide some content from sites and blogger blogs because they try to make their blogs different one. When a blogger ads a content to header like all blog solution which has a header bar for recommended article, it must be flexible that is it must be removable. So that you need to add hiding jquery codes along with some html code. Lets follow the following steps to hide a block of content.

First Step: Log on your blogspot dashboard and go to template > edit html, now add id='remove' and <span id='hide' style='float:right; font-size:18px; font-weight:bold; padding right:15px;'>X</span>


eg: <div id='remove' style='background:red;  padding:7px 2px; color:blue; text-align:center;'>Les remove this content now<a href='http://allblogsolution.blogspot.com' style='font-weight:bold; color:white;' target='new'> Download This Template Now For Free </a>
                <span id='hidethis' style='float:right; font-size:18px; font-weight:bold; padding-right:15px;'>X</span>
</div>

Second Step: Now it's time to add jquery code and jquery api that conduct the id of the html code. Here is the codes
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/>
<script>
$(document).ready(function(){
    $("#hidethis").click(function(){
        $("#remove").hide();
    });
});
</script>
In the above code, you must consider one thing and that is you should not add ajax api if it is already available in your template or blog, otherwise it is mandatory.

I hope this codes will help you to make your blogger blog and site more attractive and user friendly. Your feed will be our encourage, so do not forget to give feedback. Thank you.
Read More »

Saturday, August 22, 2015

How to add Latest Facebook Comment Box in Blogspots or Blogger

There have been many plugins released by Facebook for websites and blogs. Recently the developers of Facebook have released the plugins “Facebook Comment Box”. This is awesome plugin of the Facebook. Using this Facebook comment box your blogger and websites user or viewers can comment on your posts and those comments will be automatically shared in their Facebook Comment Wall.

Facebook comment box makes your visitors catch you easily, so this can be very important for those people who want directly interact with the admin and other visitors. I know there are various people who want to know the Facebook comment box on their blogger blog, Wordpress blog and many other site. So this tutorial can be the best solution for them. So now we will suggest you how to add simple comment box of Facebook in the blogger blog. You should that everything have its merits and demerits. Likewise, this Facebook comment box also its some advantages and some disadvantages.

First of all, here we are discuss about the advantages of the Facebook comment box.
We all know that Facebook is the most popular social media of the world. They always introduce new features to serve the people and to catch the visitors more on the Facebook. So Facebook comment box is one of their popular feature.
when some people like and reply to their comment. notification is appeared to the user. And it also provides multiple commenting features.

The main disadvantage of Facebook comment box in blogger is that Google spider never crawl Facebook comment, so these comment can not be useful in the view of optimization.

You just find here two methods to put this comment box in your blogger blog. Both are very useful but in some of older blog's templates Method 1 might not work. So I recommend you to use the methods which works in your blog.
This are one of the most using techniques to making more visitors on your blogs and sites.

1. Create a New app

New app id

It is the beginning thing that you should do which you can do easily by Facebook developer. First of all you should login into your Facebook then click on Facebook developers. After that click on Create New App
and their appears a pop of form. Fill that form. Then fill that Captcha. Then copy the app id into your notepad, this is needed in further steps.
facebook apps

2. Now lets install the Facebook comment in blogger blog

It is necessary to login into your Facebook dashboard. Then go to template tab and click on edit html. After that find the following code.
<html......> This code is in the first row of every blogger, so you can find it easily.

Then, just paste the following xmlns:og='http://ogp.me/ns#' code just after the highlighted code which is shown in above. When you add this code the html structure is look like
<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'>
Now find the <body> tag and paste the given code just after that <body>

<div id='fb-root'/> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
      appId  : &#39;AppId&#39;, 
      status : true, // check login status 
        cookie : true, // enable cookies to allow the server to access the   session 
      xfbml  : true  // parse XFBML 
    }); 
  };
    (function() { 
    var e = document.createElement(&#39;script&#39;); 
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;; 
    e.async = true; 
      document.getElementById(&#39;fb-root&#39;).appendChild(e); 
    }()); 
</script>

The one thing is that you just replace or add your AppId below AppId.  You put your blog name in All Blog Solution  and your facebook page url in http://www.facebook.com/allblogsolution.
Now there is needed to add meta tags. Just find the </head> and paste the following code replacing your app id
<meta expr:content='data:blog.pageTitle' property='og:title'/> 
<meta expr:content='data:blog.url' property='og:url'/> 
<meta content='AppId ' property='fb:app_id'/> 
<meta content='All Blog Solution' property='og:site_name'/> 
<meta content='http://www.facebook.com/allblogsolution' property='fb:admins'/> 
<meta content='article' property='og:type'/>

3. Comment box in blogger blog.

At last you should put comment box structure in the blog.
Go and just find this code <div class='post-footer-line post-footer-line-1'> and paste the following code just below the above code or anywhere you want to show the Facebook comment box.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div style='padding:2px 3px 2px 3px; margin:2px 3px 2px 3px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <div>
      <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/>
    </div>
  </div>
</b:if>
<div style="position:fixed; bottom:0px; left:0px; color:#898989; font-size:12px;"><a href="http;//techydesk.blogspot.com">Get Widget</a></div> 

Now you have successfully add your Facebook comment box.

Note: Replace http://allblogsolution.blogspot.com by your blogurl. If you want to change the width of comment, simply change the width. Thanks you did.

Watch and follow the below video

Read More »

Friday, August 21, 2015

Random Thumbnail Posts Widget for Blogger

Random Posts Widget
There may be several posts in a blog and it is not possible to show all of your posts on home page of any site and blog. In fact all the posts can be equal important for any time. In that case you should update your posts repeatedly to show older posts in home page.

Yes there is also another way to show your older posts in home page and that technique is to show random posts. Random posts widget is a block of codes for blogger which shows a no of list of blogger posts. Adding this widget may help you to increase the visiting time of visitor in your blog or site and also decrease users flow to another site. Here is the block of codes of random thumbnail posts. I hope, this will enjoy you on blogging.


How to Add Random Thumbnail Posts Widget for Blogger ?



Step 01: Login >>Blogger Dashbord.
Step 02: Go to Layout >> Add Widget >> HTML/JavaScript.
Step 03: Copy the following code and paste it

<style>
#random-posts img{border-radius: 10px;float:left;margin-right:5px;
width:75px;height:75px;background-color: #F5F5F5;padding: 3px;transition: all 0.2s linear 0s;}
#random-posts img:hover{opacity: 0.7;}
ul#random-posts {list-style-type: none;padding: 10px;}
#random-posts a {font-size:16px;  text-decoration: none !important; text-transform: capitalize; padding: 0px auto 5px;}
#random-posts a:hover {text-decoration: none;}
.rp-snippet {font-size: 11px;background: none; padding: 5px; margin-right: 8px;}
#random-posts span {}
#random-posts li {margin-bottom: 10px;border-bottom: 1px solid #EEEEEE; padding: 4px;}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=110;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type="text/javascript" src="http://googledrive.com/host/0B-GuAkK2nj5gUG1oMzkzZEExclU"></script><hr/><small><a style='margin-left:10px;font-size:8px;align:right;float:right;margin:2px;text-transform:capitalize;color:#AEAEAE;' href='http://allblogsolution.blogspot.com' target='_blank'>Random posts widget</a></small>
</ul>
Step 04: Save it.

Thank you. I hope you enjoyed this widget.

Read More »

Saturday, August 15, 2015

Add Simple Facebook Like Box To Blogger Blog

facebook like box to blogger
Facebook Like Box on Blogger
Do you guys want to know the fans of your blog/site ? Of course there are several tools or widget that helps you to find the followers or fans of your blogger blog. But among them, using of Facebook like box now is the best and easy way. The Facebook offers many open plugins or widgets and Facebook like box is one of the most popular plugin/widget of Facebook.

In this tutorial you can find a simple Facebook Like Box that you can customize easily using some css. If you have little bit knowledge about html/css, then you can easily customize this like box. Customized Facebook Like Box may be colorful and beautiful if you want. This may grow number of fans and followers into your blog.

How to Add default/Simple Facebook Like Box to blogger blog

Lets follow step by step solution to add simple/default like box to your blog.

Step 01: Go to Login page of blogger and enter into dashboard.
Step 02: Now move to Layout page and click on Add Gadget link.
Step 03: Find Html/Javascript gadget and select it.
Step 04: After selecting html/javascript, there will pop up a box where you should paste the following codes:
<div style="background:orange; padding:5px;">
  <div style="height: 260px; overflow: hidden;"> <a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips and Tricks"><img src"http://bit.ly/1TGieQ3" alt="All Blogging Tips and Tricks" border="0" style="position: fixed; bottom: 9%; right: 0%; top: 0px;" /></a><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="Basic Blogger Tips and Tricks"><img src="http://bit.ly/1TGieQ3" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://allblogsolution.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="http://bit.ly/1TGieQ3" alt="All Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 9%; left: 0%;" /></a>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fallblogsolution&amp;width=260&amp;height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:258px;" allowtransparency="true"> </iframe>
  </div>
</div>
Note: You should change or replace allblogsolution with your own Facebook user name

Step 05: Now save the html/javascript gadget and template.
Read More »

Follow Us On Facebook

Warning ! Don't copy our content, your adsense account can be disabled

Blogger Widgets