Hand Picked Best Blogger Widgets

Best Blogger Widgets For Your Blog . Blogger Widgets Free And Which Are Easy To Add . Widgets For Youtube , Facebook , Twitter And  More With A Different And Amazing Look To Make You Blog Look Great . You don't need any knowledge in web developing languages . Just do what i say in the steps and make your blog more attractive and creative .

Recent On Youtube Widget :

<!---Recent Youtube Starts Created By Vishnu--->
<style>
.yttechmobs{
source:none; 
padding: 3px;
padding-left:5px;
padding-right:5px;
border-radius: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color:#c4302b;
}
.yttechmobssub:hover
{
source:none;
color:#c4302b;
border-radius: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.yttechmobsrecent
{
box-shadow: 0 5px 5px rgba(0,0,0,0.12), 0 5px 5px rgba(0,0,0,0.24);
background: #000000;
border: 2px solid #000000;
border-radius: 5px;
padding-top: 10px;
text-align: center ;
}
</style>
<!---Recent youtube CSS part ends Created By Vishnu--->
<div style="text-align: center;"><div class="yttechmobsrecent">
<iframe src="https://www.youtube.com/embed/?listType=playlist&list=UUffd6s21ZlAFikMXu7KBLUg" width="100%" height="250px" frameborder='2' allowfullscreen /></iframe>
<a href="https://www.youtube.com/c/vishnusivadas">
<button class='yttechmobssub' type="button"><b><i class="fa fa-youtube"></i> Subscribe </b></button></a>
</div></div>
<!---Recent youtube end Created By Vishnu--->

 

Steps To Add Recent On Youtube Widget :

1. You can add it in side your post or on the side widget part .
2. The things that you can change are given in red colour .
3. Change the subscribe channel URL to yours .
4. Change UUffd6s21ZlAFikMXu7KBLUg to your youtube channel ID . The channel ID will start with UC change it to UU . Example my channel ID is UCffd6s21ZlAFikMXu7KBLUg but i used UUffd6s21ZlAFikMXu7KBLUg .
5. To get the youtube channel ID go to youtube -> settings -> advanced -> then you will see the YouTube Channel ID .
6. You can adjust the size by changing the height and width if needed ( It should be in Pixels, like 250px ) .
7. I prefer you to add it as a gadget and adjust the height and make it suiting .

Featured Post Widget :

<style type="text/css">
.featured1
{
box-shadow: 0 5px 5px rgba(0,0,0,0.12), 0 5px 5px rgba(0,0,0,0.24);
border: 5px solid #000000;
border-radius: 5px;
padding: 5px;
color: #ffffff;
background: #282828;
text-align: center ;
}
.btnmystyle{
padding: 3px;
padding-left:5px;
padding-right:5px;
border-radius: 5px; 
-webkit-transition: all 0.5s; 
-o-transition: all 0.5s; 
transition: all 0.5s;
color:#c4302b;
}
.btnmystyle:hover
{
color:#c4302b;
border-radius: 0px;
-webkit-transition: all 0.5s; 
-o-transition: all 0.5s; 
transition: all 0.5s;
}
</style>
<div class="featured1">
<h3><a href="https://tipsandtricksonandroid.blogspot.in/2017/05/android-studio-tutorial-4.html"><span style="color:#ffffff;"><u>Heading Of Your Post</u></span></a></h3>
<p>
Add the text to be added here ..........
</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-ryrFCVcWzUxrQqF55ynGplXrky2j-87kEGmD7zjBmWpvZNCdppRGYbj0DoZDQKt-L_0AJYCu60UPbDt71TfZbjWTywHpGZOPC9V9uKR7EKO5E7w7qZy3L0gcezTakopfqKIhcvO7TC7/s640/All_in_one_techmobs.jpg" width="100%" border="5" />
<a href="https://tipsandtricksonandroid.blogspot.in/2017/05/android-studio-tutorial-4.html" target="_blank"><u><button class="btnmystyle"><b>VIEW POST</b></button></u></a>
</div>

Steps To Add Featured Post Widget :

1. Just add the code to the HTML/JavaScript .
2. Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-ryrFCVcWzUxrQqF55ynGplXrky2j-87kEGmD7zjBmWpvZNCdppRGYbj0DoZDQKt-L_0AJYCu60UPbDt71TfZbjWTywHpGZOPC9V9uKR7EKO5E7w7qZy3L0gcezTakopfqKIhcvO7TC7/s640/All_in_one_techmobs.jpg with your posts image URL .
3. Replace Add the text to be added here ..........
4. Replace Heading Of Your Post
5. Replace https://tipsandtricksonandroid.blogspot.in/2017/05/android-studio-tutorial-4.html with your post link .
6. Simple and easy save the gadget and enjoy .

These are some of the new and Best Blogger Widgets which are very simple and attractive . Comment and let me know how much you liked the Best Blogger Widgets . Will be coming with new such exiting widgets and posts soon .

• Find Some More Widgets For Blogger