VNews Metro Premium Blogger Template

Flatform Type : Blogger  
Template Name : VNews Metro Premium Blogger Template
Intructions : Tutorial Install Blogger Template

Author Name : Nguyen Tuan Dat
Design Url : blogger4t.com
Publisher : www.kaizentemplate.com

Description: VNews Pro Magazine is having so many features and designed to improve your blog search engine rank by using the techniques of search engine friendliness and on site SEO optimization. Beautiful Social bookmark buttons will surely attract all your visitors. Clean color combination makes Share VNews Pro Blogger Template more elegant.

Instructions Instalation Widget:

1.Super menu Metro style UI and Multi-level menus with Mutil Color
Search Templates following code and replace # with your domain Link

<!-- mblmetromenu -->
<div id='ttmetromenu'>
<div class='mblmetromenu'>
<div class='tile-bt-extralarge solid-violetred shadow-black margin-5 floatleft MblMetroMenu' data-navid='om-nav'>
<a class='gradient' href='#'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-KhHYT3YtR84ynb-JJdze8dTDIF3tr00n8TWy93d6_pBcKZyUgshUNrVgEa9kxmlz541iVFbGMvC1KOsOBnGLTbPa7BJEIvTmEykNAFS7gXgxspwgn74-R344gIsrubhvE-LV-WS0L60/s1600/home.png'/>
<span class='light-text'>Homepage</span>
</a>
</div>

<div class='tile-bt-large solid-coral shadow-red margin-5 floatleft MblMetroMenu' data-navid='om-nav'>
<a class='gradient' href='#'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdMOZvndyfAO310D8ULRmrmUKZgace_H1Q2KuBbYt2j_peeyAQ6-oazGwHe8P-4omsBDIJLEcBjMi42zyYONFTWCPqlNKFEAxvnKEQr8qVoj4Rjb_wd0s9FCQL4krz1dRBI9Wd0MRA5Gk/s1600/messanger.png'/>
<span class='light-text'>Xã Hội</span>
</a>
</div>
<div class='tile-bt solid-darkred shadow-red margin-5 floatleft MblMetroMenu' data-navid='om-nav2'>
<a class='gradient' href='#'>
<img alt='' src='http://icons.iconarchive.com/icons/3xhumed/mega-games-pack-40/128/Need-for-Speed-World-Online-10-icon.png'/>
<span class='light-text'>Thế giới</span>
</a>
</div>

<div class='tile-bt solid-darkblue shadow-blue margin-5 floatleft MblMetroMenu' data-navid='om-nav2'>
<a class='gradient' href='#'>
<img alt='' src='http://icons.iconarchive.com/icons/iconleak/or/128/auction-hammer-icon.png'/>
<span class='light-text'>Pháp luật</span>
</a>
</div>

 <div class='tile-bt-large solid-red shadow-red margin-5 floatleft MblMetroMenu' data-navid='om-nav'>
<a class='gradient' href='#'>
<img alt='' src='http://icons.iconarchive.com/icons/designbolts/vector-christmas/128/Christmas-Star-icon.png'/>
<span class='light-text'>Showbiz</span>
</a>
</div>
 

 
<div class='tile-bt solid-blue-2 shadow-black margin-5 floatleft MblMetroMenu' data-navid='om-nav2'>
<a class='gradient' href='#'>
<img alt='' src='http://icons.iconarchive.com/icons/iloveicons.ru/browser-girl/128/browser-girl-safari-icon.png'/>
 <span class='light-text'>Người đẹp</span>
</a>
 </div>
 
<div class='tile-bt solid-olive shadow-black margin-5 floatleft MblMetroMenu' data-navid='om-nav2'>
<a class='gradient' href='#'>
<img alt='' src='http://cdn3.iconfinder.com/data/icons/ballcons/png/classic.png'/>
<span class='light-text'>Thể thao</span>
</a>
</div>
 
<div class='tile-bt solid-black shadow-blue margin-5 floatleft MblMetroMenu' data-navid='om-nav2'>
<a class='gradient' href='#'>
<img alt='' src='http://cdn4.iconfinder.com/data/icons/colorful/128/red-29.png'/>
<span class='light-text'>Công nghệ</span>
</a>
</div>
 
<div class='tile-bt-large solid-blue shadow-blue margin-5 floatleft MblMetroMenu' data-navid='om-nav'>
<a class='gradient' href='#'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3R6n3pO21AMnGZdKJkw3YM8ifAe184s3G0PyTBWyVmF1_6P8rt2oCnSvtIDTt-I3i4tAa-pEFKJ8LUaMtm9XQYGWF5NRJP-6gRcQPeQC9vbLTa_-hXNVXvbOXpbaew450PrtKpmnCNWo/s1600/photo.png'/>
<span class='light-text'>Photos</span>
</a>
</div>
 
<div class='tile-bt solid-orange shadow-green margin-5 floatleft MblMetroMenu' data-navid='om-nav2'>
<a class='gradient' href='#'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKH8MeZS_G8D_B0YgFCD-QeyoKzg-6an4yQXQJ7h2K40xaElMZWC_EyOAYInVk2gP3HadqfNpBvP-MxjPlAGyaTKLK-o8DlGoB1hnxUy8-ONHJMtq4VTJzFEU3RuSoI4Z1CmetSWuLQVY/s1600/youtbe.png'/>
<span class='light-text'>Video</span>
</a>
 </div>
 
<div class='tile-bt-large solid-purple shadow-blue margin-5 floatleft MblMetroMenu' data-navid='om-nav'>
<a class='gradient' href='#'>
<img alt='' src='http://icons.iconarchive.com/icons/aha-soft/dating/128/sex-icon.png'/>
<span class='light-text'>Giới tính</span>
</a>
</div>
        <!-- End MblMetroMenu -->
  </div>
<!-- END mblmetromenu -->

2. Level menu.
Find the following code and replace it with your Domain

<ul>
<li class='selected'><a href='http://www.tintuc.tv/'>Home</a></li>
<li><a href='http://www.tintuc.tv/search/label/Xã hội' rel='ddsubmenu1'>Xã Hội</a></li>
<li><a href='http://www.tintuc.tv/search/label/Thế giới' rel='ddsubmenu2'>Thế Giới</a> </li>
<li><a href='http://www.tintuc.tv/search/label/Pháp luật' rel='ddsubmenu3'>Pháp luật</a></li>
<li><a href='http://www.tintuc.tv/search/label/Showbiz'>ShowBiz</a></li>
<li><a href='http://www.tintuc.tv/search/label/The thao' rel='ddsubmenu4'>Thể Thao</a></li>
<li><a href='http://www.tintuc.tv/search/label/Công nghệ'>Công Nghệ</a></li>
<li><a href='http://www.tintuc.tv/search/label/Tình yêu Giới tính'>Giới Tính</a></li>
<li><a href='http://www.tintuc.tv/search/label/Chuyện lạ'>Chuyện Lạ</a></li>
<li><a href='http://www.tintuc.tv/search/label/Funny'>Funny</a></li>
<li><a href='http://www.tintuc.tv/search/label/VIDEO'>Video</a></li>
</ul>

3. Featured Posts Widget with Auto Slideshow CoinSlider
find and replace it with the following code where you want to display the Label

showRandomImg = true;
aBold = true;
summaryPost = 140;
summaryTitle = 25;
numposts1 = 15;
label1 = "Xã hội";

4. Featured Posts Widget Metro style using CSS and jQuery
Find the following code

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.tintuc.tv/",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
});
//]]>
</script>

5. Social Profile Widget Metro style UI
Find the following code and replace it with FB ID, Twitter ID, G+ 1 ID and your Feedburner ID

<li><a class='fb' href='http://www.facebook.com/'/></li>
<li><a class='tw' href='http://twitter.com/'/></li>
<li><a class='gp' href='https://plus.google.com/'/></li>
<li><a class='fd' href='http://feeds.feedburner.com/'/></li>

6 - Email Subscription Widget at the bottom of the article
Find and replace the following code into your Feedburner ID

<div id='emailsub'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tintuc24honlinetv&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><h4>Nhận Tin Qua Email</h4><div class='counter'><b>Cùng tham gia với hơn 1500 người đã đăng ký</b> nhận tin qua Email với các <b>Tin mới nhất,Nóng nhất trong ngày cập nhật liên tục 24h trên Tintuc.tv từ các Báo Mạng uy tín của Việt Nam! </b> </div><input class='sl_in_mail' name='email' placeholder='Nhập Email' type='email'/><input name='uri' type='hidden' value='tintuc24honlinetv'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='ĐĂNG KÝ'/><p/><p/><p><small>Khi đăng ký nhận tin,Bạn sẽ nhận được Email từ chúng tôi.Đăng nhập email để hoàn tất quá trình đăng ký.</small></p></form></div>

DemoDownload

ScreenShoot: