How To Add Chat Emotions In Blogger Comments

Due to increase in the use of social media platform people have a habit of using funny Smileys along with their comments. Recently, one of our user asked us that how to add chat emotions in Blogger comments ? Today in this post, i will show you how to add chat emotions in blogger comments.

Why To Add Chat Emotions In Blogger ?

Action speaks louder than words. Similarly, chat emotions are a way to show your mood. Whenever a user leaves a comment on your site, you don't have any idea about how he is feeling. However, if the same comment has a Angry, Happy, or confused emotion image then you can easily understand that mood of the commenter. This is the reason why, a lot of commenting systems are adding emotions to there platform. And the same thing can be added to Blogger custom commenting system as well.

How To Add Chat Emotions In Blogger ?

First of all, Sign in to Blogger and then select your Blog.

After that, you need to click on Template from the left side bar and click on Edit HTML

Now, Press Ctrl+F and then you'll have search bar and then search for </ body> tag using that search bar. Once you found the </body> tag, then paste the following code above it.

"<script src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/js/netoops-whatapp-smileys-blogger-posts-comments.min.js'/><script type='text/javascript'>//bloggersmileys.init();</script> "

That's it, after adding the above link emotions can be used in comments. However, if you want to display emotions short codes to help users to use them efficiently in their comments, then continue following the tutorial.

Again in the Template, search for <div class='post-footer-line post-footer-line-3'> then look for </b:includable> tag and just above it paste the following script.

"<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='noopsmile' id='noopsmile' style='background-color:#E0F7FF;background:#eee; border-radius: 7px;width:634px; padding:10px; border:1px solid #ddd'>
<img src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/imgs/comment-section1.png'/><a style='display:none;' href='www.netoopsblog.com' >bloggerwidgets</a><div align='right' id='close' style='font: bold 13px arial;margin-top: -14px; cursor: pointer;'> Close [x] </div></div><div id='open' style='background-color:#eee; border-radius: 7px; padding:10px;width: 87px;cursor: pointer;display:none;left: 582px;position: fixed;top: 1%;z-index:999;font-weight:bold;'> Open Emoticions</div>
 </b:if> "

After that, you need to add the CSS coding of Smileys in order to make them look as appealing as Whatsapp, Facebook or any other popular social platform. Search for ]]></b:skin> tag and paste the following code it.

".post-body img.noops-smly {
  padding: 0 !important;
  margin-top: -2px !important;
} "

Afterwards, simply hit the Save Template button and start using those awesome smileys on your blog.

How To Disable Text Selection In Blogger

Sometime we need to copy text content from blog sites for personal use. But not all of blog site user copy text for personal use - a lot of content thief, content scraper copy our website/blog sites content for use them on their commercial project or use somebody's text content directly on their website.

To copy text content from a website firstly we have to select text. This text selection can be turn off. As major Blogging platform known as WordPress and Blogger. WordPress far advance satisfaction by using variety of plugins. Such as Wp Content Protect plugin disable text selection from WordPress blogs and in Blogger there is also a solution available to disable text selection. Let's see how to set it up and how it works.

How To Disable Text Selection In Blogger For Preventing Copy Paste :

• First Log in to your Blogger, select your Blog.
• Go to 'Layout' tab, Click "Add a Gadget"
• From pop up menu select "Html/Javascript"
• And in content box paste following script code.

<!--start of prevent copy paste by funisonline.blogspot.com-->
<script
scr='demo-to-prevent-copy-paste-on-blogger-files/googleapis.js'>
</script><br /><script type='text/javascript'>
if(type of document.onselectstart!='undefined') { document.onselectstart=new Function ('return false' ); } else { document.onmousedown=new Function ('return false');
document.onmouseup=new Function ('return true') }
</script>
<!--end of prevent copy paste by funisonline.blogspot.com-->

After pasting the code save it.

And view your Blogger blog the text selection with mouse option is gone. This method all text element will be block out if you need some advance system where some part of blogs will be enabled for copying texts then follow the up coming tutorial.

How To Set Auto Update Template Footer Credit Info

It makes a lot of sense to always add your website name along with Copyrights Date/Time in Footer credits to let your users get accustomed to your brand identify and also know that you reserve full copyright of the content you share on your blog. A credit link consists of mostly your Trademark/Benchmark name (i.e. Blog Title) and the Time interval for which you deserve full ownership of your blog resources and of its use and distribution. When we design Blogger templates we often add Credit links or attribution links at the bottom of the blog footer to let everyone know who designed and developed the template.

In case if you remind your visitors of who owns the content and resources then you can surely use the simple script share below which will dynamically insert your Blog Title, Blog link and current year in your blog to let everyone know of your Copyright. After using this XHTML + Javascript, no matter how many years may pass by, your footer credit will always show the current Copyrights Legal Date, thus preventing you from manually updating the Date each year and Blog Title each time you update the Site Title. Therefore this tutorial will help you Auto Insert Copyrights Legal Date and Trademark in Blogger Footer Credits. Lets get started.

Update Blogger Footer Credits :

1. Go to Blogger > Template > Backup your Template.
2. Click Edit HTML
3. Search your Footer Credits code and replace the contents with this simple code.

Code :  
           " <a expr:href='data:blog.homepageUrl'><data:blog.title/>™ </a>© <script type='text/javascript'>document.write(new Date().getFullYear());</script>, All Rights Reserved. "

Things To Note :

• data:blog.homepageUrl will be replaced with your Blog Homepage URL
• <data:blog.title/>™ will be replaced with your Homepage title i.e. Your Trademark
• The green highlighted script will be replaced with current new Date of the year. getFullYear() returns the year in four digits.
• Finally save your Template.

3 Basic Tips To Prevent A DDoS Attack

Distributed denial-of-service (DDoS) attacks are always in top headlines worldwide, as they are plaguing websites in banks, and virtually of almost every organization having a prominent online presence. The main cause behind the proliferation of DDoS attacks in that there is very low cost that the attacker has to incur to put such attacks in motion. Fortunately, today various prevention methods have been developed to tackle such attacks. Before delving further into understanding about the ways to prevent DDoS attack, let's first understand what exactly a DDoS attack is.

Understanding DDoS Attack :

A DDoS (distributed denial-of-service) attack is an attempt made by attackers to make computers, resources inaccessible to its anticipated user. In order to carry out a DDoS attack the attackers never users their own system, rather they create a network of zombies computers often called as "Botnet" - that is a hive of computers, to incapacitate a website or a web server.

Let's understand the basic idea! Now, the attacker notifies all the computers present on the botnet to keep in touch with a particular site or a web server, time and again. This increases traffic on the network that causes in slowing down the speed of a site for the intended users. Unfortunately, at times the traffic can be really high that could even lead to shutting a site completely.

3 Basic Tips To Prevent A DDoS Attack :

There are several ways to prevent the DDoS attack, however, here in this guest post i'll covering three basic tips that will help you to protect your website from the DDoS Attack.

1 : Buy More Bandwidth 

One of the easiest methods is to unsure that you have sufficient bandwidth on your web. You'll be able to tackle lots of low scale DDoS attacks simply by buying more bandwidth so as to service the request. How does it help? Well, distributed denial of service is a nothing more than a game of capacity. Let's suppose you have 10,000 computers system each distribution 1 Mbps directed towards your way. This means you're getting 10 GB of data that is hitting your web server every second. Now, that's causes a lot of traffic.

So to avoid such issue, you need to apply the same rule intended for normal redundancy. According to this technique, if you wish to have more web servers just multiply around diverse data centers and next make use of load balancing. By spreading your traffic to various servers will help you balance the load and will most likely create large space adequate to handle the incessant increase in traffic.

However, there's problem with this method that is buying more bandwidth can be a costly affair. And as you'll know that current DDoS attacks are getting large, and can be a lot bigger exceeding your budget limit.

2 : Opt For DDoS Mitigation Services

A lot of network or internet service providers render DDoS mitigation capabilities. Look for an internet service provider having the largest DDoS protection and mitigation network, automated tools, and a pool of talented anti-DDoS technicians with the wherewithal to take action in real time as per the varying DDoS attack characteristics. A viable alternative is to utilize a DDoS prevention appliance, which is specifically intended to discover and prevent distributed denial of service attacks.

3 : Restricted Connectivity 

In case you have computer system that are connected tot he web directly, a better idea is to properly install/configure your routers and firewall so as to limit the connectivity. For an instance, while receiving some data from a client machine you can only allow traffic to pass from the machine online on a few chosen ports (like HTTP, POP, SMTP etc.) via the firewall.

Wrapping Up !

Websites are largely getting attacked by hackers every second. Denial-of-Service attack is insanely getting huge and is creating a lot of problems for business organization having strong online vicinity. In this guest post you'll not only understand what a DDoS attack actually means, but will also come to know about a few type of method to prevent DDoS attacks. Aforementioned are three tips that i'll recommend you to run through to at least understand where to get started towards building a resilient web network with chances of surviving a DDoS attack.

Convert A Wordpress Blog To Blogger Simple And Easy Way

Blogger is a very widely used publishing platform, mostly because its strength lies in its simplicity and ease to use. It is quite easy to use, and is recommended for beginner bloggers who are looking for a quick and easy way to create a presence for themselves online. For bloggers who have created a Wordpress blog, but are at loss to maintain or modify it, they have great option in Blogger.

They can easily migrate their WordPress Blog to Blogger without hitch. In this post, we will talk about how you can shift WordPress to free Blogger.

Normally, such a transfer isn't easy. Data needs to be imported from WordPress first, and the imported to Blogger. Since Blogger doesn't allow any data format expect its own, there needs to be a conversation process that will convert WordPress exported files. Luckily, there's just such a utility available. Here, we will guide you through the simple steps. Following them, you can convert self-hosted WordPress blogs to Blogger, as well as migrate from free WordPress to Blogspot.

There are some steps you have to follow !

Step 1 : Importing From WordPress

Login to your WordPress account (for free WordPress users), and the choose the blog you want to convert into Blogger. Alternatively, you can login to your Blog's Dashboard directly by adding the /wp-login.php  suffix to your blog's home URL (eg yourblog.com/wp-login.php or yourblog.wordpress.com/wp-login.php) .

Navigate through your WordPress menu, and find the Tools option. When you click on it, you'll see further options, among which you will see Export option. Click on it. Choose what to export, you can select Posts, Pages, or feedback, but it is recommended that you select all content to ensure maximum content is transferred. Then click on Download Export File, which will let you save the exported file to your hard drive. You have completed step 1 at this point.

Step 2 : Convert Into Blogger Format

There is a useful little app that will do this job for you. To convert, visit this app's page, and navigate to the button in the middle of the content that says 'Choose File'. Browse to the file you downloaded from WordPress, and upload it here. The click Convert. After the conversion, you will need to save the output file. this file is in Blogger-Friendly format, and will be used inside Blogger.

Step 3 : Import To Blogger

The import process into Blogger is pretty straightforward. Simply login to, or sign up for your Blogger Account, and click on Create a Blog link. I'm assuming you want to create a new blog for your new content. But if you want to, you can import into an existing blog as well.

From the Dashboard, click on Settings >> Other >> Import Blog.

Now, all you need to do is follow the simple instructions, and upload the converted file. You well be guided through a wizard that will import data from this file into Blogger. Once done, you will see all your posts from WordPress ready to be published !

How To Generate Twitter API Key

After Twitter has closed the access to version 1.0 of API, we all are pushed to change the Latest Tweets Widget and Twitter Follower counter widget settings in order to make it work with Twitter API version 1.1 .

To make things straight, you have to create a Twitter application to generate Twitter API Keys, Access Token and Secret Keys and so on.

Creating A Twitter Application :

To use Twitter counter widget and other Twitter related widgets, you need OAuth access keys. To get Twitter Access Keys, you need to create Twitter Application which is mandatory to access Twitter.

• Go to https://dev.twitter.com/apps/new and login, if necessary.
• Enter your Application Name, Description and your Website URL. You can leave the callback URL empty.
• Accept the TOS, and solve the CAPTCHA.
• Submit the form by clicking Create Your Twitter Application.
• Copy the consumer key (API Key) and consumer secret form the screen into your application.

Create Your Access Token For OAuth :

After creating your Twitter Application, you have to give the access to your Twitter Account to use this Application. To do this, click the Create My Access Token.

" Get The Consumer Key, Consumer Secret, Access Toke, Access Toke Secret "

In order to access the Twitter, that is to get recent tweets and twitter follower count, you need the four keys such as Consumer Key, Consumer Secret, Access Token, Access Token Secret.

To get all these keys, click the OAuth Tool tab in your Twitter Application and copy those keys and paste in our Theme Options page. That's it. Now your Twitter Counter will get the followers count and display them in your widget.