Info Blog
info about blogger tips trick entertainment technology games and gadgets for lifestyle
Articles
Add official Twitter follow button on blogger posts
2012-03-15 05:08:33
Twitter officially released twitter follow button and it is similar to Retweet button. But here is given follow button with single click to follow on twitter. There is another options included to show the number of followers in our twitter accounts. The button comes with 9 languages. Follow these steps; I. Go to Blogger Dashboard > Design > Edit HTML tag II. Click on Expand Template Widgets checkbox III. Find the bellow tag <data:post.body/> IV. Paste the bellow code Before or After it. and Saved your template For light background code; === <a href="https://twitter.com/mshoeb99" class="twitter-follow-button">Follow @mshoeb99</a> <script src="//platform.twitter.com/widgets.js" type="text/javascript"></script> === For dark background code; === <a href="https://twitter.com/mshoeb99" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF">
2012-03-15 05:08:33
Twitter officially released twitter follow button and it is similar to Retweet button. But here is given follow button with single click to follow on twitter. There is another options included to show the number of followers in our twitter accounts. The button comes with 9 languages. Follow these steps; I. Go to Blogger Dashboard > Design > Edit HTML tag II. Click on Expand Template Widgets checkbox III. Find the bellow tag <data:post.body/> IV. Paste the bellow code Before or After it. and Saved your template For light background code; === <a href="https://twitter.com/mshoeb99" class="twitter-follow-button">Follow @mshoeb99</a> <script src="//platform.twitter.com/widgets.js" type="text/javascript"></script> === For dark background code; === <a href="https://twitter.com/mshoeb99" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF">
Add Official Twitter follow button on Blogger sidebar
2012-03-15 05:07:42
Twitter officially released twitter follow button and it is similar to Retweet button. But here is given follow button with single click to follow on twitter. There is another options included to show the number of followers in our twitter accounts. The button comes with 9 languages. Follow these steps; a) Go to Blogger Dashboard > Design tab > Page elements b) Click Add a Gadget on Sidebar c) Choose HTML/JavaScript past the copied code and save it Here is given the code: For light background code; === <a href="https://twitter.com/mshoeb99" class="twitter-follow-button">Follow @mshoeb99</a> <script src="//platform.twitter.com/widgets.js" type="text/javascript"></script> === For dark background code; === <a href="https://twitter.com/mshoeb99" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF">Follow @mshoeb99</a> <script src="//platform.twitter.
2012-03-15 05:07:42
Twitter officially released twitter follow button and it is similar to Retweet button. But here is given follow button with single click to follow on twitter. There is another options included to show the number of followers in our twitter accounts. The button comes with 9 languages. Follow these steps; a) Go to Blogger Dashboard > Design tab > Page elements b) Click Add a Gadget on Sidebar c) Choose HTML/JavaScript past the copied code and save it Here is given the code: For light background code; === <a href="https://twitter.com/mshoeb99" class="twitter-follow-button">Follow @mshoeb99</a> <script src="//platform.twitter.com/widgets.js" type="text/javascript"></script> === For dark background code; === <a href="https://twitter.com/mshoeb99" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF">Follow @mshoeb99</a> <script src="//platform.twitter.
Add the new Facebook like button to your blog posts
2012-03-15 04:59:01
For Blogger and webmaster, Facebook have just made a simple Like Button. The Facebook Like Button will be a great help in the effort to get readers sharing your posts on Facebook Social networks. The new button just made available from Facebook make sharing blogs as easy as possible. Here is given the easy way to add Facebook like button. You can add Facebook Like Button at three places; Ø Below the post title Ø At the top of the post Ø Below the entire post Here is given the Facebook Like Button code: === <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> === Now here is given the process to add Facebook Like Button to your blog posts; 1. If you want to add Facebook Like But
2012-03-15 04:59:01
For Blogger and webmaster, Facebook have just made a simple Like Button. The Facebook Like Button will be a great help in the effort to get readers sharing your posts on Facebook Social networks. The new button just made available from Facebook make sharing blogs as easy as possible. Here is given the easy way to add Facebook like button. You can add Facebook Like Button at three places; Ø Below the post title Ø At the top of the post Ø Below the entire post Here is given the Facebook Like Button code: === <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> === Now here is given the process to add Facebook Like Button to your blog posts; 1. If you want to add Facebook Like But
How to add Tweet This Button to each blogger post
2012-03-15 04:57:31
“Tweet this” button will enable your readers to share your post with other Twitter users. This button will help to promote your blog and possible increase your Twitter followers. Reader will see at the bottom area of each post. Now here is given the process “How to add Tweet this button to each blogger post”. Just follow the instructions: (Please back up your template before starting to add code) 1. Go to the Blogger Dashboard > Design tabs > Edit HTML 2. Click Expand widgets 3. Search the bellow tag (Ctrl+F) <data:post.body/> 4. And place bellow code just after it === <b:if cond='data:blog.pageType == "item"'> <br/><a expr:href='"http://twitter.com/home?status=Read - " + data:post.title + "-" + data:post.url' title='Post this article on Twitter' target='_blank'><img style="border:0px;" src='http://i46.tinypic.com/2py4aw8.jpg'/></a> </b:if> === Just like this: === <data:post.body/> <b:i
2012-03-15 04:57:31
“Tweet this” button will enable your readers to share your post with other Twitter users. This button will help to promote your blog and possible increase your Twitter followers. Reader will see at the bottom area of each post. Now here is given the process “How to add Tweet this button to each blogger post”. Just follow the instructions: (Please back up your template before starting to add code) 1. Go to the Blogger Dashboard > Design tabs > Edit HTML 2. Click Expand widgets 3. Search the bellow tag (Ctrl+F) <data:post.body/> 4. And place bellow code just after it === <b:if cond='data:blog.pageType == "item"'> <br/><a expr:href='"http://twitter.com/home?status=Read - " + data:post.title + "-" + data:post.url' title='Post this article on Twitter' target='_blank'><img style="border:0px;" src='http://i46.tinypic.com/2py4aw8.jpg'/></a> </b:if> === Just like this: === <data:post.body/> <b:i
How to Add Google Website Translator to your blog
2011-10-15 05:45:15
Once you have registered your blog in search engines, your visitors will be coming from different countries so we need a translator widget on our blog for our visitors to instantly translate our blog into any different languages. You can select the display mode or even you can choose whether it is vertical or horizontal that fits to your blog. Go totranslate.google.com/translate_tools then select type of translation element, display mode and so on. On step #4 you have to copy the html code and paste into a new html/JavaScript widget on your blog. Here is the html code (just copy and paste): ===== <div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> ===== OR if you are using b
2011-10-15 05:45:15
Once you have registered your blog in search engines, your visitors will be coming from different countries so we need a translator widget on our blog for our visitors to instantly translate our blog into any different languages. You can select the display mode or even you can choose whether it is vertical or horizontal that fits to your blog. Go totranslate.google.com/translate_tools then select type of translation element, display mode and so on. On step #4 you have to copy the html code and paste into a new html/JavaScript widget on your blog. Here is the html code (just copy and paste): ===== <div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> ===== OR if you are using b
How to use The Technorati Claim Token to your site
2011-10-15 05:44:35
If you want to claim your site/blog on http://technorati.com then you should create a free account on Technorati site. Now I am informing you how to create an account and how to use the technorati claim token on your website/blog? Follow these steps: Go to http://technorati.com and create an account. Scroll to the bottom and click on “Start a blog claim” Enter your blog or website URL here Technorati will send you an email saying something like this: “This is an automatically- generated email. Thank you for submitting your blog claim on Technorati. Technorati will need to verify that you are an author of the site http://www.wacktrap.com by looking for a unique code. We have just assigned the claim token CTU8V6YGYKJC (For example) to this claim. Please visit http://technorati.com/account/ for more details, including how to use the claim token. Thank you’’ Technorati claim token is very easy to Verifying your blog/website. Now follow these steps:
2011-10-15 05:44:35
If you want to claim your site/blog on http://technorati.com then you should create a free account on Technorati site. Now I am informing you how to create an account and how to use the technorati claim token on your website/blog? Follow these steps: Go to http://technorati.com and create an account. Scroll to the bottom and click on “Start a blog claim” Enter your blog or website URL here Technorati will send you an email saying something like this: “This is an automatically- generated email. Thank you for submitting your blog claim on Technorati. Technorati will need to verify that you are an author of the site http://www.wacktrap.com by looking for a unique code. We have just assigned the claim token CTU8V6YGYKJC (For example) to this claim. Please visit http://technorati.com/account/ for more details, including how to use the claim token. Thank you’’ Technorati claim token is very easy to Verifying your blog/website. Now follow these steps:
How to change blogger title description font style
2011-10-15 05:40:35
I think this trick is helpful for a new blog user. At the time of using simple blogger template a new blog user has faced this problem. I had also faced this problem. In the blogger simple temple there is no option to change the blogger title description font style. Here you can change only the font color. Here is given a simple tick to change the blogger title description font style: 1. sign in the blogger account 2. go to the template HTML and Click on “Expand Widget Templates” 3. search the code that says (Ctrl+F): === <p class='description'><span><data:description/></span></p> === 4. Replace the bellow code: === <p class='description' style='font-family: Helvetica ;'>< span><data: description/></span></p> === (Note: you can change the font style whatever you want) 5. If you want to change the font size then add bellow code: Font-size: 14px; Like this: === <p class='description' style='font-fam
2011-10-15 05:40:35
I think this trick is helpful for a new blog user. At the time of using simple blogger template a new blog user has faced this problem. I had also faced this problem. In the blogger simple temple there is no option to change the blogger title description font style. Here you can change only the font color. Here is given a simple tick to change the blogger title description font style: 1. sign in the blogger account 2. go to the template HTML and Click on “Expand Widget Templates” 3. search the code that says (Ctrl+F): === <p class='description'><span><data:description/></span></p> === 4. Replace the bellow code: === <p class='description' style='font-family: Helvetica ;'>< span><data: description/></span></p> === (Note: you can change the font style whatever you want) 5. If you want to change the font size then add bellow code: Font-size: 14px; Like this: === <p class='description' style='font-fam
How to add favicon in your site/blog and easy steps
2011-10-15 05:39:32
After creating the blog, bloggers are coming with default blogger icon. Blogger can change this icon by their won choice. There are many numbers of sources for creating and hosting Favicon.ico in web. And they have provided totally free for online users. You can also create icon using your blog logo. Here are given some few sites that allow you to make Favicon icon: http://antifavicon.com/ http://tools.dynamicdrive.com/favicon/ http://www.favicon.cc/ Now let’s see how to add favicon icon to your site/blog: 1. Go to Layout> Edit HTML 2. Find this code (Ctrl+F): === <b:skin><![CDATA[ === 3. Add bellow code just before it: === <link href='URL of favicon.ico' rel='icon' type='image/x-icon'/> <link href='URL of favicon.ico' rel='shortcut icon'/> === just like: === <link href='URL of favicon.ico' rel='icon' type='image/x-icon'/> <link href='URL of favicon.ico' rel='shortcut icon'/><b:skin><![CDATA[ === 4. Change “URL off favico
2011-10-15 05:39:32
After creating the blog, bloggers are coming with default blogger icon. Blogger can change this icon by their won choice. There are many numbers of sources for creating and hosting Favicon.ico in web. And they have provided totally free for online users. You can also create icon using your blog logo. Here are given some few sites that allow you to make Favicon icon: http://antifavicon.com/ http://tools.dynamicdrive.com/favicon/ http://www.favicon.cc/ Now let’s see how to add favicon icon to your site/blog: 1. Go to Layout> Edit HTML 2. Find this code (Ctrl+F): === <b:skin><![CDATA[ === 3. Add bellow code just before it: === <link href='URL of favicon.ico' rel='icon' type='image/x-icon'/> <link href='URL of favicon.ico' rel='shortcut icon'/> === just like: === <link href='URL of favicon.ico' rel='icon' type='image/x-icon'/> <link href='URL of favicon.ico' rel='shortcut icon'/><b:skin><![CDATA[ === 4. Change “URL off favico
How to hide/remove “Subscribe To: Posts (Atom)” Link
2011-10-15 05:37:42
When you started blogger blog then you saw a link at the bottom of the page “Subscribe To: Posts (Atoms)”. You saw this links bellow every post or pages, near to page navigation. This links should be like; In every post page there is a link like “Subscribe to: Post comments (Atom)” In every page other then post page it may be like “Subscribe to: Post (Atom)” Here you can see the picture Now you can hide this links by two ways with removing blogger template code or CSS. Here are given both tricks to hide this links. You can choose one of them. (Note: Please backup your template before installing) 1. By removing template code: follow these steps; a) Go to the Blogger Dashboard > Click Design > Edit HTML b) Click Expand widget templates box c) Then search for the bellowing code and remove it. === <b:include name='feedLinks'/> === d) Finally save your template 2. By using CSS: follow these steps; a) Go to Blogger Da
2011-10-15 05:37:42
When you started blogger blog then you saw a link at the bottom of the page “Subscribe To: Posts (Atoms)”. You saw this links bellow every post or pages, near to page navigation. This links should be like; In every post page there is a link like “Subscribe to: Post comments (Atom)” In every page other then post page it may be like “Subscribe to: Post (Atom)” Here you can see the picture Now you can hide this links by two ways with removing blogger template code or CSS. Here are given both tricks to hide this links. You can choose one of them. (Note: Please backup your template before installing) 1. By removing template code: follow these steps; a) Go to the Blogger Dashboard > Click Design > Edit HTML b) Click Expand widget templates box c) Then search for the bellowing code and remove it. === <b:include name='feedLinks'/> === d) Finally save your template 2. By using CSS: follow these steps; a) Go to Blogger Da
How can you show HTML text into the box post
2011-10-15 05:36:42
It is very easy to use simple trick and showing your HTML text into the box. If you want to show HTML code into the blog post, I think this tip will help you to show HTML text into the box. Now I can tell you how can add this in your blogger post. Just follow these steps; 1. Go to the blogger post and click HTML text 2. Then use this code; === <textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">=====your code===== 3. You can see demo in my blog. That’s it. Happy blogging…
2011-10-15 05:36:42
It is very easy to use simple trick and showing your HTML text into the box. If you want to show HTML code into the blog post, I think this tip will help you to show HTML text into the box. Now I can tell you how can add this in your blogger post. Just follow these steps; 1. Go to the blogger post and click HTML text 2. Then use this code; === <textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">=====your code===== 3. You can see demo in my blog. That’s it. Happy blogging…