Thursday, 4 September 2014
free template for you who like collecting videos from Youtube. This template Johny Crott series of templates, this time I created for the video content and the only version of Youtube. This template is different from my previous Youtube video template Johny Jazzytube, because here I just manipulate images from iframe youtube thumbnail on the homepage to be used, and still use this template ytimg.com but to put in the post is not in Edit HTML template. For more details see the image to make video post below:
- Go to Youtube and select your favorite videos.
- Then click share as step number 1, and then click embed wait until the code appears.
- Notice that I check the box number 3 above, here you just tick the option or options above (Show suggested videos when the video finishes) let the others blank.
- After that grab the Youtube iframe code as in number 4 above, paste it into the post in position Edit HTML not compose. For the length and width of the video up please choose yourself.
Video from Youtube already visible in the post if you preview, but will not appear in thumbnailnya Homepage. To display the thumbnail on the front page (homepage) you should add this code after iframe code from Youtube:<iframe width="640" height="360" src="http://www.youtube.com/embed/8Pjh0visgJI" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />
I bolded the code above is the code that you must add the following code Iframe Youtube. Note the code writing video series (red color), you fill it with red color code above series (8Pjh0visgJI). Series of Youtube video code is different for each video, so if you put the video do not forget to also replace the serial code should be the same as the code above. And post to video it will look like the image below:
Now to display the Video Category existing widget in this template. All you should do is open the widgets Video Category 1 and 2 and enter / type in the box labeled HTML / Javascript as shown below:
From the picture above is a jazz label that I show in the video category 1, you replace it with the desired label, as well as widgets Video Category 2.
To activate the reply in the comments box, go to the Edit HTML do not forget to tick the Expand Widgets Templates then locate the following code:
<a expr:href='"https://www.blogger.com/comment.g?blogID=1128587339572285487&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
This template also features related videos on every post and automatic slider that displays your latest posts. This template can be used also for the content common image gallery, and to only specific video from Youtube, but if you want to add Youtube video than have to create a new thumbnail first and then manually uploaded when making a post. So much for the tutorial describes how to install the template Johny Crottube this time. If people wish to ask please leave a message in the comments box below. Good luck and hopefully useful.
