Zona Minimum: Template

Tampilkan postingan dengan label Template. Tampilkan semua postingan

BlackZone Template Classic

Urusan modifikasi bloggersetiap saat gak akan ada habisnya, apalgi pembuatan template blog yang kian hari kian ada inspirasi untuk membuatnya. Pada template Ebook Gallery dan Magazine juga pernah di bagikan gratis untuk anda, semoga apa yang pernah Kang Fathur tuliskan bermanfaat bagi anda semua. Template ini banyak referensi yang bisa dibuat untuk menjadi template seperti yang Kang Fathur bagikan. Template sederhana dengan style classic yang bisa digunakan untuk urusan news, berita kumpulan artikel dan lain sebagainya, tergantung dari anda untuk dipakai.

LIVE | DOWNLOAD

Install BlackZone Template Classic

Semoga template ini gak mengurangi rasa anda terus berkunjung pada blog Berbagi Untuk Semua dalam dunia Portal Infomasi Online. Sampai jumpa lagi, bye.....!!!!

Source : Kang Fathur

ZonaMagz Template Berita Elegant

Seperti yang Kang Fathur bagikan sebelumnya, kali in gak kalah menarik dengan template-template magazine yang ada. Sebab banyak fitur yang ditampilkan dalam template yang saya beri nama ZonaMagz Template.

Mungkin template ini bisa bermanfaat dan menjadikan anda pengunjung setia blog Portal Informasi Online ini puas alias gak bosen. Template magazine ini dilengkapi dengan fitur, slider otomatis berdasarkan label yang diingikan, label image yang dapat menarik pengunjung,

LIVE | DOWNLOAD

Instalasi Widge

Slider Header

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script type='text/javascript'>
function rpthumbnt(json)
{
document.write('<ul class="rp_plus_img">');
for(var i=0;
i<numposts;
i++)
{
var entry=json.feed.entry[i];
var posttitle=entry.title.$t;
var posturl;
if(i==json.feed.entry.length)break;
for(var k=0;
k<entry.link.length;
k++)
{
if(entry.link[k].rel=='alternate')
{
posturl=entry.link[k].href;
break
}
}
var thumburl;
try
{
thumburl=entry.media$thumbnail.url
}
catch(error)
{
s=entry.content.$t;
a=s.indexOf("<img");
b=s.indexOf("src=\"",a);
c=s.indexOf("\"",b+5);
d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))
{
thumburl=d
}
else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7W9cFpNbM1XwAXEvjqjxwzbMritckBnp_YnElQQr6HTOegzo6Jj-FqNLQf5UBbM9qIIE6Re4aCYFJayEysXoljoRlw_YaHnzjH0L9yp2Ffj3YBQLMs6kXWCfrbH5Wfa31jpVzsgvx0R_q/d/noimagethumb.gif'
}
document.write('<li class="news-title clearfix">');
document.write('<a href="'+posturl+'" target="_blank"><img src="'+thumburl+'"/></a>');
document.write('<a href="'+posturl+'" target ="_top">'+posttitle+'</a><br>');
if("content"in entry)
{
var postcontent=entry.content.$t
}
else if("summary"in entry)
{
var postcontent=entry.summary.$t
}
else var postcontent="";
var re=/<\S[^>]*>/g;
postcontent=postcontent.replace(re,"");
if(postcontent.length<numchars)
{
document.write('<span class="news-text">');
document.write(postcontent);
document.write('</span>')
}
else
{
document.write('<span class="news-text">');
postcontent=postcontent.substring(0,numchars);
var quoteEnd=postcontent.lastIndexOf(" ");
postcontent=postcontent.substring(0,quoteEnd);
document.write(postcontent+'...');
document.write('</span>')
}
document.write('</li>')
}
document.write('</ul>')
}
function rpnewsticker()
{
last=$('ul#rp_plus_img li:last').hide().remove();
$('ul#rp_plus_img').prepend(last);
$('ul#rp_plus_img li:first').slideDown("slow")
}
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 10;
var numchars = 100;
</script> <script src="/feeds/posts/default/-/Technology?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script></ul>

Tambahkan kode diatas dan ganti Technology dengan label anda

Slider Post

numposts1 = 5;
label1 = "Social Media";

Pada edit HTML cari kode diatas dan ganti Social Media dengan label anda

Game News

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 70;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Game?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Tambahkan kode diatas dan ganti Game dengan label anda

Zona Design

<script language="JavaScript" src="http://feeds.feedburner.com/KangOnkDesign?
format=sigpro&nItems=12&format=openLinks=new
&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=25&dateLocation=below" type="text/javascript"></script>

Tambahkan kode diatas dan ganti KangOnkDesign dengan Feedburner anda

Entertainment News dan Sport News

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Entertainment?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script 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
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://zonamagz.blogspot.com/feeds/posts/summary/-/Entertainment?max-results=8&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://zonamagz.blogspot.com/search/label/ Entertainment" style="float:right;font:normal 10px Arial;padding:5px 0;">More Article »</a>

Tambahkan kode diatas dan ganti Entertainment dengan label anda

Feedburner Feature

Silkan kunjungi postingan disini untuk membuat gadget seperti wordpress

Ads Sidebar

<a href="http://kang-fathur.blogspot.com/"><img src="http://s3.buysellads.com/1261376/106032-1336544849.gif"/></a><br />
<a href="http://kang-onk.blogspot.com/"><img style="float:left; margin:5px 0px 0px 15px;" border="0" src="http://s3.buysellads.com/1253581/64466-1308069194.gif" /></a>
<a href="http://kang-onk.blogspot.com/"><img style="float:right; margin:5px 15px 0px 0px;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1m1sZmMVoxfo9mBeTBl6NouaRZMbdX9JBPXSgNr2v7Ibcvop0UWR_WtvDWhEHgy1KKHzB-8WQuIFxPd1hxp17L53VFhRYkpjD4zwyCyg1A40o3b12iBrmQajXF32yvwPatsM05422Gv7t/s1600/ad2.jpg" /></a>
<a href="http://kang-fathur.blogspot.com/"><img style="float:left; margin:10px 0px 5px 15px;" border="0" src="http://s3.buysellads.com/1260709/71777-1312827947.jpg" /></a>
<a href="http://kang-onk.blogspot.com/"><img style="float:right; margin:10px 15px 5px 0px;" border="0" src="http://www.jauhari.net/engine/wp-content/uploads/2011/02/125-here.png" /></a>
<a href="http://kang-fathur.blogspot.com/"><img style="float:left; margin:10px 0px 5px 15px;" border="0" src="http://www.jauhari.net/engine/wp-content/uploads/2011/02/125-here.png" /></a>
<a href="http://kang-onk.blogspot.com/"><img style="float:right; margin:10px 15px 5px 0px;" border="0" src="http://www.jauhari.net/engine/wp-content/uploads/2011/02/125-here.png" /></a>

Ganti URL dan IMGAE diatas sesuai dengan keinginan kamu.

Random Post Feature

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=8;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Tambahkan kode diatas pada gadget anda

Pesan PIO

Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah template, terima kasih

Source : Kang Fathur

Seperti yang Kang Fathur launcing tentang kumpulan ebooks pada artikel sebelumnya, pasti anda ingin memiliki template yang cukup simple untuk diterapkan dalam blog anda.

LIVE DEMO

Cara Install Template

Random Posts dan New Templates

<span style="float:left; padding-left:5px; padding-right:5px; padding-top:3px; font-weight:bold">Random Posts » </span>
<div style="float:left; padding-top:4px; width:430px; font-size:11px;">
<script type="text/javascript">
var cssfeed=new gfeedrssticker("example1", "example1class", 6000, "_new")
cssfeed.addFeed("Bamz", "http://kang-fathur.blogspot.com/feeds/posts/default/") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(20, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<span style="float:left; padding-right:5px; padding-top:3px; font-weight:bold">New Templates » </span>
<div style="float:left; padding-top:4px; width:200px; font-size:11px;">
<script type="text/javascript">
var cssfeed=new gfeedrssticker("example2", "example1class", 6000, "_new")
cssfeed.addFeed("Bamz", "http://ftemplates4u.blogspot.com/feeds/posts/default/") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(20, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style="float:right; padding-right:10px">
<a target="blank" rel="nofollow" class="addthis_button" href="http://www.addthis.com/bookmark.php">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnJ9cEnkyZiOHFfjksYqFv_7Oh5Ym5P28fvf_KhJQtyeQNkK6cdw1Idr435nH8DmtjFtdVhCR7fnBtn919C1hRhOx9IGQ_0Yq-PV4Jnc4REvjPJhabQkbx1um47ZKdD8c-J7QNpjhNYZ4/s400/favorites_add-c.png"
width="20" height="20" border="0" title="Bookmark and Share" alt="Share" /></a>
</div>

Anda hanya mengganti tulisan bercetak tebal dengan URL tujuan yang diinginkan.

Subscribe Ebooks

<div id="topsearch1">
<div id="feed-1">
<form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 0px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ebook4u', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input value="en_US" name="loc" type="hidden" /><input value="blogspot/ebook4u" name="uri" type="hidden" />
<input onblur="if (this.value == "") {this.value = "Enter your email address..";}" onfocus="if (this.value == "Enter your email address..") {this.value = ""}" id="feed-s" name="email" size="20" value="Enter your email address.." type="text" />
<input src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_jyJWKtCa8nPqXRgsqs89tgiOQ6ImgOY9VCvz4KfWfX4AGHvU5Qcn03QkbigAzFkjUAldaRONlnGRMUd-6A_kzMswauEk7O9unKc3zawYhpij_NYZBxZIcdRjsiW2442ebdklW11skI/s200/subscribe.png" style="border: 0pt none; vertical-align: top; padding-top: 7px; padding-right: 0px;" height="16" type="image" width="16" />
</form>
</div></div>
<div style="float: left; padding-top: 10px;"><a href="http://feeds.feedburner.com/blogspot/ebook4u"><img src="http://feeds.feedburner.com/~fc/blogspot/ebook4u?bg=99CCFF&fg=444444&anim=1&label=listeners" height="26" width="88" style="border:0" alt="" /></a>
</div>
<div style="float: right; padding-left: 0px; padding-top: 10px;" margin:0="" 2px="">
<a rel="nofollow" target="_blank" href="https://plus.google.com/u/0/105022216207655451385">
<img title="FRebooks4U on Google+" alt="google plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwN-3spgnA0gtelmELBFCHDGZZ1GCPkvi8QJxLqwxlfMbEYgdePmqekcZi1fE_t5DxYP7LnJgY0GfuJhyLQ8N5PsL8BusIvY3kZoFdDWHGSgb8nKbzKKv1kemJggMDYvFjn3MzvftPfVs/s400/gplus.jpeg" border="0" height="16" width="16" /></a>
<a rel="nofollow" title="FRebooks4U On Feed" target="_blank" href="http://feeds.feedburner.com/blogspot/ebook4u">
<img alt="feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtrp9nBGSuxCRJA5eAdTnGfIb9PCyDRcCgOwAoPM6EZhLTBUKvc4Pn4-4N6iz4om6qW3BV5j8-QEyA_sf6pxk4HgY4wJ8YKyVQ9r8HBUGcc8sLHj4z8wixtYNxWeWfxZgEfwf3HX2b1-Q/s400/feed.png" border="0" height="16" width="16" /></a>
<a rel="nofollow" title="FRebooks4U on Twitter" target="_blank" href="https://twitter.com/KangOnk">
<img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQWq4WXbCCpxJEEKfQHUdN0GmgyCGPCPidzER3FoOOQVFsMEFFXScPEJqbSocux38o5IZ_H0e2EWTt6v8vxLIqhg-t9rB35Kig_VMpjk0BKytNn7XmWJl6tUpAWW3H2u9cjvTyofUawe4/s400/twitter.png" border="0" height="16" width="16" /></a>
<a rel="nofollow" title="FRebooks4U on Facebook" target="_blank" href="http://www.facebook.com/pages/Zona-Online/113506822070307">
<img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSctTj7SJHVHcLh-OXyDT6Y_4p6sUbXT9T1NkaWK6zD3EjL1DPAER8aZFlBPteeEuEudWU4clyPm4MLm38QwQvkga8Oxi5UiSUHqWd3pyZ9jEpBEbORLFwmYoPkv7SMahKi5C2scXGZ3c/s400/facebook.png" border="0" height="16" width="16" /></a>
</div>

Iklan Pada Postingan

Edit HTML dan Expand Template Widget ganti kode berikut dengan iklan anda

<img alt='FEbooks4u | Free Download Ebook' border='0' height='auto' src='http://s3.buysellads.com/1263230/89985-1326127536.png' title='FEbooks4u | Free Download Ebook' width='auto'/>

Selamat menikmati template Kang Fathur ya?

Pesan :
Jangan menghapus Credit Link yang ada dibawah blog, terima kasih

Source : Kang Fathur

Template Logo CorelDRAW (Part 1)

Mungkin inikah yang anda cari selama ini?

Semoga template-template logo CorelDraw ini bisa membantu solusi anda yang selama ini mencari logo-logo yang masih bisa diedit. Sebab logo yang tercantum dibawah ini masih berbentuk CorelDRAW, so pasti jika anda menginginkan untuk merubah baik dari sisi design ataupun warnanya.

Download	Download
Download	Download
Download	Download

Semoga semua template yang sudah dishare-kan bermanfaat bagi anda semua. Jika anda kurang dengan logo-logo diatas silakan menuju pada Part 2

Bagi anda yang belum mempunyai program CorelDRAW Silakan Download

Source : Kang Fathur

Source : Kang Fathur

Template Kartu Nama Keren

Dalam kehidupan design grafis kadang kita kewalahan untuk mempunyai ide membuat design, salah satunya design kartu nama yang simple tapi menarik seperti yang pernah saya posting sebelumnya disini berkaitan tentang cara pembuataanya.

Bahkan untuk designer pemula kekurangan ide untuk membuat kartu nama, apalagi seperti saya yang hanya belajar otodidak dari berbagai informasi. Untuk itulah, dalam blog ini saya akan membagikan berbagai template, baik template Blogger, teplate Photoshop, template corelDRAW ataupun template-template yang lainnya. So pasti, tunggu template-template selanjutnya.

Oke, langsung saja pada template corelDRAW yang akan saya bagikan adalah template kartu nama yang simple dan menarik.

1. Kartu Nama Classic (download)
Saya beri nama ini karena menurut saya template kartu nama ini terkesan sederhana dan kuno akan tetapi enak untuk dipandang... hehehhe..!!!

2. Kartu Nama Distro (download)
Kartu nama ini dibentuk dari berbagai ornament dan design mulai dari penataan warna, backround dan design-design distro... menarik bukan?

3. Kartu Nama Misteri (download)
Wah, ini yang sulit saya untuk memberikan nama pada template corelDRAW dibawah ini. Gimana kalau kita sepakat untuk memberi nama Kartu Nama Misterius (ngeri ya..???)

4. Kartu Nama Vertical (download)
Kartu nama yang berbentuk portrait ini merupakan kartu nama yang sangat-sangat simple untuk diliat. Kartu nama ini sangat cocok bagi anda yang memiliki usaha dibidang tataboga.