How To Add Film Series Download Button Widget in Blogger

Hello Everyone, Today in this post I am going to share a tutorial on How To Add Film Series Download Button Widget in Blogger. If you have any movie or web series download website then you need to add stylish download button in your blog.

This widget is perfect for those of you who have a film series download blog, because besides being simple it also doesn't take up much space so it will look neater in the eyes of visitors.

So if you want To Add Film Series Download Button Widget in Blogger Website, then you must read this post completely with carefully.

How To Add Film Series Download Button Widget in Blogger

Step 1 :- First of All, You Need to Go on Blogger.com

Step 2 :- Then Login With Your Blogger Account.

Step 3 :- Then Click on Theme Menu.

Step 4 :- After That Click on Edit HTML to Edit Your Xml File.

Step 5 :- Copy the Code Given Below and Paste it Above the ]]></b:skin> tag.

/* download button widget by gyanitheme */
.gyani-theme-wrap{position:relative;display:flex}
.gyani-theme-wrap h3{position:absolute;margin-top:0;background-color:#4c4f4d;color:#fefefe;padding:15px;width:100%;font-size:17px;text-align:center}
.gyani-theme-wrap .wcbtn-flms-area {margin:70px auto;display:flex;flex-direction:row;justify-content:normal;flex-wrap:wrap}
.gyanibtn-theme-area a {width:50px;box-sizing:border-box;text-decoration:none;margin: 0.4em;padding-left:0.7em;border-radius: 3px;border: 1px solid #f0f0f0;border-bottom-color:#dce2e0;color:#4c4f4d;font-size: 12px;font-weight:bold;box-shadow: 0 1px 0 rgb(0 0 0 / 20%), inset 0 0 0 2px #f0f0f0;background-color:#f0f0f0}
  
/* css darkmode adjust the class if different or delete this section */
.darkMode .gyanibtn-theme-area a {border:1px solid #4c4f4d;border-bottom-color:#161717;color:#B0B3B8;box-shadow:0 1px 0 #161717,inset 0 0 0 2px #4c4f4d;background-color:#4c4f4d}

Step 6 :- After that Don't Forget to Click on Save Button.

How To Use Movie Download Widget in Blogger Post

Step 1 :- Now Go To Your Posts Section To Create a New Post.

Step 2 :- Then Create a New Post.

Add Your Post Title And Description According To Your Choice.

Step 3 :- Then Click on HTML View.

Step 4 :- After That Copy the Code Given Below And Paste it in HTML View.

<div class='gyani-theme-wrap'>
<h3>1 Ashram - Season 1</h3>
<div class='gyanibtn-theme-area'>
<a href='#' target='_blank'>EP1</a>
<a href='#' target='_blank'>EP2</a>
<a href='#' target='_blank'>EP3</a>
<a href='#' target='_blank'>EP4</a>
<a href='#' target='_blank'>EP5</a>
<a href='#' target='_blank'>EP6</a>
<a href='#' target='_blank'>EP7</a>
<a href='#' target='_blank'>EP8</a>
<a href='#' target='_blank'>EP9</a>
<a href='#' target='_blank'>EP10</a>
<a href='#' target='_blank'>EP11</a>
<a href='#' target='_blank'>EP12</a>
<a href='#' target='_blank'>EP13</a>
<a href='#' target='_blank'>EP14</a>
<a href='#' target='_blank'>EP15</a>
<a href='#' target='_blank'>EP16</a>
<a href='#' target='_blank'>EP17</a>
<a href='#' target='_blank'>EP18</a>
<a href='#' target='_blank'>EP19</a>
<a href='#' target='_blank'>EP20</a>
</div>
</div>

Step 5 :- After That Do Not Forget to Publish Your Post. Replace # link with your ownl link.

Conclusion

Well that's great tutorial on How To Add Film Series Download Button Widget in Blogger. If you have any other question related to this post then you can tell by commenting. How did you like this post, you can tell us by commenting. I hope it is Useful for All.

Getting Info...