Today I have enough free time but feeling very lazy and sleepy. So, I just think I will post a tutorial on blogger sharing widget which I already added in this blog. It is pretty better than publishing no post. Ha Ha Ha!
Okay! You can see a simple Facebook and Twitter sharing widget with mouse hover effect on right side just below at my “Subscribe and Stay Close” widget. You can setup this simple sharing widget below at your all post or as a sidebar gadget. This is very easy to setup and friendly to customize. This sharing plugin allows your readers to like or follow your blog easily. Let’s apply this.
1. Sign in to your blogger account
2. Click on your blog title
3. Click Layout from left side menu
4. Click Add a gadget (if you want to add as a sidebar gadget)
5. From pop-up box find HTML/JavaScript and click on it
6. Now just paste the below codes in the box (Don't switch to Rich Text mode)
Okay! You can see a simple Facebook and Twitter sharing widget with mouse hover effect on right side just below at my “Subscribe and Stay Close” widget. You can setup this simple sharing widget below at your all post or as a sidebar gadget. This is very easy to setup and friendly to customize. This sharing plugin allows your readers to like or follow your blog easily. Let’s apply this.
1. Sign in to your blogger account
2. Click on your blog title
3. Click Layout from left side menu
4. Click Add a gadget (if you want to add as a sidebar gadget)
5. From pop-up box find HTML/JavaScript and click on it
6. Now just paste the below codes in the box (Don't switch to Rich Text mode)
ahsaimoom" class="twitter-follow-button">
7. Click Save button to done.
Customization Area:
● Simply replace the green highlighted text with your Facebook URL.
● Change the yellow highlighted text with your Twitter username.
For adding below at all post...
The above process is for adding this widget as a sidebar gadget. To place this widget below at your all blog post, follow my instructions below:
1. Go to your Template
2. Backup your full template before any change
3. Click Edit HTML.
4. Click on code box and press Ctrl+F to search.
5. Search for ]]>
6. Now add the only CSS codes just above/ before it without tag.
7. Now find
8. Now paste the rest codes just below at
........................
...............................
........................
9. Finally click Save Template and you are all done.
Reload your blog to see this cool widget works.
I published some more nice sharing widgets for your blogger blog. These are as follows:
▪ Facebook like button below each post
▪ Instant update Facebook and Twitter with blog post
▪ Twitter follower counter
▪ Flying Twitter bird
▪ Sliding sharing buttons with counter
▪ AddThis sharing widget
▪ LinkedIn and
▪ Google Plus
Hope you like them also. Happy Blogging dear... Allah Hafez! Written By: Ashraful Haque Saimoom
0 মন্তব্য(গুলি):
Post a Comment