Kamis, 07 November 2013

Anime Forest : Blogger Tempelate



Nah nah posting lagi tempelate keren nie, Dengan gambar fotter lebar, dan mempunyai slide postingan seperti di ganool gitu, degan warna merah dan putih yang patut sobat coba.

Tips : 

Edit Meta Tag
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link href='URLBLOG/feeds/posts/default' rel='alternate' title='NAMABLOG - Atom' type='application/atom+xml'/>
<link href='URLBLOG/feeds/posts/default?alt=rss' rel='alternate' title='NAMABLOG - RSS' type='application/rss+xml'/>
<link href='http://www.blogger.com/rsd.g?blogID=355338909073564425' rel='EditURI' title='RSD' type='application/rsd+xml'/>
<link href='http://www.blogger.com/profile/15678297698732731229' rel='me'/>
<!-- deskripsi dan keyword -->
<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/>
<meta content='AUTHOR' name='author'/>
<meta content='general' name='rating'/>
<meta content='index, follow' name='robots'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>

silahkan ganti nama-nama yg saya ksih bold
isinya dengan bener ye ._.


Setting widget dibawah artikel
<div class="more_topic"><a href="http://animeforest-btemplate.blogspot.com/search/label/Blood%20Lad">Index</a></div>
<script type='text/javascript'>
var numposts = 5;
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/-/Blood%20Lad?orderby=updated&
alt=json-in-script&callback=labelthumbs"></script>


Gantilah kode yang berwarna merah dengan nama kategori/label post, kode yang berwarna biru ganti dengan alamat link kategori [copy link label kategori biar lebih jelas]
contohnya http://animeforest-btemplate.blogspot.com/search/label/Amagami%20SS%2B


Setting Latest News
cari yang mirip ama ini

<div class='newspic'>
<h3>Latest News :</h3>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;latestnew&quot;, &quot;latestnew&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://animeforest-btemplate.blogspot.com/feeds/posts/default&quot;) //Specify
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>

nah ganti url linknya dengan link blog kamu


Gambar Pecah

cari css
.thumbmage img{width:95px;height:75px;overflow:hidden;}
ganti dengan 
.thumbmage img{width:75px;height:75px;overflow:hidden;}


Katagori / label bentrok 

 tinggal copy html dibawah terus replace ama html label

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
<div class='clear'/>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
<div class='clear'/>
</b:if>
</div>
</b:includable>
</b:widget>


DEMO   |     DOWNLOAD


EmoticonEmoticon