How to Add a Responsive Carousel Slider Using Owl Carousel

Dida • Sunday, May 10, 2026

Dida

Administrator

Author

Last edited: Saturday, June 20, 2026

Adding a responsive carousel to your Blogger site can significantly professionalize your layout, especially for manga, anime, or movie review blogs. This tutorial will show you how to add a fully responsive Owl Carousel slider widget to your Blogger website. This slider automatically fetches posts from a specific label and displays them in a modern carousel layout with thumbnails, genres, and descriptions.

This Owl Carousel widget not only improves the visual appearance of your homepage but also helps organize featured content in a cleaner and more engaging way. Instead of displaying posts in a simple list format, the carousel creates an interactive browsing experience that makes your website feel more modern and dynamic.

Adding an Owl Carousel Slider Widget on Blogger

Features

Responsive Owl Carousel slider
Auto-fetch posts using Blogger labels
Anime/Manga style layout
Autoplay and lazy loading
Mobile responsive
Genre and status support
Custom synopsis support

How to Install the Owl Carousel Slider Widget

Follow these steps to install it correctly.

Before making any changes to your HTML, always back up your current theme. Go to your Blogger Dashboard, click Theme > click the arrow next to the Customize button, and then select Backup and download the file.

Step 1 — Add the CSS

This code controls how the slider looks, including the colors, font sizes, and mobile responsiveness.

In the Theme section, click the arrow next to Customize, and select Edit HTML
Click anywhere inside the XML editor and press Ctrl + F (or Cmd + F on Mac)
Search for this tag: </b:skin>

Paste the entire CSS code above it

.slider.section{margin-bottom:20px;overflow:hidden}.ct-wrapper{padding:0;position:relative;width:auto;margin:0;overflow:hidden}.owl_carouselle.owl-carousel.owl-loaded{margin-bottom:0}.slider-item{position:relative;height:100%}.slider-item:before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#2d3436;opacity:.4;z-index:1}a.slider-image{height:100%;filter:blur(0px)}.post-descript{position:absolute;left:5%;top:5%;z-index:99;padding:25px;text-align:left;transition:all .3s;width:70%;overflow:hidden}.slider-wrapp .post-inner{padding:0;margin:auto}.slider-item h2.post-title{max-width:350px;font-size:24px;margin:0;max-height:none;overflow:hidden;line-height:normal;white-space:nowrap;text-overflow:ellipsis}.slider-item h2.post-title a{color:#fff;transition:all .3s}.slider-item h2.post-title a:hover{color:#aaa}.slider-item .post-date{display:inline-block;color:#aaa;font-size:10px;margin:10px auto 0 auto;text-transform:uppercase}.slider-item .post-tag a{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin:0 auto 10px auto;transition:all .3s}.covert{position:absolute;top:14%;right:5%;bottom:0;height:200px;width:140px;z-index:5}.covert a{filter:none!important;border-radius:3px}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:&quot;.&quot;;display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://4.bp.blogspot.com/-9jaG9YO21Qs/W9rimdnu-mI/AAAAAAAACyQ/Tcv3-DtVm9kOlk73vTnBG6x_1a60wchuwCLcBGAs/s1600/play-icon.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-dots{position:absolute;top:255px;right:0;left:0;margin:auto;overflow:hidden;text-align:center}.owl-dots button{display:inline-block;margin:0 3px;border-radius:10px;padding:6px;outline:none;border:none;background:rgba(255,255,255,.24);box-shadow:0 2px 2px rgb(0 0 0 / 60%),inset 0 1px 1px rgb(0 0 0 / 52%)}.owl-dots button.owl-dot.active{background-color:#f39c12}.owl-carousel .owl-item{height:290px;box-shadow:0 20px 10px -15px rgba(0,0,0,.1);overflow:hidden}.owl-prev{left:20px;transform:translate(-50px,0)}.owl-next{right:20px;transform:translate(50px,0)}.owl-prev,.owl-next{color:#fff;font-size:36px;height:65px;line-height:65px;padding:0 14px;position:absolute;top:42%;visibility:hidden;opacity:0;transition:all .3s}.owl-nav button.owl-prev,.owl-nav button.owl-next{background:none;border:0}.owl-carousel:hover .owl-prev,.owl-carousel:hover .owl-next{opacity:1;visibility:visible;transform:translate(0,0)}.post-sinop{display:block;margin-top:5px;color:#ddd}.post-sinop strong{text-transform:uppercase}.post-sinop b{display:none}.post-sinop p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0;font-size:14px}.post-title{display:flex;display:-ms-flex;display:-webkit-flex}h2.post-titlenya{font-size:1.4em;text-transform:uppercase;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;margin: 10px 0;max-width:85%}h2.post-titlenya a{color:#fff}.right-title{order:2;width:100%}.post-meta{margin-right:5px;order:1}.post-tr{display:inline-block;height:48px;margin:-5px 0 0 -5px}.site-ret{font-size:48px;color:#f3d872;position:relative}.site-ret .fa-star:before{font-family:&quot;Font Awesome 5 Free&quot;;font-weight:600}.site-ret .fa span{font-size:14px;position:absolute;left:0;top:29px;color:#333;font-weight:600;letter-spacing:-1px;display:block;height:48px;width:100%;text-align:center}.post-genre{margin-top:5px;margin-left:-3px}.genre-slide{font-size:14px;display:inline-block;max-width:75%;overflow:hidden;text-overflow:ellipsis;color:#ddd;white-space:nowrap}.genre-slide a.manual-label:not(:last-child)::after{content:',';}.genre-slide .manual-label{color:white;padding-left:3px;display:inline-block}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@media screen and (max-width:768px){.feature-item{width:50%;margin:0 auto 15px auto}}@media screen and (max-width:640px){.post-descript{padding:15px 10px;left:3%;right:3%}.slider-wrapp .post-inner{padding:0 10px}.slider-item h2.post-title{font-size:16px;max-width:50%}.feature-item{display:inline-block;float:none;width:100%;margin:0 auto 15px auto}.covert{height:130px;width:92px;top:7%;right:3%}}@media screen and (max-width:430px){.covert{height:100px;width:71px}}.thumb.overlay:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:rgba(0,0,0,.7);background-image:url(https://1.bp.blogspot.com/-eQ7EqK07jKo/YLJGRM_fnfI/AAAAAAAAEvU/_D-ctbfUt3cUo5dOpBfTKOw0eE4p90evwCNcBGAsYHQ/s3/pattern.png)!important}.thumb.overlay{display:block;position:absolute;width:100%}.thumb.overlay{height:100%;top:0;left:0;bottom:0}.site-ret span span{font-family:Signika Negative}.post-titlenya a{color:white;font-size:21px}.label-slider{background:#b51200;padding:3px 4px;border:none;border-radius:5px;font-size:12px;margin-left:3px}.label-slider:hover{background:gray}.post-tag span{font-size:13px}.stts-poss,.type-poss{font-size:14px}.tagstat{display:flex;flex-wrap:nowrap;align-items:center;}.type-poss:not(last-child)::after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='15px' viewBox='0 0 24 24'%3E%3Cpath fill='%23b1c7c7' d='M12 10a2 2 0 0 0-2 2a2 2 0 0 0 2 2c1.11 0 2-.89 2-2a2 2 0 0 0-2-2'/%3E%3C/svg%3E");display:inline-block;margin:0 3px;vertical-align:middle;}

If you want to add a blur effect to your slider's background, locate the a.slider-image selector in your CSS and increase the filter:blur value from 0px to 30px.

Step 2 — Add the Owl Carousel Script

This part tells Blogger how to fetch your posts and how the slider should behave.

While still in the XML editor, press Ctrl + F (or Cmd + F on Mac), and search for: </head>.

Paste this code above it:

<script id='owl-carousel-js' src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js' type='text/javascript'/>
  <script type='text/javascript'>//<![CDATA[
/* ==========================================
   EDIT YOUR SETTINGS HERE
   ========================================== */
const config = {
    noImage: "http://1.bp.blogspot.com/-S5pmP6Y0KUs/V6CsQEqKNGI/AAAAAAAAEFY/LZigJ20wKVkpzFLJSuzvjJDkC9z9IFy5wCK4B/s1600/image-not-found.png",

    // List the types you want to highlight in the "Type" tag
    typePoss: ["Manga", "Manhua", "Manhwa", "Novel", "Doujinshi"],

    // List the statuses you want to detect
    statusPoss: ["Completed", "Ongoing", "Dropped"],

    // List the genres you want to detect
    allowedGenres: ["Action", "Adventure", "Comedy", "Drama", "Romance", "Fantasy"],
    maxPosts: 8,
    summaryLimit: 200
};

function _0x302f(_0x4faa7e,_0x2169ee){_0x4faa7e=_0x4faa7e-(-0xa9+0x1f48+-0x1cc9);var _0x3966ef=_0x4c23();var _0xd4a455=_0x3966ef[_0x4faa7e];return _0xd4a455;}(function(_0x58cd68,_0x4947c8){var _0x5846c1=_0x302f,_0x199f4d=_0x58cd68();while(!![]){try{var _0x1db662=-parseInt(_0x5846c1(0x1de))/(0x1a11*-0x1+-0x1*-0x125+0x18ed*0x1)+-parseInt(_0x5846c1(0x26b))/(0xeb5+0x2*-0x71f+0x3*-0x27)*(parseInt(_0x5846c1(0x1f6))/(-0x1577+0x14d*-0x9+-0x1*-0x212f))+parseInt(_0x5846c1(0x21d))/(0x107e*0x1+0x1537+-0x1*0x25b1)+parseInt(_0x5846c1(0x1e4))/(0x12f6+0x38e+-0x167f)+parseInt(_0x5846c1(0x1ff))/(-0x85c+0x1e47+0x3b*-0x5f)+parseInt(_0x5846c1(0x25f))/(0x8*0x1d2+0x63e+-0xc5*0x1b)*(-parseInt(_0x5846c1(0x21c))/(-0x1687+-0x5fb*-0x4+-0x1*0x15d))+parseInt(_0x5846c1(0x243))/(-0x2099+0x1*0xfca+0x7*0x268);if(_0x1db662===_0x4947c8)break;else _0x199f4d['push'](_0x199f4d['shift']());}catch(_0x55ffcc){_0x199f4d['push'](_0x199f4d['shift']());}}}(_0x4c23,-0x30ee*-0x86+0x5277a*0x1+0x1*-0x11421a));function getRandomInt(_0x2aa4d8,_0x25a173){var _0x19922f=_0x302f,_0x5847cf={'bAagR':function(_0x315819,_0x22487c){return _0x315819+_0x22487c;},'bnFSl':function(_0x38ff1b,_0x2c45d0){return _0x38ff1b*_0x2c45d0;},'sNTts':function(_0x2e1b78,_0x5a2be1){return _0x2e1b78-_0x5a2be1;}};return _0x5847cf[_0x19922f(0x23e)](Math[_0x19922f(0x206)](_0x5847cf[_0x19922f(0x233)](Math[_0x19922f(0x1f4)](),_0x5847cf[_0x19922f(0x23e)](_0x5847cf[_0x19922f(0x205)](_0x25a173,_0x2aa4d8),0x11*-0x139+-0x21b0+0x367a))),_0x2aa4d8);}function shuffleArray(_0x1139b1){var _0x39b705=_0x302f,_0x504194={'rtGyT':function(_0xc071d7,_0x5911ab){return _0xc071d7===_0x5911ab;},'gzsKH':function(_0x212745,_0x19e13f){return _0x212745*_0x19e13f;},'VBazs':function(_0x13ac4d,_0x30160d){return _0x13ac4d+_0x30160d;}},_0x312a2d,_0x4b5d63,_0x4546b8=_0x1139b1[_0x39b705(0x213)];if(_0x504194[_0x39b705(0x267)](0xb9c+-0x2f1+0x7*-0x13d,_0x4546b8))return!(0xd*0x57+-0x11d7*0x1+0x1*0xd6d);for(;--_0x4546b8;)_0x312a2d=Math[_0x39b705(0x206)](_0x504194[_0x39b705(0x234)](Math[_0x39b705(0x1f4)](),_0x504194[_0x39b705(0x240)](_0x4546b8,-0x6b2*-0x3+0x1ab7*0x1+-0x257*0x14))),_0x4b5d63=_0x1139b1[_0x4546b8],_0x1139b1[_0x4546b8]=_0x1139b1[_0x312a2d],_0x1139b1[_0x312a2d]=_0x4b5d63;return _0x1139b1;}function postarea4(_0x23a7e3){var _0x4ccbc4=_0x302f,_0x5dc8fd={'kJkQq':function(_0xd5f1d4,_0x1813a8){return _0xd5f1d4(_0x1813a8);},'SItnS':_0x4ccbc4(0x262)+_0x4ccbc4(0x1dd)+_0x4ccbc4(0x278)+_0x4ccbc4(0x20c)+_0x4ccbc4(0x20e)+_0x4ccbc4(0x21e)+_0x4ccbc4(0x1dc),'yMoGi':function(_0x3c5fb0,_0x23295f){return _0x3c5fb0<_0x23295f;},'teDgi':function(_0x36e3c3,_0x4a2134){return _0x36e3c3==_0x4a2134;},'SIUpo':_0x4ccbc4(0x254),'xQCSo':function(_0x552f1e,_0x22e516){return _0x552f1e<_0x22e516;},'DWzSs':function(_0x245662,_0x51baa2){return _0x245662+_0x51baa2;},'CUbXL':function(_0x2b0132,_0x304fed){return _0x2b0132+_0x304fed;},'sPKRZ':_0x4ccbc4(0x208)+_0x4ccbc4(0x215)+_0x4ccbc4(0x27a),'eQkZn':_0x4ccbc4(0x25b),'XTbGe':function(_0x3138ab,_0x5c66bb){return _0x3138ab<_0x5c66bb;},'FDIIu':function(_0x131736,_0x440f83){return _0x131736+_0x440f83;},'vbyMq':_0x4ccbc4(0x208)+_0x4ccbc4(0x238)+_0x4ccbc4(0x27a),'ypldx':function(_0x31a1b7,_0x2eb25a){return _0x31a1b7+_0x2eb25a;},'wOiBB':_0x4ccbc4(0x1d7)+_0x4ccbc4(0x207)+_0x4ccbc4(0x24d)+_0x4ccbc4(0x1e9)+_0x4ccbc4(0x1ec),'kqSmY':_0x4ccbc4(0x1fd),'Nishu':_0x4ccbc4(0x24e),'VUUBc':_0x4ccbc4(0x221),'xGBPI':_0x4ccbc4(0x26a),'sthqk':_0x4ccbc4(0x22a)+_0x4ccbc4(0x250),'efteg':_0x4ccbc4(0x242),'SwAtM':_0x4ccbc4(0x263),'QetHF':function(_0xd7e113,_0x6c5148){return _0xd7e113+_0x6c5148;},'VUyef':function(_0x44687d,_0x57503c){return _0x44687d+_0x57503c;},'gQqiY':_0x4ccbc4(0x23b),'fVIOg':_0x4ccbc4(0x225)+_0x4ccbc4(0x1f2)+_0x4ccbc4(0x1f3)+_0x4ccbc4(0x256)+_0x4ccbc4(0x22e)+_0x4ccbc4(0x247)+_0x4ccbc4(0x22d),'LxAOU':_0x4ccbc4(0x249)+_0x4ccbc4(0x26c)+_0x4ccbc4(0x253)+_0x4ccbc4(0x230)+_0x4ccbc4(0x26f)+_0x4ccbc4(0x1db)+_0x4ccbc4(0x1eb)+_0x4ccbc4(0x248)+'>','Poyds':function(_0x2e6f0c,_0x37b0e0){return _0x2e6f0c+_0x37b0e0;},'GMcaX':function(_0x4a1468,_0x5063c9){return _0x4a1468+_0x5063c9;},'ugVWM':function(_0x35187d,_0x2a0894){return _0x35187d+_0x2a0894;},'riaEF':function(_0x94f408,_0x2cd885){return _0x94f408+_0x2cd885;},'yFpuE':function(_0x149af9,_0xba5d44){return _0x149af9+_0xba5d44;},'dCrwX':function(_0x4facdf,_0x26fcba){return _0x4facdf+_0x26fcba;},'uEiYy':function(_0x1f7a92,_0x436014){return _0x1f7a92+_0x436014;},'gydcy':function(_0x4a6099,_0xf1fa55){return _0x4a6099+_0xf1fa55;},'QsYTq':function(_0x5f4eda,_0x5256d0){return _0x5f4eda+_0x5256d0;},'esfTB':function(_0x531a9e,_0x1d8146){return _0x531a9e+_0x1d8146;},'EXjHD':function(_0x34cecf,_0x21b51c){return _0x34cecf+_0x21b51c;},'UPxeK':function(_0x6ce7f,_0x5b5ec6){return _0x6ce7f+_0x5b5ec6;},'HykTw':function(_0x5f2680,_0x596ed7){return _0x5f2680+_0x596ed7;},'ZBCQe':function(_0xfd11e3,_0x2735d0){return _0xfd11e3+_0x2735d0;},'rtrPr':function(_0x4158ca,_0x17116d){return _0x4158ca+_0x17116d;},'aozbN':function(_0x4eb3f8,_0x7d29ea){return _0x4eb3f8+_0x7d29ea;},'ERXdz':function(_0x492df8,_0x14e1c1){return _0x492df8+_0x14e1c1;},'DVjdr':_0x4ccbc4(0x262)+_0x4ccbc4(0x258)+_0x4ccbc4(0x264),'NJgud':_0x4ccbc4(0x262)+_0x4ccbc4(0x25c)+_0x4ccbc4(0x1fb),'vzcSx':_0x4ccbc4(0x262)+_0x4ccbc4(0x283)+_0x4ccbc4(0x23f),'thnkm':_0x4ccbc4(0x210),'VXMNL':_0x4ccbc4(0x262)+_0x4ccbc4(0x257),'oAIOC':_0x4ccbc4(0x262)+_0x4ccbc4(0x20a)+_0x4ccbc4(0x21a),'Gfcdn':_0x4ccbc4(0x262)+_0x4ccbc4(0x202)+'>','WJVkh':_0x4ccbc4(0x262)+_0x4ccbc4(0x245)+_0x4ccbc4(0x260),'yCVGR':_0x4ccbc4(0x262)+_0x4ccbc4(0x239)+_0x4ccbc4(0x268)+_0x4ccbc4(0x1e6)+_0x4ccbc4(0x26e)+_0x4ccbc4(0x220),'kCwfp':_0x4ccbc4(0x235)+_0x4ccbc4(0x1da),'VUGKK':_0x4ccbc4(0x262)+_0x4ccbc4(0x20b)+_0x4ccbc4(0x266)+_0x4ccbc4(0x211)+_0x4ccbc4(0x1e7),'vfNsD':_0x4ccbc4(0x274)+'v>','pjZko':_0x4ccbc4(0x262)+_0x4ccbc4(0x203)+_0x4ccbc4(0x261),'SUrRX':_0x4ccbc4(0x218),'DGXOJ':_0x4ccbc4(0x262)+_0x4ccbc4(0x25d)+_0x4ccbc4(0x1da)};let _0x1bbf31=_0x5dc8fd[_0x4ccbc4(0x20d)](shuffleArray,_0x23a7e3[_0x4ccbc4(0x1f9)][_0x4ccbc4(0x21f)]),_0x2e4ad8=Math[_0x4ccbc4(0x209)](_0x1bbf31[_0x4ccbc4(0x213)],config[_0x4ccbc4(0x277)]);document[_0x4ccbc4(0x226)](_0x5dc8fd[_0x4ccbc4(0x23a)]);for(var _0xc522b3=-0x1*0x1803+-0x1145+0x2948;_0x5dc8fd[_0x4ccbc4(0x27f)](_0xc522b3,_0x2e4ad8);_0xc522b3++){var _0x3f5464=_0x1bbf31[_0xc522b3],_0x2c9595=_0x3f5464[_0x4ccbc4(0x1fc)]['$t'],_0x78e968='';for(var _0x59d88f=-0x222b+0x9d*-0x33+-0x2*-0x20b9;_0x5dc8fd[_0x4ccbc4(0x27f)](_0x59d88f,_0x3f5464[_0x4ccbc4(0x27d)][_0x4ccbc4(0x213)]);_0x59d88f++){if(_0x5dc8fd[_0x4ccbc4(0x24c)](_0x3f5464[_0x4ccbc4(0x27d)][_0x59d88f][_0x4ccbc4(0x1d6)],_0x5dc8fd[_0x4ccbc4(0x237)])){_0x78e968=_0x3f5464[_0x4ccbc4(0x27d)][_0x59d88f][_0x4ccbc4(0x214)];break;}}var _0x2615af='';for(var _0x73c512=0x1c8a+-0xc*0x2eb+0x67a;_0x5dc8fd[_0x4ccbc4(0x232)](_0x73c512,_0x3f5464[_0x4ccbc4(0x27b)][_0x4ccbc4(0x213)]);_0x73c512++){if(config[_0x4ccbc4(0x201)][_0x4ccbc4(0x27e)](_0x3f5464[_0x4ccbc4(0x27b)][_0x73c512][_0x4ccbc4(0x1ea)])){_0x2615af=_0x5dc8fd[_0x4ccbc4(0x1f5)](_0x5dc8fd[_0x4ccbc4(0x25a)](_0x5dc8fd[_0x4ccbc4(0x282)],_0x3f5464[_0x4ccbc4(0x27b)][_0x73c512][_0x4ccbc4(0x1ea)]),_0x5dc8fd[_0x4ccbc4(0x26d)]);break;}}var _0x12bc64='';for(var _0x3080da=-0xc20+-0x1*0x16fc+0x231c;_0x5dc8fd[_0x4ccbc4(0x276)](_0x3080da,_0x3f5464[_0x4ccbc4(0x27b)][_0x4ccbc4(0x213)]);_0x3080da++){if(config[_0x4ccbc4(0x1e0)][_0x4ccbc4(0x27e)](_0x3f5464[_0x4ccbc4(0x27b)][_0x3080da][_0x4ccbc4(0x1ea)])){_0x12bc64=_0x5dc8fd[_0x4ccbc4(0x25a)](_0x5dc8fd[_0x4ccbc4(0x23c)](_0x5dc8fd[_0x4ccbc4(0x216)],_0x3f5464[_0x4ccbc4(0x27b)][_0x3080da][_0x4ccbc4(0x1ea)]),_0x5dc8fd[_0x4ccbc4(0x26d)]);break;}}var _0x2486c3='';if(_0x3f5464[_0x4ccbc4(0x27b)])for(var _0x40e65a=0x177f+-0xa16*-0x2+0x63d*-0x7;_0x5dc8fd[_0x4ccbc4(0x276)](_0x40e65a,_0x3f5464[_0x4ccbc4(0x27b)][_0x4ccbc4(0x213)]);_0x40e65a++){var _0x497c6e=_0x3f5464[_0x4ccbc4(0x27b)][_0x40e65a][_0x4ccbc4(0x1ea)];config[_0x4ccbc4(0x281)+_0x4ccbc4(0x1e3)][_0x4ccbc4(0x27e)](_0x497c6e)&&(_0x2486c3+=_0x5dc8fd[_0x4ccbc4(0x1f5)](_0x5dc8fd[_0x4ccbc4(0x23c)](_0x5dc8fd[_0x4ccbc4(0x219)](_0x5dc8fd[_0x4ccbc4(0x25a)](_0x5dc8fd[_0x4ccbc4(0x280)],_0x497c6e),'\x22>'),_0x497c6e),_0x5dc8fd[_0x4ccbc4(0x24f)]));}var _0x2f5688=_0x3f5464[_0x4ccbc4(0x272)]?_0x3f5464[_0x4ccbc4(0x272)]['$t']:_0x3f5464[_0x4ccbc4(0x228)]?_0x3f5464[_0x4ccbc4(0x228)]['$t']:'',_0x27561a=_0x5dc8fd[_0x4ccbc4(0x20d)]($,_0x5dc8fd[_0x4ccbc4(0x271)])[_0x4ccbc4(0x224)](_0x2f5688),_0x3347c6=_0x27561a[_0x4ccbc4(0x212)](_0x5dc8fd[_0x4ccbc4(0x275)])[_0x4ccbc4(0x213)]?_0x27561a[_0x4ccbc4(0x212)](_0x5dc8fd[_0x4ccbc4(0x275)])[_0x4ccbc4(0x224)]():_0x27561a[_0x4ccbc4(0x212)]('p')[_0x4ccbc4(0x1ed)]()[_0x4ccbc4(0x224)]()||'',_0x4333e=config[_0x4ccbc4(0x223)];_0x3f5464[_0x4ccbc4(0x1e5)+_0x4ccbc4(0x22c)]&&(_0x4333e=_0x3f5464[_0x4ccbc4(0x1e5)+_0x4ccbc4(0x22c)][_0x4ccbc4(0x1f7)][_0x4ccbc4(0x1e1)](_0x5dc8fd[_0x4ccbc4(0x1d9)],_0x5dc8fd[_0x4ccbc4(0x1e2)])[_0x4ccbc4(0x1e1)](_0x5dc8fd[_0x4ccbc4(0x246)],_0x5dc8fd[_0x4ccbc4(0x1df)]));var _0x1cd42d=_0x5dc8fd[_0x4ccbc4(0x25a)](_0x5dc8fd[_0x4ccbc4(0x1f0)](_0x5dc8fd[_0x4ccbc4(0x25a)](_0x5dc8fd[_0x4ccbc4(0x229)](_0x5dc8fd[_0x4ccbc4(0x1e8)],_0x78e968),_0x5dc8fd[_0x4ccbc4(0x23d)]),_0x4333e),_0x5dc8fd[_0x4ccbc4(0x1f1)]),_0x113d13=_0x5dc8fd[_0x4ccbc4(0x1f5)](_0x5dc8fd[_0x4ccbc4(0x236)](_0x5dc8fd[_0x4ccbc4(0x204)](_0x5dc8fd[_0x4ccbc4(0x24a)](_0x5dc8fd[_0x4ccbc4(0x222)](_0x5dc8fd[_0x4ccbc4(0x1f5)](_0x5dc8fd[_0x4ccbc4(0x25a)](_0x5dc8fd[_0x4ccbc4(0x229)](_0x5dc8fd[_0x4ccbc4(0x25e)](_0x5dc8fd[_0x4ccbc4(0x22f)](_0x5dc8fd[_0x4ccbc4(0x1f8)](_0x5dc8fd[_0x4ccbc4(0x231)](_0x5dc8fd[_0x4ccbc4(0x222)](_0x5dc8fd[_0x4ccbc4(0x22f)](_0x5dc8fd[_0x4ccbc4(0x251)](_0x5dc8fd[_0x4ccbc4(0x25a)](_0x5dc8fd[_0x4ccbc4(0x1fa)](_0x5dc8fd[_0x4ccbc4(0x23c)](_0x5dc8fd[_0x4ccbc4(0x219)](_0x5dc8fd[_0x4ccbc4(0x273)](_0x5dc8fd[_0x4ccbc4(0x251)](_0x5dc8fd[_0x4ccbc4(0x25e)](_0x5dc8fd[_0x4ccbc4(0x229)](_0x5dc8fd[_0x4ccbc4(0x244)](_0x5dc8fd[_0x4ccbc4(0x255)](_0x5dc8fd[_0x4ccbc4(0x20f)](_0x5dc8fd[_0x4ccbc4(0x229)](_0x5dc8fd[_0x4ccbc4(0x21b)](_0x5dc8fd[_0x4ccbc4(0x259)](_0x5dc8fd[_0x4ccbc4(0x270)](_0x5dc8fd[_0x4ccbc4(0x265)],_0x5dc8fd[_0x4ccbc4(0x24b)]),_0x5dc8fd[_0x4ccbc4(0x241)]),_0x1cd42d),_0x5dc8fd[_0x4ccbc4(0x1ee)]),_0x5dc8fd[_0x4ccbc4(0x269)]),_0x1cd42d),_0x5dc8fd[_0x4ccbc4(0x1ee)]),_0x5dc8fd[_0x4ccbc4(0x1d8)]),_0x5dc8fd[_0x4ccbc4(0x227)]),_0x2615af),'\x20'),_0x12bc64),_0x5dc8fd[_0x4ccbc4(0x1ee)]),_0x5dc8fd[_0x4ccbc4(0x22b)]),_0x5dc8fd[_0x4ccbc4(0x279)]),_0x78e968),'\x22>'),_0x2c9595),_0x5dc8fd[_0x4ccbc4(0x27c)]),_0x5dc8fd[_0x4ccbc4(0x1ee)]),_0x5dc8fd[_0x4ccbc4(0x200)]),_0x2486c3),_0x5dc8fd[_0x4ccbc4(0x1ef)]),_0x5dc8fd[_0x4ccbc4(0x1fe)]),_0x3347c6),_0x5dc8fd[_0x4ccbc4(0x217)]),_0x5dc8fd[_0x4ccbc4(0x1ee)]),_0x5dc8fd[_0x4ccbc4(0x252)]),_0x5dc8fd[_0x4ccbc4(0x1ee)]),_0x5dc8fd[_0x4ccbc4(0x1ee)]);document[_0x4ccbc4(0x226)](_0x113d13);}document[_0x4ccbc4(0x226)](_0x5dc8fd[_0x4ccbc4(0x1ef)]);}function _0x4c23(){var _0x3c7053=['e:\x20cover;w','ERXdz','Nishu','content','EXjHD','</div></di','VUUBc','XTbGe','maxPosts','er\x22><div\x20c','yCVGR','ss\x22>','category','kCwfp','link','includes','yMoGi','wOiBB','allowedGen','sPKRZ','=\x22thumb\x20ov','rel','<a\x20class=\x22','oAIOC','xGBPI','/div>','idth:\x20100%','sel\x22>','=\x22ct-wrapp','1687888FvFgll','SwAtM','statusPoss','replace','sthqk','res','2635495kEFhLu','media$thum','lass=\x22post','e-slide\x22>','gQqiY','/search/la','term',';display:b','bel/','first','thnkm','vfNsD','QetHF','LxAOU','el=\x22thumb\x22','\x20class=\x22sl','random','DWzSs','4463916hjEOhz','url','uEiYy','feed','esfTB','rapp\x22>','title','</a>','pjZko','7426758Mugdnu','VUGKK','typePoss','=\x22tagstat\x22','=\x22post-sin','GMcaX','sNTts','floor','manual-lab','<span\x20clas','min','=\x22post-des','=\x22post-gen','lass=\x22owl_','kJkQq','carouselle','ZBCQe','</div>','lass=\x22genr','find','length','href','s=\x22type-po','vbyMq','SUrRX','</p></div>','ypldx','cript\x22>','rtrPr','9544cMcosc','5470888RZBHih','\x20owl-carou','entry','><a\x20href=\x22','.desc','riaEF','noImage','html','\x22\x20aria-lab','write','Gfcdn','summary','VUyef','maxresdefa','WJVkh','bnail','url(','\x22\x20style=\x22b','dCrwX','ground-siz','gydcy','xQCSo','bnFSl','gzsKH','</a></h2><','Poyds','SIUpo','s=\x22stts-po','=\x22right-ti','SItnS','<a\x20href=\x22','FDIIu','fVIOg','bAagR','erlay\x22>','VBazs','vzcSx','/s72-c/','20413989LTJIGy','UPxeK','=\x22post-tit','efteg','ackground:','lock;\x22></a',')\x20no-repea','ugVWM','NJgud','teDgi','el\x22\x20href=\x22','<div>','kqSmY','ult','QsYTq','DGXOJ','enter;back','alternate','HykTw','ider-image','=\x22covert\x22>','=\x22slider-i','aozbN','CUbXL','</span>','=\x22slider-w','=\x22clear\x22><','yFpuE','7861SJbyty','le\x22>','op\x22><p>','<div\x20class','/s720-rw/','tem\x22>','DVjdr','re\x22><div\x20c','rtGyT','tle\x22><h2\x20c','VXMNL','default','2wtrYtJ','t\x20center\x20c','eQkZn','-titlenya\x22'];_0x4c23=function(){return _0x3c7053;};return _0x4c23();}

$(document).ready(function() {
    $(".owl_carouselle").owlCarousel({
        autoplay: true,
        loop: true,
        lazyLoad: true,
        nav: false,
        dots: true,
        smartSpeed: 1200,
        responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } }
    });
});
//]]></script>

Click Save

You can customize the slider's behavior by modifying the config object in the script.

Replace the noImage URL to change the placeholder used when a post doesn't have a thumbnail.
Update the typePoss, statusPoss, and allowedGenres lists to match the specific labels you use on your blog. The slider will only highlight labels that appear in these arrays.
Adjust summaryLimit to increase or decrease the length of the post description.

Step 3 — Create the Slider Gadget

Now you need to place the slider where you want it to appear.

Go to Layout in your Blogger Dashboard.
Click Add a Gadget in the section where you want the slider and select HTML/JavaScript.

Paste the following code into the Content box:

<script>document.write("<script src=\"/feeds/posts/default/-/Series?max-results=5&orderby=published&alt=json-in-script&callback=postarea4\"><\/script>");</script>

Change the word Series in the code above to the Label of the posts you want to show in the slider. If you want to show all recent posts, remove /-/Series.
You can change the number of posts by changing this max-results=5 to max-results=10.
Save the gadget

Step 4 — Display your Post Description

For the slider to display your descriptions correctly, when you write a post, wrap your summary/synopsis in a specific HTML tag:

Inside your Blogger post editor, switch to HTML View.

Wrap your summary like this:

<div class="desc">This is your summary/synopsis...</div>

Click Publish or Update

Troubleshooting

Images not showing: Ensure your posts have a "Featured Image" (the first image in the post).
Slider is blank: Check if the Label name in Step 3 matches your post labels exactly (it is case-sensitive).
Genres are missing: Check your labels in allowedGenres array, only labels listed here will be display.

Result

After completing all steps, your Blogger site will have:

A responsive featured post slider
Automatic post fetching
Genre-based carousel
Anime/Manga style presentation
Mobile-friendly design

And that's it! Whether you run a manga reading blog, an anime recommendation site, or a movie review platform, this responsive Owl Carousel widget can make your Blogger website look cleaner, more professional, and visually appealing.

Contact Form