0% found this document useful (0 votes)
62 views

Tutorials To Install and Customize

The document provides instructions for customizing the Gamenow blog template in 5 steps: 1. Install and configure a slider widget with sample image and post code 2. Add a "Popular Post" widget by following an example screenshot 3. Add a "Highlight" widget similarly 4. Add a "Latest Reviews" widget using sample URLs and labels 5. Add a dropdown menu widget by copying sample HTML code and modifying links and titles Following these steps allows customizing the template to build an attractive gaming blog.

Uploaded by

Fixo Mochkél
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
62 views

Tutorials To Install and Customize

The document provides instructions for customizing the Gamenow blog template in 5 steps: 1. Install and configure a slider widget with sample image and post code 2. Add a "Popular Post" widget by following an example screenshot 3. Add a "Highlight" widget similarly 4. Add a "Latest Reviews" widget using sample URLs and labels 5. Add a dropdown menu widget by copying sample HTML code and modifying links and titles Following these steps allows customizing the template to build an attractive gaming blog.

Uploaded by

Fixo Mochkél
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 6

www.stylishTemplates.blogspot.

com
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://lh5.googleusercontent.com/CCUYI3P84nA/TnVygQAu4wI/AAAAAAAABU0/-ot_h9repDM/DGpOEe.jpg" class="active" /></a><br /> <a href="#"><img src="https://lh6.googleusercontent.com/Pr7RXKe35Ko/TnVyg0EZrkI/AAAAAAAABVA/LMMSDA2Q9J0/vfVFry.jpg"/></a><br /> <a href="#"><img src="https://lh6.googleusercontent.com/-1rdYqVVBos8/TnVygu5FfI/AAAAAAAABU4/n_GUTgcqdp0/SFivrf.jpg" /></a><br /> <a href="#"><img src="https://lh3.googleusercontent.com/cZHpp2WfvW0/TnVygjMn4AI/AAAAAAAABU8/ICv3Cwj22Xk/Uo7qVp.jpg" /></a><br /> </div> <div class="fwrap"> <ul> <li> <a href="#"><img src="https://lh5.googleusercontent.com/CCUYI3P84nA/TnVygQAu4wI/AAAAAAAABU0/-ot_h9repDM/DGpOEe.jpg" 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://lh6.googleusercontent.com/Pr7RXKe35Ko/TnVyg0EZrkI/AAAAAAAABVA/LMMSDA2Q9J0/vfVFry.jpg" 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://lh6.googleusercontent.com/1rdYqVVBos8/TnVygu5-FfI/AAAAAAAABU4/n_GUTgcqdp0/SFivrf.jpg" 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://lh3.googleusercontent.com/cZHpp2WfvW0/TnVygjMn4AI/AAAAAAAABU8/ICv3Cwj22Xk/Uo7qVp.jpg" 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. 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.

You might also like