Posts

Showing posts with the label social media

How to Add Font Awesome Social Icons in Blogger

Image
It's near impossible to find a blog or site these days without at least one social media account to their name. Be it Twitter or Facebook, Instagram or Pinterest , or all of those for that matter, what's become increasingly clear is that social media helps increase your online presence. Gone are the days when you used to rely on good old search engine results alone. These days, maybe you don't rank well in results for your keyword on Google or any other search engine, but you can launch a social media campaign that can hopefully give you the results that you want. Essentially, your site and social media need to co-exist. One cannot live without the other, if you want another way of putting it. Social media is one of the best drivers of traffic on the internet, and if you want to increase your chances of being seen, then you have got to get an account on one or more platforms as long as it fits with your brand's identity. Spreading Awareness of Your Social Media Presenc...

Facebook Popup Like Box Widget For Blogger

Image
Facebook has become the leading social media service on the Internet playing host to over 1.3 billion users; of those, 800 million login to their dashboard feeds at least once a day. Thanks to the vast number of active users on services like Facebook, acquiring new readers as a blogger or content provider has become easier than ever. In order to produce an effective digital campaign, you absolutely must take advantage of social media by doing things like integrating Facebook on Blogger. Email marketing can be useful, but it comes with restrictions that could limit your blog's potential. Perhaps the most significant problem is that emails don't come with a face or personality like Facebook does. Think of a time when you received an email in you inbox from someone you didn't know. Where you inclined to open it or did you send it right to the junk folder? If it's your first introduction to new consumer, they simply don't know who you are, what you want, and how you got...

Share Blog Posts in Social Media using AddThis

Image
In my opinion, AddThis is the most complete social sharing service allowing to share your posts in more than 270 different social networks. I use the AddThis widget, so if you would like to see a live demo, please scroll down to the bottom of this post to see the AddThis sharing buttons. This tutorial will show you how to register and add this feature on your blog and you will get to know some of the customization options of these buttons. So let's get started! Getting the AddThis share buttons code Step 1. Visit the https://www.addthis.com/get/sharing page. Step 2. To get the sharing buttons and to access the AddThis sharing stats to find out how many people shared your post by using the AddThis feature, click on the " Create account " button. The site will ask you to make a small registration. Fill out the information to register. It's quick, simple and it's free. To finish the registration, click on the Register button. Step 3. After you've been logged ...

Add floating social media sharing buttons below Blogger post titles

Image
It is becoming increasingly important to make our posts appreciated and shared on social networks and one of the best ways to get traffic to our blog/website and boost sharing stats is to add social sharing buttons . In this tutorial we will see how to add a floating social media sharing bar below the title of Blogger posts, so when a reader scrolls down the page, he will still be able to see the sharing buttons without having to scroll back to the top. Adding the below jQuery script will make the buttons float in a fixed position as soon as they reach "the top" of the page. By scrolling back, the buttons will return to their initial position. The social sharing bar includes buttons for Facebook , Twitter , Google+ , and Pinterest . Social Media Sharing Buttons below Blogger Post Title Step 1. From the Blogger Dashboard , go to Template and click on the Edit HTML button: Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box. Typ...

Add A CSS Animated Share Button on Blogger

Image
I saw this on Paulund , a highly recommended site with a good collection of snippets, i.e., a collection of different codes that develop small utilities, all of these being applicable to web design. In this tutorial we will see how we can add as similar button with a really cool hover effect and four social media icons on Blogger with links to share the current page on Facebook, Twitter, Google+ and Pinterest. However, we can replace these social networks later with any other just by changing the links below. Demo Share t his page Creating A CSS Animated Share Button Step 1. From your Blogger dashboard > go to Template > click on the Edit HTML button. Step 2. Click anywhere inside the code area and press the Ctrl + F keys to open the blogger search box. Type or paste the ]]></b:skin> tag and hit Enter to find it. Step 3. Just above ]]></b:skin> add this CS...

jQuery Sliding Panel with Expanding/Collapsing Content for Blogger

Image
Many times when we think about making a blog, we want to put many gadgets, although many are not necessary, or perhaps only a few of them. But to add the gadgets that we want, we need to have enough space. A solution would be using an expanding/collapsing menu that is hidden and expands when the user clicks on it. Originally, this plugin called Sliding Login Panel was created so that users could register on the site, but as we know, in Blogger we don't have the option to add a user registration, however, that doesn't mean that we can't take advantage of this plugin and use it to add other elements, such as a menu, search box, social icons, feed subscription etc. You can find a demo of this panel in this blog - just click on the Open menu link on the top. Adding the jQuery Expand/Collapse Slider Panel to Blogger This sliding menu is made with jQuery, so the first thing is to add the script by pasting it just below the <head> tag: Step 1. From your Blogger dashboar...