Recommended Post Slider For Blogger With Facebook...

1.Đăng nhập vào blogspot --> Nhấp vào Template -> Chỉnh sửa HTML (nếu bạn đang sử dụng giao diện cũ blogger, sau đó thiết kế-> Chỉnh sửa HTML)

2.Nhấp vào "Mở rộng Widget"

3.Tìm một trong những dòng sau đây : (Nhấn F3)

<div class='post-footer-line post-footer-line-1'>

 hoặc

 <p class='post-footer-line post-footer-line-1'>

hoặc

 <data:post.body/>

 Ngay dưới bất kỳ trong số này, thêm đoạn code sau đây và lưu mẫu :

 <b:if cond='data:blog.pageType == "item"'>

<div style='display:none' id='recslide_place_holder'> </ div>

</ b: if>

Đó là tất cả. bây giờ bạn có thể nhìn thấy ảnh Đê trong blogger post.if của bạn bạn có bất kỳ nghi ngờ trong việc thêm các widget, cảm thấy tự do để bình luận ở đây.

Lưu lại :

4.Vào Thiết kế --> phần tữ trang --> Thêm tiện ích --> 

5.Copy code sau dán vào HTML/JavaScript :

<style type="text/css">#recslide{z-index:5;width:400px;height:100px;padding:10px;background-color:#fff;border-top:3px solid #000;position:fixed;right:-430px;bottom:0;-moz-box-shadow:-2px 0 5px #aaa;-webkit-box-shadow:-2px 0 5px #aaa;box-shadow:-6px -5px 5px #aaa; font-family:Arial, Helvetica, sans-serif;}#recslide p{font-size:11px;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;color:#000; font-weight: bold;}#recslide_title{color:#555;font-weight:700;font-size:16px;margin:10px 20px 10px 0;}#recslide a,#recslide a:hover,#recslide_title{text-decoration:none;color:#FE3F10; padding: 5px 5px 5px 2px;}#recslide .close,#recslide .expand,#recslide .help{border:2px solid #EEE;cursor:pointer;color:#9A9AA1;width:13px;height:15px;padding:2px 0 0 5px;position:absolute;right:10px;font-size:17px;font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:12px;}#recslide .help{right:35px;}#recslide_image{float:left;width:80px;}#recslide_title{width:287px;height:30px;overflow:hidden;}</style><div id="recslide" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p><div id="recslide_image"></div><div id="recslide_title">Loading..</div><center><div id="share_box">loading</div></center></div><script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bts_onload_queue=='undefined')var bts_onload_queue=[];if(typeof bts_dom_loaded=='boolean')bts_dom_loaded=false;else var bts_dom_loaded=false;if(typeof bts_async_loader!='function'){function bts_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bts_dom_loaded){newcallback()}else bts_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bts_domLoaded!='function')function bts_domLoaded(callback){bts_dom_loaded=true;var len=bts_onload_queue.length;for(var i=0;i<len;i++){bts_onload_queue[i]()}}bts_domLoaded();bts_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bts_async_loader("http://blogger-widgets-4u.googlecode.com/svn/Recommended_Slide_v1.0.js",function(){},"bts-out-slide")},"jQueryjs")}</script>

Cuối cùng là lưu lại .