Tthis emplate people really like the traditional market selling all kinds of trading every morning at the roadside. Actually, this template just meet friends blogger templates that apply to my sister blog for free too divided, initially wanted me to live just like my sister blog . But who has a blog mencak-mencak, I had to be modified further so that the appearance is slightly different. And this template also meet some blogger who requested the list for the latest job postings rather than just the title alone, but also dikasih thumbnail and summary .
As in the general magazine blogger template, this template includes heavy loading. I let you know first before others will not ask again in the comments box. Thanks to the magazine template, so certainly there are many features that are installed, will automatically add the burden of loading. Okay, go on widget installation tutorial available at this template layout structure before the note is in this template (I deliberately use the old blogger interface layout for the new blogger interface so there scrollnya not get to below):
Image Slider (Sidebar top center)
to show the slider, enter the layout and click edit the box HTML / Javascript that I give the name of theimage slider as in the picture 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 writing color blue above, it is a label that I put on the slider. Please you instead wish. And the color red is evidence in the form of speed slider slider, the effect mouseover etc., should not be included.
Video Category
You just enter or type the name of the label on the widget Video Category as the picture below:
Jazz is my category or label widget to display on the video category, please feel free to edit the label of your choice. Well, now how to make posting videos (specifically from Youtube ) to display the thumbnail on the widget. Same way as in the article I Johny Crottube , I will repeat here:
- Login to Youtube and select your favorite videos.
- Then click on the share as top ranking first step, then click the embed code waiting to emerge.
- Note that I check in the box top ranking 3 above, here you just check the option or options most of which ( Suggested Videos Show When the video is held ) leave the other empty.
- Then take iframe code Youtube as the top ranking 4 above, paste into a posting on the position ofthe Edit HTML not compose . To measure the length and width of the video up please you select.
- Video from Youtube are seen in the posting if you preview, but the thumbnail will not appear on the Homepage. To display the thumbnail on the front page (homepage) you should add this code after the code iframe 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/ video series code/ 0.jpg "/>
- I bolded code above is code that you must add after code Iframe Youtube. Note that writing code video series (red color), you fill it with red tint code on it ( 8Pjh0visgJI ). Code from the Youtube video of this draw varies for each video, so if you insert a video do not forget to change the code should draw her with a code on it. And posting to the video will look like the picture below:
Note the code in the above picture with blue background. And for the video from Youtube you should not do manual thumbnail, by making the picture from the video first and then uploaded into the postings.
Here is a label widget label 3 s / d 15 (the same label 7 8 lost eat rats) do the same as the widget Video Category above, simply enter / type the label in the box HTML / Javascript like the picture below:
.jpg)
Lieu of jazz with the label you want to view, this applies to all widgets label on this template. If you use this template and find arrangements widgetnya mojok the footer to the left and follow the sign stick on labels that you enter is a little, try every label ( Label 3 s / d label 15) is filled with labels that already have a post or article at least 5.
For you who want to use this template I propose to keep all url script and javascript code available to the template in place of storage Google Code on your own, for which not know how to keep the Google Code . Besides being able to slightly speed up the loading process can also to anticipate the damaged script URL if at times Google Code I got banned, as was done yesterday.
Long before the article time , if there is a lack of clarity please leave your comments on the comments box below, safe to try and hopefully beneficial.
Some of you asked me for Ecommerce /shopping cart in Blogger platform . My result is template SimplexEshop .This is a test template and need more time to finish because every shop has its own options in shipping/tax rate/price/promotion ,and fill all needs with only Javascript is an impossible mission . But I want to show it here to get your feedback and hope I can make it better .
to install this please visit this page
Download facebook timeline templates
download this templates for free
Hey friend we have new templates for you ,this template is very cool and attractive see in images
Let us look Feature of this templates
Features:
Let us look Feature of this templates
Features:
- Slider automated carousel and featured slider
- Multi-level drop down menu.
- Automatic widget per category
- Pagination ready
- Ads twitter widget ready and
- And much more
How Install
Slider
Go to layout >> add gadgets enter this code in the box HTML / Javascript :
Description:
Go to layout >> add gadgets enter this code in the box HTML / Javascript :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write ("<script
<ul class="ui-tabs-nav">
<script>
document.write ("<script
Note the text color blue above, it is the label I put on a slider. You may change your preference. Widget Label
Note the layout template above, for the column here Your label, Label 1, Label 2, Label 3 to 6 Label you just enter the label on the box HTML / Javascript like the example image below:
For an example of the above picture, you replace it with 3 label widget title. entertainment please be replaced with your own label. Be aware of the small letters should be the same as the label that you created earlier. So here you just put a label instead of script code, such as sports, news, culture and others into the box HTML / Javascript, then sve see the results. Twitter Widget
Twitter widget for the template is slightly different from previous versions, but the same installation. To create a twitter widget code in the box below HTML / Javascript :Replace maskolis with your twitter username. box below feedburner posts Search below script code in HTML editing (do not forget to check expand widget templates ):
Description:
color blue : replace with your feed address.
color red : replace with your URL.
Change feed URL also http://feeds.feedburner.com/blogspot/htbgh with the URL of your feed. My advice, in using this template. Open the xml template, keep a copy to notepad and then open the Edit HTMLtemplate, then copy that is in notepad over there. After that save templates >> deleted the widget . The next step into the layout, clear all widgets except, Your labels here, labels 1 to 6 Labels should not be removed. after the preview template. This is done so that the default template code does not take long to make the arrangement of widgets later. New widgets and plug one by one. Once the template is modified normal just as they pleased. And keep in mind that this template uses a lot of javascript code, so if you want to include a new widget that is also using javascript, see first if there is similar code although the series is different. Use only one of them. Good luck and hopefully useful ......
Note the layout template above, for the column here Your label, Label 1, Label 2, Label 3 to 6 Label you just enter the label on the box HTML / Javascript like the example image below:
Twitter widget for the template is slightly different from previous versions, but the same installation. To create a twitter widget code in the box below HTML / Javascript :
<Div style = "background: # cc0000 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeXiP630uOxuunToN6Fl7oKkVK2YN3iGhAZkHmEa9ieX9UiZgGzAy_bwybjSdKOhphRhXT_5bU8Xn4S4ndqux0jyxlN_4J0FC0J6vyge6v3uRYxwXyO4C8P806tR8o1KT1QmMlcEI9EcY/s1600/twitter+me.png) no-repeat; padding-top: 46px; padding-left: 10px ">
<script src="http://widgets.twimg.com/j/2/widget.js"> </ script>
<script>
TWTR.Widget new ({
version: 2,
type: 'profile',
Draft: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '# aeaeae'
},
tweets: {
background: 'transparent' ,
color: '# aeaeae'
links: '# cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}). render (). setUser ('maskolis'). start ();
</ script>
</ div>
<script src="http://widgets.twimg.com/j/2/widget.js"> </ script>
<script>
TWTR.Widget new ({
version: 2,
type: 'profile',
Draft: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '# aeaeae'
},
tweets: {
background: 'transparent' ,
color: '# aeaeae'
links: '# cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}). render (). setUser ('maskolis'). start ();
</ script>
</ div>
<div class='subscribe'>
<p class='intro'> If you enjoyed this article just <a href = "http://feeds.feedburner.com/JohnyTemplate 'target =' _blank 'title =' feedburner '>
<b> click here </ b> </ a>, or subscribe to receive more great content just like it. </ p>
<p class='feed'> <a href = ' http://johnytemplate.blogspot. com / feeds / posts / default '> Subscribe via RSS Feed </ a> </ p>
<form action = 'http://feedburner.google.com/fb/a/mailverify' method = 'post' onsubmit = ' window.open ('http://feedburner.google.com/fb/a/mailverify?uri = JohnyTemplate ',' popupwindow ',' scrollbars = yes, width = 550, height = 520 '); return true 'target =' popupwindow '>
<input name = 'uri' type = 'hidden' value = ' JohnyTemplate '/>
<input name='loc' type='hidden' value='en_US'/>
<input id = 'botsub' name = 'email' onblur = "if (this.value ==" ") {this.value = 'Enter your email";}' onfocus = "if (this.value ==" Enter your email ') {this.value = "";}' type = 'text' value = 'Enter your email ....' />
<input id = 'botsubbutton' type = 'submit' value = 'Submit '/> <br/>
<small> Your information will not be shared. Ever. </ Small>
</ form>
</ div>
<p class='intro'> If you enjoyed this article just <a href = "http://feeds.feedburner.com/JohnyTemplate 'target =' _blank 'title =' feedburner '>
<b> click here </ b> </ a>, or subscribe to receive more great content just like it. </ p>
<p class='feed'> <a href = ' http://johnytemplate.blogspot. com / feeds / posts / default '> Subscribe via RSS Feed </ a> </ p>
<form action = 'http://feedburner.google.com/fb/a/mailverify' method = 'post' onsubmit = ' window.open ('http://feedburner.google.com/fb/a/mailverify?uri = JohnyTemplate ',' popupwindow ',' scrollbars = yes, width = 550, height = 520 '); return true 'target =' popupwindow '>
<input name = 'uri' type = 'hidden' value = ' JohnyTemplate '/>
<input name='loc' type='hidden' value='en_US'/>
<input id = 'botsub' name = 'email' onblur = "if (this.value ==" ") {this.value = 'Enter your email";}' onfocus = "if (this.value ==" Enter your email ') {this.value = "";}' type = 'text' value = 'Enter your email ....' />
<input id = 'botsubbutton' type = 'submit' value = 'Submit '/> <br/>
<small> Your information will not be shared. Ever. </ Small>
</ form>
</ div>
color blue : replace with your feed address.
color red : replace with your URL.
Change feed URL also http://feeds.feedburner.com/blogspot/htbgh with the URL of your feed. My advice, in using this template. Open the xml template, keep a copy to notepad and then open the Edit HTMLtemplate, then copy that is in notepad over there. After that save templates >> deleted the widget . The next step into the layout, clear all widgets except, Your labels here, labels 1 to 6 Labels should not be removed. after the preview template. This is done so that the default template code does not take long to make the arrangement of widgets later. New widgets and plug one by one. Once the template is modified normal just as they pleased. And keep in mind that this template uses a lot of javascript code, so if you want to include a new widget that is also using javascript, see first if there is similar code although the series is different. Use only one of them. Good luck and hopefully useful ......
Demo
- Latest Post
Located on the left, this feature automatically, meaning that if you make a new post then the article will appear automatically on the latest post. way as the setting for demo template as follows ( new blogger interface ):
On the dashboard select settings and then click the formatting and language then the timestamp format select only an hour, because the width of the timestamp on my latest post for setting the clock ( see demo ). To set the number of posts to be displayed is the setting, select the post and comment >> show at most select how many posts are shown in columns latest post. - Slider
to change the image on the slider, locate the following code:
numposts1 = 7 ; label1 = " health ";
Description:
Figure 7 is the number of the image displayed on the slider, you can replace it according to your taste. health is a label or category that is displayed on the slider, please change the label you want displayed on the slider (Remember the letter must be the same as the label you have created). - Label 1, label 2 and label 3
is located under the banner 468 x 69 and follow twitter. To display the widget enter the following code to the layout >> add the gadget select HTML / Javasxript :
Description:
<script type='text/javascript'> numposts var = 1; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; numchars var = 60; </ script> <script type = "text / javascript" type = "text / javascript"> function recentpostslist (json) { document.write ('<ul>'); for (var i = 0; i <json.feed.entry.length; i + +) { for (var j = 0; j <json.feed.entry [i]. link.length; j + +) { if (json.feed.entry [i]. link [j]. rel == 'alternate') { break; } } var entryUrl = "'" + json.feed.entry [i]. link [j]. href + "'" ;/ / bs = json.feed.entry entryTitle var [i]. title. $ t; var items = "< li> "+" <a href="+ entryUrl +'" target="_blank"> 'entryTitle + + "</ a> </ li>"; document.write (item); } document.write ('< / ul> '); } </ script><script href = " http://johnyportal2.blogspot.com / search / label / news "style =" float: right; font: normal 11px Arial; padding: 5px 0; "> More on this category» </ a >
The color blue : the labels or categories displayed in the widget. You can replace it with a label you adjust as needed.The color red : Replace URL with the URL of your blog. - Label 4 and label 5
Enter the code below:
<script type="text/javascript">
var numposts = 4; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 100;
</ script>
<script src = "/ feeds/posts/default/- / multi About ? orderby = updated & alt = json-in-script & callback = labelthumbs "type =" text / javascript ">
</ script>
<a href = " http://test-maskolis.blogspot.com / search / label / all-About "style =" float: right; font: normal 10px Arial; padding: 5px 0; "> More on this category </ a>The color red : the labels or categories displayed in the widget. You can replace it with a label you adjust as needed.The color blue : Replace URL with the URL of your blog. - Tab view menu
Located on the upper right sidebar, you just want to make 4 widget will be automatically installed tabber sidebar, I recommend to be given the title of the widget. - Twitter Widget
To create a twitter widget like the demo enter the code in the box below HTML / Javascript :Replace maskolis with your twitter username.
<Div style = "background: # fff url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggzUAKmOoHO8VhgTu33ZFaZwpd-nCoP-zE9Tvu2s2deWetsEmx2s052pO5s_PEPeI5oFgmsgFxm5kuxzo5NNUQ76xPng8Wulsu__3RPRKJLUliqQOFFPMTfcLkHXlxnTqGLeeZ_fxTS_cc/s1600/tweet.png) no-repeat; padding-top: 45px; padding- left: 8px ">
<script src="http://widgets.twimg.com/j/2/widget.js"> </ script>
<script>
TWTR.Widget new ({
version: 2,
type: 'profile '
Draft: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '# 000000'
},
tweets: {
background: 'transparent',
color: ' # 000000 ',
links: '# 135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}). render (). setUser (' maskolis '). start ();
</ script>
</ div> - To replace existing ads or adsense under post in addition to related articles on the Edit HTML(check expand widget templates) Find the following code:Change the color code blue on the script code of your ads.
<div id="banner-ads">
<script type='text/javascript'> <! -google_ad_client = "ca-pub-9608487840337104";google_ad_host = "pub-1556223355139109";/ * Johny side * /google_ad_slot = "1127342458";google_ad_width = 300;google_ad_height = 250;/ / -></ Script><script type='text/javascript'> src='http://pagead2.googlesyndication.com/pagead/show_ads.js'</ Script>
Pc Wallpaper Blogger templates
platform=Blogger/Blogspot
See In Download
Header Image
To put the header image in your blog, , upload the image using the Layout > Page Elements > Header Edit tab. If you want to use your own image for the header, the image width has to be 960 pixels (with any height).
platform=Blogger/Blogspot
See In Download
Header Image
To put the header image in your blog, , upload the image using the Layout > Page Elements > Header Edit tab. If you want to use your own image for the header, the image width has to be 960 pixels (with any height).
