Showing posts with label bloggers. Show all posts
Showing posts with label bloggers. Show all posts
Monday, November 14, 2016
How To Add Facebook Like Page Box In Your Bloggers Blog
How To Add Facebook Like Page Box In Your Bloggers Blog
So, follow these steps to add social media Facebook page like box in blogger.
Add Facebook Page like Box to Blogger:
- Log in to your blogger account.
- Click on blog title in which you want to add This beautiful like box.
- Go to layout and then click on Add a Gadget.
- Select Html/JavaScript and paste the below code in it.
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/kutebkhana&width=320&height=275&
amp;colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:320px; height:258px;" ></iframe>
Customization!
- Replace kutebkhana page title with your own page title.
- Change width=320 and height=275 according to your blog template and save the gadget.
You Are Done!
Go to link download
Tuesday, September 20, 2016
Customize Bloggers Official Popular Posts Widget
Customize Bloggers Official Popular Posts Widget
JavaScript always increase page load time and also increase bounce rate of your blog. And also we are using widget stored in blogger server and we just alter its look and shape to make it blend with your BlogSpot.
I hope you will find today tutorial pretty
interesting. Always write a comment to shear your suggestion. So now let’s go to plying with these beautiful widgets.
interesting. Always write a comment to shear your suggestion. So now let’s go to plying with these beautiful widgets.
Adding popular post widget in to your blog!
- Log in to your blogger account.
- Click on blog title in which you want to add This Popular Post widget.
- Go to layout and then click on "Popular Post" gadget from the list provided
- Now make these settings
Now Hit save. and search for
]]></b:skin>
- Just above it paste the following code.
/*** KH Popular Post ***/
.popular-posts { margin: 10px 0px 5px 0px;}
.popular-posts ul{padding-left:0px;
font: normal 13px Arial, Tahoma, Verdana;}
.popular-posts ul li {background: #fff
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxkR3I5lTUJKhlBVT73FrbIRGSY6Bsdz-M4QH1NeKCD_VvKR98QYol-4ss8ulZdejW7xzeKDVzwKpr-WUQV1ZvWfriV3RjnEmhDI7Yi4qtn1C2CEbwCyepmCL6g7BjYrl18gukAatCBAg/s1600/kutebkhana.png)
no-repeat 2px;
list-style-type: none;
margin: 0 0 5px 0px;
padding: 5px 5px 5px 30px !important;
border: 1px solid #007D47;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popular-posts ul li:hover {
border:1px solid #80FEC8;
}
.popular-posts ul li a:hover {
text-decoration:none; }
Customization!
- To change the bullet image replace the image link in Red in the code above with your bullet URL.
- To change the border colors in active mode edit #007D47
- To change the border colors on mouse hover edit #80FEC8
Use Our Hex Color Code Generator For Choose Color
Go to link download
Subscribe to:
Posts (Atom)