*Template : GameNow *




special feature :

_ Professional Slider Feature
_ 2 Main Column , Professional Footer
_ Dropdown Menu
_ Fast loading







Now i would like to show you the tutorials to install and customize Gamenow Template
How 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/AVvXsEgj9tbRd7-lBQIL-IbMX5xK4y7zOT4fpMk6xgvz39ATFkM-YO3mIh_X8SIGF717VTlAd-pR7t9e7FTtzfRNfVoW8A74mrqJd8vkZ29pvUhuxC4_MVdVhJh3cEnpX2SktZTwz2MKOj32_tCY/" class="active" /></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGP2OHFDR4DJD3a3tPk73JeDkC039r7eybtcglVcOBDc_4x9Is_MmpkOgBRESZcC3YIQ3oCkmhOvLpe7x0BMmcUw7xuhETrYbET0xq5zwZ2QCKawAgN2WhObJMW1wOMySG0Ln1elpBPuD/"/></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisMivqfHzqcjiZfUf4_nLFFuHs4BFh3oicVkhGdgbPGNljpX98ds-9IEzW4dhyphenhyphenE15H1RVgr_VbV1kmZ9b3WCP6kszsgOd1cF-ea1NjzNoj9SCfQu44h6YLmwkU7TWjfeQN2-0AVmDIpQF1/" /></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8s5nYzm8V5-4KMOI-6w_F-baLN_Bhk-cV8VaSrhYKqGLp-79qPJezsnt3iB77-ZT1RGbMnDLjEeH5EBn5qtXOW-uDJwvS-ldWpP0i4ueIr4koYRr3tK6D60G2m6pD92mLKtX1bfTYYhZ9/" /></a><br />
</div>

<div class="fwrap">
<ul>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj9tbRd7-lBQIL-IbMX5xK4y7zOT4fpMk6xgvz39ATFkM-YO3mIh_X8SIGF717VTlAd-pR7t9e7FTtzfRNfVoW8A74mrqJd8vkZ29pvUhuxC4_MVdVhJh3cEnpX2SktZTwz2MKOj32_tCY/" 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/AVvXsEgaGP2OHFDR4DJD3a3tPk73JeDkC039r7eybtcglVcOBDc_4x9Is_MmpkOgBRESZcC3YIQ3oCkmhOvLpe7x0BMmcUw7xuhETrYbET0xq5zwZ2QCKawAgN2WhObJMW1wOMySG0Ln1elpBPuD/" 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/AVvXsEisMivqfHzqcjiZfUf4_nLFFuHs4BFh3oicVkhGdgbPGNljpX98ds-9IEzW4dhyphenhyphenE15H1RVgr_VbV1kmZ9b3WCP6kszsgOd1cF-ea1NjzNoj9SCfQu44h6YLmwkU7TWjfeQN2-0AVmDIpQF1/" 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/AVvXsEh8s5nYzm8V5-4KMOI-6w_F-baLN_Bhk-cV8VaSrhYKqGLp-79qPJezsnt3iB77-ZT1RGbMnDLjEeH5EBn5qtXOW-uDJwvS-ldWpP0i4ueIr4koYRr3tK6D60G2m6pD92mLKtX1bfTYYhZ9/" 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
Step 4 : Installing " Lastest Reviews " Widget
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=2
http://abc.blogspot.com/feeds/posts/default/-/Lastest Reviews?start-index=3
" # " : is the URL of your blog , " # " : is the label , " # " is the number of posts
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.
Reference >> wat remover windows 7

5. Installing " Dropdown Menu " Widget
Go to HTML of this template and find this code :
<ul class='submenu'>
<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.

Komentar

Postingan populer dari blog ini

Kelebihan dan kekurangan masing-masing teori tabel periodik

Cara peraktis download di situs ganool.com

Oh... Sahabatku