Thứ Sáu, 16 tháng 9, 2011

I would like to introduce you another premium blogger template for free at Blog Tips World which name is Game Now template. It was converted from wordpress template with many special feature :
_ Professional Slider Feature
_ 2 Main Column , Professional Footer
_ Dropdown Menu
_ Fast loading

Demo | Link Download

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/TnVygu5-FfI/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>


 



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 post









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.








Cheers !









Nguồn: logtipsworld.com

0 nhận xét:

Đăng nhận xét

- Hãy dùng tiếng Việt có dấu để mọi người dễ đọc hơn!
- Các bạn hãy Mã hóa Code trước khi chèn vào nhận xét
- Chèn link bằng thẻ: <a href="URL liên kết" rel="nofollow">Tên link</a>
- Tạo chữ <b>đậm</b> và <i>Ngiêng</i>
- Hướng dẫn gõ công thức Toán trên blog bằng MathType
Thank you