Get Top Movie Category Widget for blogger site

 Welcome Sizan Tech Blog!

Hope everyone is well
Today we will discuss how to setup Top Movie Category Widget for blogger site

How to setup

First, open your blogger site and go to the layout section
from the dashboard


Click on the HTML & JavaScript gadget from the Layout section

After clicking on the HTML and JavaScript gadget, you will see a code box,   copy and save your code .

 


Demo Link :

 

HTML CSS CODE :

<div class="tags-wrapper">

<div class="menu-cat" id="menu-cat">
<div id="header-social">
<a href="https://www.bfclive.com/search/label/Bollywood?max-results=10" rel="noopener"><span class="headbt bollywood"> Bollywood </span></a> <a href="https://www.bfclive.com/search/label/Bengali?max-results=10" target="_blank" rel="noopener"><span class="headbt desijunx"> Bengali </span></a> <a href="https://www.bfclive.com/search/label/Japanese?max-results=10"><span class="headbt buttontg"><i class="fa fa-telegram"></i> Japanese </span></a> <a href="https://t.me/CinebazOfficial"><span class="headbt howtodl"> How To Download <i class="fa fa-eye"></i> </span></a>
</div>
<ul>
<li><a href="https://tellybd.com/page-cat/42/Adult-Movies.html">Adult Movies</a></li>
<li><a href="/search/label/720p?&amp;max-results=18">720p HEVC Movies</a></li>
<li><a href="/search/label/Dual%20Audio?&amp;max-results=18">Dual Audio</a></li>
<li><a href="/search/label/Hindi%20Dubbed?&amp;max-results=18">Hindi Dubbed</a></li>
<li><a href="#">Hindi Dubbed</a></li>
<li><a href="#">Hindi TV Shows</a></li>
<li><a href="#">Hollywood Movies</a></li>
<li><a href="#">Malayalam Movies</a></li>
<li><a href="#">Marathi Movies</a></li>
<li><a href="#">Mobile Movies</a></li>
<li><a href="#">Multi Audio</a></li>
<li><a href="#">Pakistani Movies</a></li>
<li><a href="#">Pc Games</a></li>
<li><a href="#">Pre Release</a></li>
<li><a href="#">Punjabi Movies</a></li>

</ul>
</div>
</div>
/* (Style 2) by DaudBD.Com */
<style>.tags-wrapper{margin:0 auto;}.tags-wrapper .widget-content{position:relative;margin:15px auto 0;}.tags-wrapper .menu-cat{text-align:center;}.tags-wrapper .menu-cat li{position:relative;display:inline-block;margin:0;}.tags-wrapper .menu-cat li a{background-color:#df133c;text-transform:uppercase;border-radius:15%;color:#fff;padding:5px 5px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:4px 2px;-webkit-transition-duration:0.4s;transition-duration:0.4s;cursor:pointer;min-width:70px;box-shadow:0 0 32px -10px #fe0000;}.tags-wrapper .menu-cat li a:hover{}.headbt{font-family:poppins,sans-serif;color:#fff;padding:10px 15px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:5px 1px;-webkit-transition-duration:0.4s;transition-duration:0.4s;cursor:pointer;box-shadow:0 0 32px -10px #fe0000;}.bollywood{background-color:#44b81a;text-transform:uppercase;border-radius:15%;font-weight:500;}.desijunx{background-color:red;text-transform:uppercase;border-radius:15%;font-weight:500;}.buttontg{background-color:#009DE1;text-transform:uppercase;border-radius:15%;}.howtodl{background-color:#DF9A17;text-transform:uppercase;border-radius:15%;}</style>

Well, you're done.

You can visit my site to get new tips daily

Tags

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.