In SimplexBlognews ,Simplex Enews templates and many other templates ,there's a widget for embedding video . You can insert one video from video service to this sidebar by inserting the embed code right into widget content .
But we want a slideshow for video in this widget ,is it possible ?
Yes,it's possible . We can make a small slideshow for video in this widget .
Download Loopedslider js
Want a demo ? Please see in Demo of SimplexEnews template ,I added a slideshow for video in the right sidebar.
1,Go to Dashboard ->Design - >Edit HTML
2,Upload Looped slider script in your host or host them in blogger .
3,Add script of Jquery framework right after </head>
4,Add the script to activate loopedslider in the end of template ,right before </body>
5,Add the CSS code right before ]]></b:skin>
You can add or remove CSS code to make the slide display as you want .
6,Save changes .
7,Go to Page Elements ,Click on edit link sidebar widget which you want to add video slideshow ,or create a new HTML/Javascript widget .
Paste the HTML markup as structure bellow :
Save changes .
10,Back to blog and see the result .
That's all for video slideshow in sidebar . I hope it helpful to you . Free to leave comment here
But we want a slideshow for video in this widget ,is it possible ?
Yes,it's possible . We can make a small slideshow for video in this widget .
Download Loopedslider js
Want a demo ? Please see in Demo of SimplexEnews template ,I added a slideshow for video in the right sidebar.
How to do ?
Do backup before make anychanges1,Go to Dashboard ->Design - >Edit HTML
2,Upload Looped slider script in your host or host them in blogger .
3,Add script of Jquery framework right after </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
After this line ,add script of looped slider .
<script src="your_host............./loopedslider.js" type="text/javascript"></script>
4,Add the script to activate loopedslider in the end of template ,right before </body>
<script>
$('.slides1').cycle({
fx: 'fade',
speed: 'slow',
timeout: 3000,
pager: '.pagination'
});
</script>
$('.slides1').cycle({
fx: 'fade',
speed: 'slow',
timeout: 3000,
pager: '.pagination'
});
</script>
5,Add the CSS code right before ]]></b:skin>
.slides1 { position:absolute; top:0; left:0; }
.slides1 div { position:absolute; top:0; width:500px; display:none; }
You can add or remove CSS code to make the slide display as you want .
6,Save changes .
7,Go to Page Elements ,Click on edit link sidebar widget which you want to add video slideshow ,or create a new HTML/Javascript widget .
Paste the HTML markup as structure bellow :
<ul class="slides1">
<li>
.............video embed code .............
</li>
<li>
................video embed code ..................
</li>
<li>
..................video embed code .............
</li>
</ul>
<ul class="pagination">
</ul>
<li>
.............video embed code .............
</li>
<li>
................video embed code ..................
</li>
<li>
..................video embed code .............
</li>
</ul>
<ul class="pagination">
</ul>
Save changes .
10,Back to blog and see the result .
That's all for video slideshow in sidebar . I hope it helpful to you . Free to leave comment here
Have you redesign your web/blog in this holiday season ? In this post ,I will show you some icon packs that good for Xmas . These collections are collected from various sources . Hope them helpful to you .
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
11,
12,
13,
14,
15,
16,
17,
18,
19,
20,
21,
22,
23,
24,
25,
26,
27,
28,
1,
Free Christmas Icons
2,
Christmas Icon Sets
3,
Christmas icons
4,
Snowmen Icons
5,
Winter Holiday Icons
6,
Xmas Icons
7,
Comment
8,
Christmas Mini Pack
9,
Christmas Icons
10,
Christmas Social Icons
11,
Holiday Seasonal Icons
12,
White Animals Icons
13,
Social Nomnomnom
14,
Harry Potter And The Bitten Apple
15,
Snowmen Icons
16,
Pool
17,
Christmas icons
18,
Articles
19,
Christmas Icons 2
20,
Lontar Eve
21,
Christmas icons
22,
Christmas Icons 2007
23,
Christmas icon
24,
Christmas Icons
25,
My Christmas
26,
Blogger Xmas Logo Icons
27,
Xmas pack
28,
Icon
Many many of you complaint my host 110mb.com not working . Yes ,it's not a stable and reliable free hosting . So in this post ,I will tell you solution to fix this problem . The idea is very simple , we can host scripts in blogger itself .
This solution will make your template hard to read ,not good for SEO (as SEO expert said) because we included all scripts in template file . But hosting scripts in blogger will increase the loading speed ,and it work 100% ,don't need to worry about downtime .
1,If you are using a template from SimplexDesign ,open template in a word editor such as notepad ,wordpad ,notepad ++ ...
2,Make a search for this term <script ,it will show you all the place where scripts are embedded to your template .
Take a closer look ,if the script is hosted in another host , you will see something like this :
<script src='http://hosting....../xxxx.js' type='text/javascript'/>
The src attribute in <script statement above indicate the URL of javascript file .
Copy this URL http://hosting....../xxxx.js and paste it in browser window
It will show you the content of js file as picture above ,or a dialog which asking for download js file .
If you download the js file ,open it in a word editor
3,Insert the script in js file into blogger template by using this structure :
<script type='text/javascript'>
//<![CDATA[
insert content of js file here
............
//]]>
</script>
After inserting the script to blogger directly ,delete the line
<script src='http://hosting....../xxxx.js' type='text/javascript'/>
that we found in step 2 .
Do this for the rest .
4,Save template and upload it to blogger .
That's all .
I hope with this tip ,we can forget the problem with free javascript hosting . Yes,if you have a hosting ,you can host js file in your host ,it better for SEO .
This solution will make your template hard to read ,not good for SEO (as SEO expert said) because we included all scripts in template file . But hosting scripts in blogger will increase the loading speed ,and it work 100% ,don't need to worry about downtime .
How to do ?
1,If you are using a template from SimplexDesign ,open template in a word editor such as notepad ,wordpad ,notepad ++ ...
2,Make a search for this term <script ,it will show you all the place where scripts are embedded to your template .
Take a closer look ,if the script is hosted in another host , you will see something like this :
<script src='http://hosting....../xxxx.js' type='text/javascript'/>
The src attribute in <script statement above indicate the URL of javascript file .
Copy this URL http://hosting....../xxxx.js and paste it in browser window
It will show you the content of js file as picture above ,or a dialog which asking for download js file .
If you download the js file ,open it in a word editor
3,Insert the script in js file into blogger template by using this structure :
<script type='text/javascript'>
//<![CDATA[
insert content of js file here
............
//]]>
</script>
After inserting the script to blogger directly ,delete the line
<script src='http://hosting....../xxxx.js' type='text/javascript'/>
that we found in step 2 .
Do this for the rest .
4,Save template and upload it to blogger .
That's all .
I hope with this tip ,we can forget the problem with free javascript hosting . Yes,if you have a hosting ,you can host js file in your host ,it better for SEO .
After two year working ,I decided to add a new domain for SimplexDesign blog ,that will make it more professional and easy for the development in the future . The new domain is :
http://thesimplexdesign.com
I think it easy to remember and not so far from the domain we all known http://simplexdesign.blogspot.com .
You may ask me what happen to .blogspot.com domain ? Oh ,yes ,it still alive and you can still access SimplexDesign blog with this domain . All post links ,backlinks to this domain are remained ,not broken . So if you have a link back to SimplexDesign ,don't worry about it .
A new thing is the contact email . From now,lease send / forward all emails (request templates ,questions ,comments ,suggestions ....) to this email :
Admin@thesimplexdesign.com
This email is very easy to remember and separated from my personal email : contact.dinhquanghuy@gmail.com , so your emails will not be flooded in other emails of mine ,and I can answer you faster .
Facebook for SimplexDesign ,oh ,I want to repeat this facebook again :
http://www.facebook.com/simplexdesignblog
In case you want to receive update via Twitter ,please follow :
http://twitter.com/dinhquanghuy
That's all new today :D thanks for support me all the time ,and hope you keep supporting me in the future .
