JetPack Social Sharing Buttons Ko Stylish Aur Colorful Kaise Banaye
If any knowledgeable WordPress user is asked who is the most popular plugin in WordPress, then definitely JetPack will also be named. This is a very popular plugin and almost the WordPress user uses this plugin. That is why today I will tell you about making the social media sharing button of this plugin stylish. If your blog is in WordPress, then you will know a little bit about Jetpack and also use hobbies and it, so in this case this post can be very helpful for you.
WordPress is a free platform but to use it, hosting will have to be taken. In which your blog host will remain, that is, there will be complete data hosting of your blog. While it is a free blogging platform and there are many futures in it, with the help of which the blog becomes very easy to manage. Therefore, WordPress is the most popular platform in the world. Plugin is the best future in this. With the help of Plugin, any person can easily manage the blog without coding and can also design the blog well.
Today, the plugin I am going to tell you about is one of the most popular plugin of wordpress and it has been specially launched by the company Atomatic of the wordpress platform. There are many futures in it and many Widgets have also been given. I will tell you about some of their futures.
Today, the plugin I am going to tell you about is one of the most popular plugin of wordpress and it has been specially launched by the company Atomatic of the wordpress platform. There are many futures in it and many Widgets have also been given. I will tell you about some of their futures.
- This plugin is made by WordPress and is one of the most popular plugin of wordpress.
- In this, you will get the Popular Posts widget so that you can show popular posts in your blog.
- Just after subscribing to FeedBurner, notification of new post is received in automatic email, similarly it also has future. The notification of the new post will go in the email of automatic subscriber.
- It has a social sharing widget and it has almost every popular social networks.
- It has Recent Posts widget. With which you can show recent updated post in the blog.
- There is also a Widget of related posts. You can show a related post from it.
- You can see the Traffic Stats of your blog by connecting it to the account of wordpress.com.
Apart from these, there are many such futures that will make the design and management of your blog absolutely easy. That is why every wordpress user should install and use this plugin. If you have installed this plugin, let's tell you about making it stylish by enabling it below.
Step 1: First of all install and activate JetPack Plugin.
Step 2:
- Now click on Jetpack.
- Now click on Sittings.
- Activate by clicking on Sharing.
- Select Text Only here.
- Now you can see live preview here.
- Now make the changes.
- Now finally click on the button of Save Changes.
Step 3:
Now you have enabled social sharing. Now I will tell you below to make it stylish. With which you can give a good design to social media sharing Buttons. So let's now know how to make its buttons colorful and stylish. After activating the Social Sharing button it will look something like this.
Step 1: Login to your blog and Sittings -> Sharing Go to
Step 2: Now Appearance -> Editor Go to And copy the css codes given below and paste it here.
/ * Sharedaddy design by blogginghindi.com
-------------------------------------------- * /
div.sharedaddy div.sd-block {
border-top: 3px solid rgba (0,0,0,0.13);
border-top-width: 2px;
border-top-style: solid;
border-top-color: rgba (0,0,0,0.13);
padding: 0;
}
.sd-social-text .sd-content ul li a.sd-button {
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
border-radius: 0; (change this to 50% for rounded
edges)
color: #fff;
background: # C7B041;
border: 2px solid # C7B041;
box-shadow: none;
text-shadow: none;
line-height: 23px;
padding: 5px 10px;
}
.single-format-quote div.sharedaddy div.sd-block {
display: none;
}
div.sharedaddy .sd-content {
float: left;
margin-top: 20px;
margin-top: 2rem;
}
div.sharedaddy a.sd-button {
border: none! important;
box-shadow: none;
box-size: 2px 6px;
}
.sd-social-icon-text a.sd-button a.sd-button {
opacity: 1;
padding: 4px 10px;
padding: .4rem 1rem;
}
li.share-facebook a.sd-button,
li.share-google-plus-1 a.sd-button,
li.share-tumblr a.sd-button,
li.share-pinterest a.sd-button,
li.share-twitter a.sd-button,
li.share-pocket a.sd-button {
background: 999;
box-shadow: 1px;
border: none;
font-family: 'verdana', arial;
font-size: 18px! important;
font-weight: 700;
color: fff;
letter-spacing: 0;
text-transform: uppercase;
background-image: none! important;
padding: 8px 20px! important;
}
li.share-facebook a.sd-button span,
li.share-google-plus-1 a.sd-button span,
li.share-tumblr a.sd-button span,
li.share-pinterest a.sd-button span,
li.share-twitter a.sd-button span,
li.share-pocket a.sd-button span {
color: # 999! important;
}
li.share-facebook a.sd-button: hover,
li.share-twitter a.sd-button: hover,
li.share-google-plus-1 a.sd-button: hover,
li.share-tumblr a.sd-button: hover,
li.share-pocket a.sd-button: hover,
li.share-pinterest a.sd-button: hover {
background: # 999! important;
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
li.share-facebook a.sd-button {
background: # 4965a0! important;
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
}
li.share-twitter a.sd-button {
background: # 55ACEE! important;
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
}
li.share-google-plus-1 a.sd-button {
background: # dd4b39! important;
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
li.share-pocket a.sd-button {
background: # F15367! important;
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
li.share-pinterest a.sd-button {
background: # D5222A! important;
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
li.share-email a.sd-button {
background: # 333! important;
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
li.share-jetpack-whatsapp a.sd-button {
background: # 43d854! important;
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
li.share-reddit a.sd-button {
background: # ff3300! important;
text-decoration: none;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 11px;
font-family: Trebuchet MS;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
}
.sd-button span-share-count {
background: # 0000;
color: #fff;
font-weight: 300
! important;
}
}
h3.sd-title :: before {
border-top: none! important;
}
h3.sd-title {
float: left;
margin-right: 10px! important;
padding-top: 10px;
}
a.sd-button.share-more {
padding: 8px 20px! important;
font-size: 18px! important;
}
Now your social sharing button must have become colorful. It would have a simple design. I am showing you the preview below.
I hope that by reading this post you have made your jetpack sharing stylish and I will also hope that this post will be helpful for you. If you have any questions related to Blogging and Internet, then comment. If you like the post, then share it with your friends in social media.
Comments
Post a Comment