Johny Kenthir, Template Crowded As Traditional Markets, Video Template

This template really like crowded traditional market selling a variety of merchandise in the street every morning. This template is actually just meeting friends blogger requests that the template used on my sister blog also shared for free, initially wanted to direct my blog exactly like my brother. But that has enraged blog, I was forced to have to modify again so it looks a little different. And this template also meet the demand of some bloggers who asked that list for the latest post do not just the title alone, but also given the thumbnails and summary.

johny kenthir Johny Woods

As in the general magazine blogger template, this template includes heavy loading. I let you know beforehand that there will be no further questions in the comment box. His name is also a template magazine, so surely there are many features installed, will automatically add to the burden of loading. Okay, just the widget installation tutorial that is in the template, before the note layout structures that exist in this template (I deliberately use the old blogger interface layout because there scrollnya new blogger interface so I can get to the bottom):


Image Slider (Sidebar tengah atas)

To display the slider, go to layout and click on the edit box HTML / Javascript image slider my name as shown above. Enter the following code into it:
<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>

Description:

Note the blue writing above, it is a label that I put on the slider. Please change as you wish. And red is the color information in the form of the speed slider slider, mouseover effects, etc., should not be included. For more details you can read the tutorial here to make the slider.
Video Category

You just enter the name or type a label in widgets Video Category as shown below:

Jazz is a category or a label that I show in the video category widget, you simply replace it with the desired label. Well, now how to make a video post (specifically from Youtube) to display thumbnails in the widget. Same way as in my article Crottube Johny, I'll reinstall it again here:

  1. Go to Youtube and select your favorite videos.
  2. Then click share as step number 1, and then click embed wait until the code appears.
  3. 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.
  4. 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:




  1. The second note in the code above image with a blue background. And for that instead of the Youtube videos you should make thumbnailnya manually, by creating an image of the video first and then uploaded into the post.

Widget Label

Label label here widgets are 3 s / d 15 (label 7 at 8 missing eaten by rats) the same way as in the Video Category widget above, you can just enter / type the label on the HTML / Javascript as shown below:

Replace jazz with the label you want to display, this applies to all widget labels on this template. If you are using this template and find mojok widget settings to the left and follow protrudes above the footer that's the sign that you enter the label still little, try each label (Label 3 s / d label 15) filled with labels that already have a minimum of 5 post or article .For those of you who want to use this template I would suggest to keep all the urls script and javascript code templates that exist on Google Code repository on your own, for those who do not know how to save in Google Code please read the tutorial here. Besides can to speed up the loading process can be a little too in anticipation URL script broken if at any time I got banned Google Code as happened yesterday.So first article this time, if there are not clear please leave your comments in the comments box below, good luck and hopefully useful.



Posted by Dexcuit at 8:55:00 AM No comments :

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )