Tutorial Customize Post Footer

DO NOT RE-TUTORIAL
1. Design > Edit HTML
2. Ctrl+F .post-footer {
3. Paste code below after / below .post-footer {
background:url('URL BACKGROUND') repeat scroll left center transparent;
border:1px dashed #81DAF5;
moz-border-radius: 10px 10px / 10px 10px;
border-radius: 10px 10px / 10px 10px;
color:#000000;
font:century gothic;
font-size:12px;
margin:0.75em 0;
padding:10px;
}
4. Change where necessary. Preview > Save Template

-------------------------------------------------------------------------------

#BONUS ; Tutorial letak button Twitter di Post Footer

1. Design > Edit HTML > Tick Expand Widget Templates
2. Ctrl+F
<div class='post-footer-line post-footer-line-3'/> 
3. Copy code below and paste after code in step 2
<div style='text-align: right;'><a class='twitter-follow-button' data-show-count='false' href='https://twitter.com/USERNAME TWITTER'>Follow @USERNAME TWITTER</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script></div>  
4. Change where necessary. Preview > Save Template

2 comments:

I don't approve harsh comments (: