VIEW ALL GALLERY LIGHTS

Monday, January 10, 2011

Simplex Tube - renewed version

One of my templates SimplexTube has been re-newed . I made a new layout for this template ,a better slider and this template now support more Video hosting services (Youtube,Vimeo ,Metacafe ,DailyMotion,Liveleak ) .

Live Demo | Download

To install this template ,you can follow these steps :

1,Download template file .

2,To change the logo ,find this code :
<div class="logo rounded">
                     <a expr:href='data:blog.homepageURL'>
                         <img src="http://img691.imageshack.us/img691/8568/simplextube.jpg"/>
                     </a>
                 </div>
and change the url of logo (marked in bold) to your logo url .

3,To add your social networks ,find this code :
<ul id="menuSocial">
                     <li><a href="/feeds/posts/default/"><img width="16" height="16" alt="Subscribe to RSS" src="http://img441.imageshack.us/img441/3599/rssu.png"/>Subscribe</a></li>
                     <li><a href="http://twitter.com/dinhquanghuy"><img width="16" height="16" alt="" src="http://img88.imageshack.us/img88/7361/twittere.png"/>Follow us</a></li>   
                     <li><a href="http://facebook.com/simplexdesignblog"><img width="16" height="16" alt="" src="http://img232.imageshack.us/img232/2014/facebookxx.png"/>Become our fan</a></li>  
                 </ul>
and change the text in bold to your social network accounts .

4,To add the ads code into header ,find this code :
<div id="bannerHead">
                     <!--ads go here -->
                 </div>
and add your ad code to where I noted "ads go here"

5, This is the code of main menu navigation :
<ul id="nav">
                         <li><a href="http://simplextube.blogspot.com">Home</a></li>
                         <li><a href="http://simplextube.blogspot.com/search/label/video">Video</a></li>
                         <li><a href="http://simplextube.blogspot.com/search/label/performance">Performance</a></li>
                         <li><a href="http://simplextube.blogspot.com/search/label/guitar%20review">Guitar Reviews</a></li>
                         <li><a href="http://simplextube.blogspot.com/search/label/guitar%20tips">Guitar Tips</a></li>
                         <li><a href="http://simplextube.blogspot.com/search/label/history">History</a></li>
                     </ul>
find this code and replace links in bold to your categories

6,When finish editing template , you can upload file to Blogger .

7,In page Elements ,you can add or remove widgets as you want .

To use this template :


Like SimplexTube ,there are two display modes in this template : display as video post and display as a normal blog post .

To post in video display mode , your post need to follow this structure :

video-link-endofvid
[starttext]
text description goes here
[endtext]

then label your post with label "video" .

For example ,I want to create a video post with youtube video at this address : http://www.youtube.com/watch?v=e5wfYPXAjl8 ,here is what I do :

Go to Dashboard - > Posting ->New Post
and enter post content like this
http://www.youtube.com/watch?v=e5wfYPXAjl8endofvid
[starttext]
Textdescription .....blah blah blah ...
[endtext]
add the label 'video' in Labels field .
 Click Publish Post . Ok ,we finish posting a new video to blog . You can see this post in homepage.

-Link from Vimeo has structure http://www.vimeo.com/video-id ,for example http://vimeo.com/18539129 ,it's what you see in the address bar of browser .To post this video to blogger ,you will make a post like this :
http://vimeo.com/18539129

[starttext]
Textdescription .....blah blah blah ...
[endtext]


-Link from Liveleak has structure http://www.liveleak.com/view?i=video-id ,for example http://www.liveleak.com/view?i=b7a_1294580726 ,it's what you see in the address bar of browser .To post this video to blogger ,you will make a post like this :
 http://www.liveleak.com/view?i=b7a_1294580726

[starttext]
Textdescription .....blah blah blah ...
[endtext]


-Link from Metacafe has structure http://www.metacafe.com/watch/video-id/video-name/ ,for example http://www.metacafe.com/watch/5743958/tom_and_jerry_tales_volume_6_movie_trailer/ ,it's what you see in the address bar of browser .To post this video to blogger ,you will make a post like this :
http://www.metacafe.com/watch/5743958/tom_and_jerry_tales_volume_6_movie_trailer/
[starttext]
Textdescription .....blah blah blah ...
[endtext]


-Link from dailymotion has structure http://www.dailymotion.com/video/video-id_video-name-video-category ,for example http://www.dailymotion.com/video/xgfzpx_homeless-guy-with-an-amazing-voice-gets-discovered_news ,it's what you see in the address bar of browser .To post this video to blogger ,you will make a post like this :
 http://www.dailymotion.com/video/xgfzpx_homeless-guy-with-an-amazing-voice-gets-discovered_news

[starttext]
Textdescription .....blah blah blah ...
[endtext]

To post a normal article : go to Posting ->New Post and write your content as normal . But remember to add label 'blog' at Labels field . This label will mark the post a normal blog post and it will show your post in Blog Post style ( Not Video Post style ).

To show your post in slider at the top of homepage,add one more label 'feature' to the post .

That's all for this template .I hope you like it .
You can use this template for free ,but keep the credit please .

No comments:

Post a Comment