2015




Movies On is the perfect theme for a movie review and news website. The theme comes packed with features which make it ideal for reviewing. The template does not only look fine on all devices but also works like a charm! Clean and modern elements make it unique and perfectly focus on video content. Movies On blogger template has banner areas, so it allows you to show ads and earn money without making damage to your website overall look.



4

There Are Many Nice Features of This Theme. That Version is 1.7 Totally 100% Responsive.. Auto Feature Posts ( Slides)  Supporter.. Manual Feature Image Post With Slide Supporter� Unlimited Awesome Colours Styles.. Ajax Load More Futhure posts Loader supporter.. Ajax Page nevigation Supporter free.. Mega Menu Supporter Friendly For User. Light Weight .. Great Looking.. Awesome Design. Friendly SEO optimization.. All Types of Advertizing Ready.. Blogger Comment Service.. Facebook Comment System.. Disqus Commenting supporter.. Top Social Icons (Facebook , Twitter , Instagram , ETC) Social Share Widget.. Supporter CSS 3 language.. Post Print option .. Allow visitor to increase and decrease text size Friendly.. News Ticker Widget supporter free.. View two Mode ( Grid and list also ) Compatible for all Browsers.. DropDown Menu Supporter Friendly.. Custom Error 404 of page..  Professional Admin layout for user Friendlyy,.. Realted post Widget supporter freee.. -

Download  � Demo � ScreenShoot


1. Cong-Ly Blogger Template:


Responsive-SEO-Friendly-Theme

See-how-it-is-looking free-download-theme

Change Header Image:

Header Image is the main logo or Picture on the top of the template. Header Image is identification of you company or brand, So in order to change the image just,
- Go to > Template from Blogger Dashboard, Click anywhere in HTML code and press Ctrl + F and write"header" in search box and find header image URL as shown in below image.

Cong-ly-header-logo
May be when you write "header" in search box, you can enter for 3 times in order to find the right image header url.

Customize Posts:

If you want to show the Home Page posts with thumbnail as like in Live Demo,
- Go to Template from Blogger Dashboard, Click anywhere in HTML code and press Ctrl + F to open the search box and write "Destination" as shown in Live Demo.
Replace "Destination" with your Label/Name. See image below for better understand.

View-post-thumbnail-image




H�m nay r?nh r?i n�n m�nh l?y c�i templates c?c chu?n n�y c?a Uong Jowo chia s? mi?n ph� cho c�c b?n. �i?u ki?n duy nh?t l� vui l�ng gi? nguy�n link c?a Uong Jowo du?i footer d? t�n tr?ng c�ng s?c s�ng t?o c?a anh ?y.

Rinblog cung d� t?ng s? d?ng qua template n�y r?i, k?t qu? c?c k? v?a �. Nhung ti?c l� Rinblog kh�ng ph?i trang tin t?c n�n template n�y kh�ng h?p cho l?m, nhung n?u site c?a b?n l� site tin t?c th� template n�y l� qu� chu?n lu�n r?i.

DEMO 

DOWNLOAD B?N NGUY�N TH?Y C?A UONG JOWO

DOWNLOAD B?N CH?NH S?A C?A RINBLOG

HU?NG D?N S? D?NG:

�? s? d?ng template n�y c�c b?n luu � di?u sau:

  • Kh�ng n�n x�a nh?ng widget c� s?n trong template (c?t gi?a) m� c�c b?n ti?n h�nh th�m ho?c thay d?i n?i dung c?a ch�ng cho h?p l� b?ng c�ch nh?p v�o ch?nh s?a widget thay n?i dung c?a widget d� b?ng m?t ho?c nhi?u nh�n d? hi?n th? b�i dang trong nh�n. L�m nhu h�nh sau:

�? hi?n th? to�n b? widget d?p v� chu?n c�c b?n copy do?n code sau r?i th�m v�o trong templates c?a b?n.

.pix_uj li .uj_thumb{width:70px;height:70px;overflow:hidden;} @media only screen and (max-width:1219px){ #wrapper{width:986px;} .container,#footer-widget-area{width:944px;} .header-content{margin:0;padding:25px 21px} #sidebar-narrow,#top{display:none} #sidebar{float:right;width:300px;} #logo{float:left;width:270px;} } @media only screen and (max-width:985px) and (min-width: 768px) { #wrapper{width:750px;}#logo,#logo img{float:left;width:200px;} .container,#footer-widget-area,#main-content{width:730px;} #content,#uj-slider,.flexslider,.uj-box,.pix_uj .box-content,.UJ-list li,.UJ-list li:first-child,.inde-uj li,.uj-box li:first-child .uj_thumb{width:410px;float:left;} .scroler li .uj_thumb .overlay,.uj-box li:first-child .overlay{width:410px;height:160px} #content .post-body img{max-width:360px;} .uj-box.cols-2,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child{float:left;width:200px;margin-right:0} .uj-box.cols-2 li:first-child .overlay{width:200px;height:160px} .uj-box.cols-2 .uj_thumb .overlay:hover a.zoom{left:15%} .uj-box.cols-2 li:first-child .uj_thumb .overlay:hover a.post-link{right:15%} .cols-2.last-column{float:right;} .header-content{margin:0;padding:25px 15px} .header-content{background:transparent} .top-nav .container{position:relative} #sidebar{padding:0 0 0 4px;float:right;width:300px;} } /* Phone : 480px */ @media only screen and (max-width: 767px) and (min-width: 480px){ #wrapper{max-width:430px;width:100%!important} #topcontrol , .ads-top,#main-nav, .ads-bottom,.home-ads, .ads-post, .today-date, .slider-caption p{display:none !important;} header {width:420px !important;} #mobilenav{display:inline-block;border:1px solid #ccc;padding:2px 5px;} #navi.suball {background:#333;} .container,#main-content , .content , #content{width:420px !important; } .flexslider , .flexslider .slides > li ,.flexslider .slides img{height:250px !important;} .slider-caption h2 a, .slider-caption h2{ font-size:22px;} .single-post-thumb img { max-height:210px; } .slider-caption{width:auto;} .logo{float:none;text-align:center;} #uj-slider,.uj-box,#footer-widget-area,.flexslider,.uj_slider_item{float:none;width:400px;} #uj-slider{margin:0 auto 20px auto}.uj-box,.uj-box.cols-2,.pix_uj{margin-left:10px;} #top{display:none} .uj-box.cols-2,.uj-box.cols-2 .widget-content,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child,.uj-box,.pix_uj .box-content,.UJ-list li,.UJ-list li:first-child,.inde-uj li,.uj-box li:first-child .uj_thumb,#tabbed-widget{float:none;width:400px;} .uj-box.cols-2 .widget>h2{width:400px;} .pix_uj .box-content ul li:first-child{width:400px;float:none;} .pix_uj .box-content ul li:first-child .uj_thumb,.pix_uj .box-content ul li .uj_thumb{width:100%;float:left;} .pix_uj .box-content ul li{width:31%;float:left;} .uj-box.cols-2,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child{float:left;width:400px;margin-right:0} .scroler li .uj_thumb .overlay,.uj-box li:first-child .overlay{width:400px;height:160px} #sidebar {width:400px;float:left;} #PopularPosts2 ul{width:380px;float:left;} #adsentop,#righttop{display:none !important;} } /* Phone : 320px */ @media only screen and (max-width:479px){ #topcontrol,.today-date,#main-nav,.slider-caption p,#cats-tabs-box,a.random-article{display:none;} #wrapper{max-width:297px;width:100%!important} .social-networks{display:none;} #mobilenav{display:inline-block;border:1px solid #ccc;padding:2px 5px;} #navi.suball {background:#333;} .container,#main-content,#content, #uj-slider,.uj-box,.flexslider{margin:0 auto 20px auto;width:277px;} #footer-widget-area{margin:0 auto;width:277px;} .uj-box.cols-2,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child,.uj-box,.pix_uj .box-content,.UJ-list li,.UJ-list li:first-child,.inde-uj li,.uj-box li:first-child .uj_thumb{float:left;width:277px;} .pix_uj .box-content ul li:first-child{width:277px;float:left;} footer{padding:20px 0} #sidebar{padding:0 0 0 0;float:left;width:277px;border-left:0;} .fb-like-box{float:left;} #tabbed-widget,#sidebar .widget{float:left;width:277px;} #tabbed-widget .tabs-wrap li{width:90%;float:left;} #PopularPosts2 ul{width:250px;float:left;} #content .post-body img{max-width:250px;} #logo{max-width:150px;float:left;clear:both;} #logo img{width:150px;} #adsentop,#righttop{display:none !important;} #sidebar-top1 img{max-width:270px;} } @media only screen and (max-width:319px) { #wrapper{width:220px;} .head_brnews .breaking-news{display:none} #content {float:left;width:220px;} #sidebar{padding:0 0 0 0;float:left;width:220px;} }

Trong template c�c b?n t�m do?n: <div id='sidebar' style='width:100%;max-width:300px;float:right;'> V� thay b?ng do?n: <div id='sidebar'>

T�m t?i tru?c do?n <footer th�m do?n code sau v�o: <div class='clear'/>. V� d?:

<div class='clear'/>

<footer itemscope='' itemtype='http://schema.org/WPFooter'>

N?u n�t ti?n v� l�i ? ph?n h?p b�i vi?t Slider  kh�ng ho?t d?ng ? tr�nh duy?t Chrome th� c�c b?n l�m nhu sau:

Trong template c�c b?n t�m t?i do?n code:


#uj-slider{......... 
          .. cho t?i...
.uj_slider .flex-direction-nav .flex-prev{margin-right:41px}
 C�c b?n thay b?ng do?n code sau:

#uj-slider{position:relative;max-width:620px;width:100%} #uj-slider .widget h2,.tabs-wrap .widget h2{display:none} .uj_slider{margin-bottom:2px;position:relative;margin-bottom:30px;overflow:hidden;background-color:#fff} .uj_slider_wrap{position:relative;height:350px;overflow:hidden;margin-bottom:3px;padding:0} .uj_slider_item{max-width:620px;height:340px;overflow:hidden;width:100%} .uj_slider .slides img{width:100%;height:auto;} .uj_slider .slider_caption{position:absolute;padding:10px 15px;background:#cd2122;background:rgba(205,33,34,0.8);left:0;bottom:100px;color:#f5f5f5;margin-bottom:12px;z-index:99} .uj_slider .slider_caption:after{content:"";height:3px;width:100%;background:#cd2122;background:rgba(205,33,34,0.8);overflow:hidden;display:block;left:0;position:absolute;bottom:-4px} .uj_slider_wrap .uj_slider_item{display:none;position:relative} .flex-direction-nav {*height: 0;} .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .uj_slider .slider_caption h3{margin-bottom:0;font-size:20px} .uj_slider .slider_caption h3 a{font-family:'Oswald',serif;color:#fff} .uj_slider .slider_caption h3 a:hover{color:#000} .uj_slider p.caption{position:absolute;background:#000;background:rgba(0,0,0,0.7);padding:7px 14px;bottom:39px;width:385px;color:#fff;font-family:tahoma;font-size:13px;line-height:17px;z-index:99} .uj_slider p.caption .post-meta{display:none} .uj_slider .flex-direction-nav a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd-l5lIkWAVgjfCpysOENAW_ozZzXa5WogcJv90mViYwA6hsO2NO5wuaxWTXsd-QqZ2J2gqYzR4o_JkSe8MctaLluB59msYaJYlK5mVwq-Iv8laXZ_iFKYFWshdRjiSVFhfd9qsgD18R8/s1600/bg_direction_navs.png) no-repeat;font-size:0;width:40px;height:40px;display:block; position:absolute;bottom:5px;cursor: pointer;right:5px;z-index:99} .uj_slider .flex-direction-nav .flex-next {background-position:100% 0;z-index:99} .uj_slider .flex-direction-nav .flex-prev {margin-right:41px;z-index:99} 

Hi?n m�nh c� 2 b?n, 1 b?n l� nguy�n th?y c?a Uong Jowo c�n m?t b?n m�nh d� ch?nh s?a th�m th?t r?i n�n n?u c�c b?n ng?i s?a th� c� th? d�ng b?n c?a m�nh. B?n c?a m�nh th� ch? th�m do?n code thay m�u cho link th�i. N?u c�c b?n kh�ng th�ch c� th? x�a n� di. Trong file templates c?a Rinblog l� rin.txt t�m do?n:

a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:underline;}   /* mouse over link */
a:hover {color:#000000;}   /* mouse over link */
a:active {text-decoration:underline;}  /* selected link */
Ch?nh s?a hay x�a d?u du?c.

Ch�c c�c b?n th�nh c�ng.

smartnews blogger template


smartnews Responsive Magazine Blogger Template Features :

* 100% Responsive Design
* CSS3 + HTML Dropdown Menu
* Responsive Ad Widget (Google Adsense Support)
* Responsive Mega Menu
* Optimize SEO
* Auto detect flickr and other Images open for Lightbox
* YouTube Video Support (Any post style)
*faceook like box with shortcode
* Recent Post By Label
* slider recent post by label
* scrolling post
* Author Info Widget
* High Quality Image Optimize Without Crop
* Cool Related Posts Widget
* JqueryOverlay effect support with touch devices
* Well Documentation
* Threaded Comments
More� 

 download blogger template

fils attached :  

. smartnews reponsive blogger template (XML)  
. Theme Documentation (click index to see documentation)

enjoy !!!








sahifa is a Clean  blogger templates converted from the famous wordpress theme sahifa  the Best selling blog and magzin templates in themeforest with the same Tools on the  wordpress Version.

 

download sahifa blogger templates



Instruction

top Menu 

To Customise the top menu you have look for this code  : 
<!-- the top menu -->


Second Menu
how to  instal sahifa blogger templates

To Customise the Second menu you have look for this code  : 
<!-- second menu  -->

Slide

how to  instal sahifa blogger templates

To Customise the slide you have look for this code  : 
<!-- slide here -->
<script type='text/javascript'>
var numposts2 = 6;     /* Number of the post */    
var label2 = &quot;productivity&quot;    /*change the label with yours  only word 
</script>


Recent Post

how to  instal sahifa blogger templates

you have just look for the code :
<!-- this is box of popular post -->

<section class='cat-box recent-box'>
<div class='cat-box-title'>
<h2>Recent Posts</h2>  the title of the box
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<script type='text/javascript'>
  var numposts3 = 3 /*Num of last posts change it as you want */;
</script> 
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs3\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script> 
<div class='clear'/>
</div> 
</section>


Boxes 
how to  instal sahifa blogger templates
you have to find the code bellow : 



<!-- this is box N&#176;2 -->

<section class='cat-box column2 '>
<div class='cat-box-title'>
  <h2><a href='#'>communication</a></h2> 
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
var numposts4 = 4;  /*Number of post shown*/
var label3 = &quot;communication&quot;;/*label that post shown  change it as you want 
</script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label3+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs4\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
</div> 
</section>   




<!-- this is box N&#176;3 -->

<section class='cat-box column2 last-column'>
<div class='cat-box-title'>
<h2><a href='#'>motivation</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
var numposts4 = 4;/*number of post*/
var label3 = &quot;motivation&quot;/*label that post shown   change it as you want */
</script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label3+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs4\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
</div> 
</section>  


Vertical Boxe :


how to  instal sahifa blogger templates

you hane to find the code and change it : 

<!-- this is box N&#176;4 -->

<section class='cat-box wide-box'>
<div class='cat-box-title'>
<h2><a href='#'>communication</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
      var numposts7 = 5;/*number of post */
      var label6 = &quot;communication&quot;/*label that post shown   change it as you want  only the word  &quot;communication&quot;*/
</script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label6+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs7\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<div class='clear'/>
</div> 
</section>


<!-- this is box N&#176;5 -->

<section class='cat-box wide-box'>
<div class='cat-box-title'>
<h2><a href='#'>communication</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
      var numposts7 = 5;/*Number of post */
      var label6 = &quot;communication&quot;/*label that post shown   change it as you 
</script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label6+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs7\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<div class='clear'/>
</div> 
</section>

Images boxes : 


<!-- this is box N&#176;6 -->
<section class='cat-box pic-box clear'>
<div class='cat-box-title'>
<h2><a href=''>lifestyle</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
      var numposts6 = 17;/* number of post shown*/
      var label5 = &quot;lifestyle&quot;/*label that post shown   change it as you want  only the word  &quot;lifestyle&quot; */
                    </script>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label5+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs6\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<div class='clear'/>
</div> 
</section>
<!-- this is box N&#176;7 -->


<section class='cat-box pic-box clear'>
<div class='cat-box-title'>
<h2><a href='#'>motivation</a></h2>
<div class='stripe-line'/>
</div> 
<div class='cat-box-content'>
<ul>
<script type='text/javascript'>
      var numposts9 = 16;/* number of post shown*/
      var label8 = &quot;motivation&quot;;/*label that post shown   change it as you want  only the word  &quot;motivation&quot; */
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label8+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs10\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<div class='clear'/>
</div> 
</section>

Social widget : 
social media blogger add on

find this code and change it with you social media links : 
or if you want check our social blogger widget  to add more engage in your web site .
<aside id='sidebar'>

<div class='widget widget-counter'>
<ul>
<li class='rss-subscribers'>
<a href='http://feeds.feedburner.com/bloggersens' target='_blank'>
<strong/>
<span>0200</span>
<small>Subscribe</small>
</a>
</li>
<li class='twitter-followers'>
<a href='#' target='_blank'>
<strong/>
<span>3000</span>
<small>Followers</small>
</a>
</li>
<li class='facebook-fans'>
  <a href='http://www.facebook.com/bloggersens' target='_blank'>
<strong/>
<span>1000</span>
<small>fans</small>
</a>
</li>
<li class='youtube-subs'>
  <a href='http://www.youtube.com/bloggersens' target='_blank'>
<strong/>
<span>3080</span>
<small>subscribers</small>
</a>
</li>
<li class='vimeo-subs'>
<a href='http://www.vimeo.com/' target='_blank'>
<strong/>
<span>1290</span>
<small>subscribers</small>
</a>
</li>
<li class='dribbble-followers'>
<a href='http://www.dribbble.com/' target='_blank'>
<strong/>
<span>2000</span>
<small>subscribers</small>
</a>
</li>
</ul>
</div>

Author Name

{picture#YOUR_PROFILE_PICTURE_URL} Hello {facebook#http://facebook.com/hamza.shafiq.1231} {twitter#http://twitter.com/urdupctutorils} {google#http://google.com}

Contact Form

Name

Email *

Message *

Powered by Blogger.