Description:
Top 10 Video Sharing Sites not to Miss.. I am back to my bloggger blog.. Post Title with excerpts slideshow widget.. How to display HTML code in a Blogger Post..
Contents:
Top 10 Video Sharing Sites not to Miss
You must have heard about You Tube and also enjoyed the watching videos either on the web or on the TV News Channels. Here I am compiling a list of some top rank video sharing sites that you should not miss out while browsing on the net.
I think that there is no need to write anything about YouTube as you all must be aware about it. Even if you are not i tell you that YouTube is the most popular video-sharing site these days on the web and its content virtually controlled by users of the site; users can upload their videos and will be available for other users to see them. Some of the top rank Video sharing sites are as:
YouTube YouTube is a popular free video sharing Web site which lets users upload, view, and share video clips. It is so popular that many people think that You Tube is the only video sharing site on web.Meta Cafe Get the best internet videos here on Mata cafe like Funny videos, Amazing clips, Rare movies.Vimeo Share your video clips. Upload video that you shoot with your digital camera, mobile phone, or camcorder. Share video by linking to Vimeo.Daily Motion Publish, tag, organize and share your video clips. Imeem Imeem is a social media service where users interact with each other by watching, posting, and sharing content of all media types, including blogs, photos, audio, and video. In one sense, imeem is a media-centric social network service, and in another sense, it is also a user participation service for online content.ClipShack ClipShack is a community for videophiles; a destination where people can post their video for general public viewing and comment, share clips with friends and family, post video to blogs.vSocial The fastest, easiest way to upload, watch and share your favorite video clips.Jumpcut The best place to create, remix and share movies and slideshows online. Jumpcut Makes Movies, Simple.Video Bomb Video Bomb filters up the hottest videos on the internet: people submit links to the 'Incoming!' page and you bomb the best ones. If a video gets a lot of bombs quickly, it moves it to the front.EyeSpot Shoot, Mix, and Share your Video. Use the eyespot Mixer to edit and combine your videos, music and photos online! Share your video and mixes with the world for Free. Revver Upload, share videos. Avidbeauty Avid Beauty is an entertainment community for iPod users.It offers iPod downloads which are available in playlists known as Podcasts.
I am back to my bloggger blog
It has been couple of months since i last posted on my blog. Although i was browsing my blog regularly but could not write a post. I was busy in attending a Training on SAP to update myself with the latest technology and also to advance in my career. Its a bit cold now but its a lovely whether to live in and enjoying ginger tea. What happened to my blog this is something that i want to share with my readers. Is it good or bad to give your blog a break. Here are some of the points i made during the period:
- Better visibility in google search results
- Number of visitors increased
- Got more comments even though i did not updated my blog
- Remarkable increase in adsense revenue
- Improvement in Google Page Rank
- Remarkable improvement in Alexa Page rank
Most of SEO companies do not suggest to give your blog a break in fact they suggest you to update your blog regularly. I do not agree with these suggestions as my blog performed better in search results when it was not updated for a couple of months. Conclusion Just write good quality matter on your blog and rest you better leave it on google to index your blog. Soon i will write a post so just wait for it.
Post Title with excerpts slideshow widget
I always wanted to have this kind of widget showing Post Titles with a short excerpts in my blog and now i have it in blog just below the header adding extra functionality to my blog/website.Now i want to describe some of the features of this widget:
1.It comes with Blog title,Post Titles,Date of Publish,Excerpt from the post(optional).
2.The time delay between each Post Title show is 5 seconds.
3.It also comes with a border which can be turned off as well.
4.We can halt the rotation by hovering with mouse cursor over the post title till mouse moves off the item.
5.You can also customize this widget according to your needs that best suits your blogger template blog.
Now the Important Part is how to integrate it in your blogger template blog.
Here is the step by step procedure:
Step One Log In to Blogger Account.
Step Two From the Dashboard Click Layout link.
Step Three Add a Gadget(HTML/JavaScript) just above the blog Posts as shown below:
 Step Four Copy the code below:
<style type="text/css">
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 20px;
border: 1px solid #BCCDF0;
}
.gfg-title {
font-size: 24px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
}
.gfg-title a {
color : #3366cc;
}
.gfg-subtitle {
font-size: 20px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 0px;
}
.gfg-subtitle a {
color : #3366cc;
display:none !important;
}
.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
display:none !important;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
margin-left : 5px;
margin-right : 5px;
}
.gfg-listentry-odd {
background-color : #F6F6F6;
}
.gfg-listentry-even {
}
.gfg-listentry-highlight {
background-image : url('garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}
/*
* FeedControl customizations.
*/
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 24px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin-bottom : 2px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
/*
* Easy way to get horizontal mode, applicable via js options to gadget.
*/
.gfg-horizontal-container {
position : relative;
}
.gfg-horizontal-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}
.gfg-horizontal-root .gfg-title {
font-weight : bold;
background-color: #FFFFFF;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #AAAAAA;
}
.gfg-horizontal-root .gfg-title a {
color : #444444;
text-decoration : none;
}
.gfg-horizontal-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}
/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}
.gfg-horizontal-root .gfg-list {
display : none;
}
/*
* FeedControl customizations.
*/
.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
display : none;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-title {
color: #0000cc;
margin-right : 3px;
float : left;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
float : left;
}
.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #AAAAAA;
}
.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}
.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}
.gfg-collapse-open {
background-image : url('arrow_open.gif');
}
.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}
.gfg-collapse-href {
float : left;
}
.clearFloat {
clear : both;
}
#feedGadget {
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 10px;
color: #9CADD0;
}
</style>
<noscript><a href="http://techieway.blogspot.com" target="_blank">Blogger Hacks</a></noscript>
<script src="http://www.google.com/jsapi/?key=internal-sample"
type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://MYBLOG.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: "BLOG_TITLE ~ Random Posts."});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<noscript><a href="http://techieway.blogspot.com" target="_blank">Blogger Hacks</a></noscript>
<div id="feedGadget">Loading...</div>
<div id="feedGadget"><a href="http://techieway.blogspot.com/2009/01/all-blogger-posts-slideshow-as-news.html" target="_blank">Click Here To Grab This Widget</a>~Design By-<a href="http://www.blogdoctor.me" target="_blank">Blogdoctor</a>.</div>
Step Five Make changes in code shown in red color as suggested below: Change " MYBLOG" to actual blog subdomain and " BLOG_TITLE" to actual title of your blog.Now Copy and paste the modified code in the HTML/Java Scipt gadget(Created in step three) and click save button on the gadget. Step Six View the Blog in the browser window and see if it is appearing correctly.Let's take a look at the screen shot of this widget.  Customizations: Width:Look for the following section of code and change the width suitable to your blogger template. #feedGadget {
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 590px;
font-size: 16px;
color: #9CADD0;
}
Border: If you do not want to show border then look for the following section of code and the border width to 0px.
.gfg-horizontal-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}
Font-Size:
You can also change the fonts of the widget.To change the font-size of Post titles look for the following section of Code and change font-size suited for your blog.
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 24px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin-bottom : 2px;
}I have described some important customizations generally needed for bloggers.You can explore a number of other customizations for your blogger blog.
How to display HTML code in a Blogger Post
Do you want to display some HTML Code in your post as it is. As some of the HTML symbols have some special meaning in HTML so it is very difficult for HTML/XML parser to differentiate between them and the actual programming HTML code.
The result is that HTML code does not appear in your blogger post. Therefore it needs to tell the browser not to parse the HTML code so that it will be displayed correctly. Web design practices also suggests that HTML Code should look different from rest of the content therefore it’s better if displayed in a separate box. The background and color settings of the box can set in the CSS code.
Step 1: Parse/Encode the HTML code using an online parser like centricle.com and save this code in a notepad file for further use.
Step 2:Copy the code below
.postCode{
background: none repeat scroll 0 0;
border:2px solid Silver;
height:'auto';
margin:10px;
overflow:auto;
padding:6px;
text-align:left;
}
and Paste this code above the following line of code.
]]></b:skin>
Step 3:Implementing the HTML code
Go to Posting>Create a new Post
Step 4: Click the Edit Html Tab(in Post editor)
<pre class='postCode'>
Paste your Encoded/Parsed HTML code here(created in Step 1)
</pre>
Step 5:Publish the post and see the post if HTML code is displayed in desired format or not.
Let's take a look at the screen shot as below:
How to Add a Language Translater Widget
Do you want to add a Language Translator widget to your Blog, offering your readers the functionality of converting the blog in any language.Both Microsoft and Google added widgets for translating your web page into another language. I have recently added a Google Language Translate Widget in my Blog. With this Google translation widget you can translate English to many other languages like Arabic , Bulgarian , Chinese , Croatian , Czech , danish , Dutch , Finnish , French , German , Greek , Hindi , Italian , Japanese , Korean ,Norwegian , Polish , Portuguese ,Romanian , Russian , Spanish and Swedish. Lets take a look at the widgets:
Here is the step by step procedure to add Google Translate widget:
Step 1:From dashboard Log In to your blogger account and go to Layout.On the right side bar Click the Add a Gadget tab and select HTML/Java Script from the widget type list.
 Step 2:Paste the following line of Code into the above created widget:
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/
ig/module/translatemypage.xml&up_source_language=en&w=160&h=60&title=&
border=amp;output=js"></script>
Step3:Save changes and Preview your blog to see the widget working or not.
Now let's have a look at the sample Page after the translation in Hindi:
Home
|
