Top Movie Category Widget For Blogger
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
Go to the Layout section from the Dashboard
HTML CSS CODE : Copy And Past
<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?&max-results=18">720p HEVC Movies</a></li>
<li><a href="/search/label/Dual%20Audio?&max-results=18">Dual Audio</a></li>
<li><a href="/search/label/Hindi%20Dubbed?&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.
Post a Comment
0Comments