demo: http://gamenow-theme.blogspot.com/
Download: http://www.box.com/shared/6qo3oc6x3g9upnhr0oyn
Now i would like to show you the tutorials to install and customize Gamenow Template
Step 1 : Installing Slider
Click on " Edit " of widget Slider and paste this code in :
<div class="feature">
<div class="fthumbs">
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcpyVC7a07eBqadj6jSWRQPn3fYs2V8KiMhtAgUirCFYVV0V4uWFXKFQfsIQDRz4DKnmyEPS9YWu87USLyvhoHA7mjmBpsGboRZAH15tf7FaUwxdUlHPZIkbO63FKZgZdvp_yQTpEoTItj/" class="active" /></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw3kq4C6dy6oEJjXRyHBccy8HP4WjMGmccUKDjlHzo9oBZgZ6ZNNuv3xZQ62ELeObz-10KAQvZ4iwpP6T6fjNxx6aqiN69btqeTa5vz5UmqNszZpFGHjA6rg9-COUJgtaskLRCmlIXNBOt/"/></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1liB7CltisnE2F2pvnR6sejiFXayQ-dxwvBMICo8FZnPRF7djVWSpB-BpiNqSUtRDQGnviO_g1gni-vugKU5aTRFSRWmRv2dwoOkjAvGTSq4TEateMHWmrGHxF9nTGdrvbvyd_vJyoDBs/" /></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju9jAidV0PDLawMs3Hs0xoQeJ7Tol45mGOZwSAPXmYaeIgNEJrm44ekayZGvPt-tg6jjrbPsoLbJS3foHt1uyLpTnvAOZZ6x30fgcxry3r9XbJ-cMIAbVSIeQcEb6kyAoWvttnIA8N_7Ak/" /></a><br />
</div>
<div class="fwrap">
<ul>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcpyVC7a07eBqadj6jSWRQPn3fYs2V8KiMhtAgUirCFYVV0V4uWFXKFQfsIQDRz4DKnmyEPS9YWu87USLyvhoHA7mjmBpsGboRZAH15tf7FaUwxdUlHPZIkbO63FKZgZdvp_yQTpEoTItj/" width="630" height="230" />
<div><a class="title" href="#">DC vs. Marvel Superhero Brawl</a><br />Morbi vestibulum, sapien id tincidunt blandit, purus magna facilisis ante, id placerat mi ...
<a href="#">more</a>
</div></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw3kq4C6dy6oEJjXRyHBccy8HP4WjMGmccUKDjlHzo9oBZgZ6ZNNuv3xZQ62ELeObz-10KAQvZ4iwpP6T6fjNxx6aqiN69btqeTa5vz5UmqNszZpFGHjA6rg9-COUJgtaskLRCmlIXNBOt/" width="630" height="230" />
<div><a class="title" href="#">Machinarium and Samorost: Puzzles Turned Art</a><br />Morbi at odio erat, vitae mattis augue. Cras nec tincidunt diam. Duis iaculis ligula fauci...
<a href="#">more</a></div></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1liB7CltisnE2F2pvnR6sejiFXayQ-dxwvBMICo8FZnPRF7djVWSpB-BpiNqSUtRDQGnviO_g1gni-vugKU5aTRFSRWmRv2dwoOkjAvGTSq4TEateMHWmrGHxF9nTGdrvbvyd_vJyoDBs/" width="630" height="230" />
<div><a class="title" href="#">Dissidia Final Fantasy character profiles: Cloud</a><br />Phasellus volutpat justo ut mi lobortis laoreet. Class aptent taciti sociosqu ad litora to...
<a href="#">more</a></div></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju9jAidV0PDLawMs3Hs0xoQeJ7Tol45mGOZwSAPXmYaeIgNEJrm44ekayZGvPt-tg6jjrbPsoLbJS3foHt1uyLpTnvAOZZ6x30fgcxry3r9XbJ-cMIAbVSIeQcEb6kyAoWvttnIA8N_7Ak/" width="630" height="230" />
<div><a class="title" href="#">Metal Gear Solid Touch now available for $2.99</a><br />Duis vitae turpis nec urna blandit volutpat. Ut quis metus in mi pellentesque ornare et qu...
<a href="#">more</a></div></a></li>
</ul></div></div>
"#" : is the link of the post , " # " : is the link of the image , " # " : is the title of post and the description of post
You can change the spot of the color to suit for your blog. If you don't want to use this slider , it is very easy to set up even don't need to touch on the code above , you just add more CSS code #slider { display:none; } to above:
Step 2 : Installing the " Popular Post "
Set it up follow the picture below :
Step 3 : Installing " Highlight " Widget
Set it up follow the picture below
You have to set up exactly the same the picture above , then click on " Add To List " and paste the code below :
http://abc.blogspot.com/feeds/posts/default/-/Lastest Reviews?start-index=1
http://abc.blogspot.com/feeds/posts/default/-/Lastest Reviews?start-index=2http://abc.blogspot.com/feeds/posts/default/-/Lastest Reviews?start-index=3
You change the URL and the Lable how to fix for your blog . If you want to update more posts in this widget , you just add more links corresponding to the ascending order.
5. Installing " Dropdown Menu " Widget
Go to HTML of this template and find this code :
<li><a href='#'>DS</a>
<ul class='children'>
<li><a href='#'>DS Features</a></li>
<li><a href='#'>DS News</a></li>
<li><a href='#'>DS Previews</a></li>
<li><a href='#'>DS Reviews</a></li>
</ul></li>
<li><a href='#'>iPhone/Mobile</a>
<ul class='children'>
<li><a href='#'>Mobile Features</a></li>
<li><a href='#'>Mobile News</a></li>
<li><a href='#'>Mobile Previews</a></li>
<li><a href='#'>Mobile Reviews</a></li>
</ul></li>
<li><a href='#'>PC Gaming</a>
<ul class='children'>
<li><a href='#'>PC News</a></li>
<li><a href='#'>PC Previews</a></li>
<li><a href='#'>PC Reviews</a></li>
<li><a href='#'>PC Features</a></li>
</ul></li>
<li><a href='#'>PlayStation 3</a>
<ul class='children'>
<li><a href='#'>PS3 Features</a></li>
<li><a href='#'>PS3 News</a></li>
<li><a href='#'>PS3 Previews</a></li>
<li><a href='#'>PS3 Reviews</a></li>
</ul></li>
<li><a href='#'>PlayStation Portable</a>
<ul class='children'>
<li><a href='#'>PSP Features</a></li>
<li><a href='#'>PSP News</a></li>
<li><a href='#'>PSP Previews</a></li>
<li><a href='#'>PSP Reviews</a></li>
</ul></li>
<li><a href='#'>Wii</a>
<ul class='children'>
<li><a href='#'>Wii Features</a></li>
<li><a href='#'>Wii Images</a></li>
<li><a href='#'>Wii News</a></li>
<li><a href='#'>Wii Previews</a></li>
<li><a href='#'>Wii Reviews</a></li>
</ul></li>
<li><a href='#'>Xbox 360</a>
<ul class='children'>
<li><a href='#'>360 Features</a></li>
<li><a href='#'>360 News</a></li>
<li><a href='#'>360 Previews</a></li>
<li><a href='#'>360 Reviews</a></li>
</ul></li>
</ul>
" # " : is the link and " # " is the title , you just change it by your way
After finishing all the tips, you can have for your own one premium template. Hope you can enjoy with this template.
Cheers !
