Blogger Template & Blogging Stuff

Main Blogger

  • Blogger template, wordpress theme and blogging stuff on Twitter
  • Blogger template, wordpress theme and blogging stuff on Facebook
  • Blogger template, wordpress theme and blogging stuff on Google+
  • Blogger template, wordpress theme and blogging stuff RSS

Sunday, 23 December 2012

Remark Blogger Template

in | 2 comments
Advertisement
remark blogger templateRemark Blogger template is a free magazine style blogger template with rare color background and vertical featured content slider. This template designed for all type of blogs

Features of this template are :
  • magazine style template
  • featured content slider
  • 2 column template blogger
  • 3 column footer
  • tabview ready
  • ads ready
  • drop down menu navigation
  • subscribe form
  • and more

remark blogger template

Setting Remark Blogger template

1. Featured content slider
Go to Template > Edit HTML > Proceed and find these code below :

a. Small thumbnail
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img alt='featured 1' height='45' src='http://2.bp.blogspot.com/-pSkyrDeKC1A/TxJgfV2QJ1I/AAAAAAAAAtw/aUcI9hn0924/s400/muse.jpg' width='60'/><span>Small Thumbnail Featured Post 1</span></a></li>

Replace :
Blue color with image ALT
Red color with image link
Green color with short title

b. Big thumbnail
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-1' style=''>
<img alt='featured 1' height='280' src='http://2.bp.blogspot.com/-pSkyrDeKC1A/TxJgfV2QJ1I/AAAAAAAAAtw/aUcI9hn0924/s400/muse.jpg' width='410'/>
<div class='info'>
<h2><a href='http://www.dhetemplate.com/'>Featured Post Title 1</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...</p>
</div>
</div>


Replace :
Blue color with image ALT
Red color with image link
Green color with title featured content
Brown color with short description

2. Setting Email Sign up, Facebook and Twitter
Go to Template > Edit HTML > Proceed and find these codes below :

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;YOUR_FEED_NAME&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input class='input' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Sign up email feed...&quot;;}' onfocus='if (this.value == &quot;Sign up email feed...&quot;) {this.value = &quot;&quot;;}' type='text' value='Sign up email feed...'/>
<input name='uri' type='hidden' value='YOUR_FEED_NAME'/><input name='loc' type='hidden' value='en_US'/><input class='sbutton' type='submit' value='Sign up'/></form>

<span class='facebook'>
<a href='FACEBOOK_LINK_HERE'><img alt='Follow Our Facebook' height='16' src='http://4.bp.blogspot.com/_aAjcAMHOGT4/TAJyk0F09QI/AAAAAAAACjY/4FnXvb93F58/s1600/facebook.png' style='vertical-align:middle; margin: -3px 5px 0 0;' title='Join Our Facebook' width='16'/></a><a href='FACEBOOK_LINK_HERE'>Facebook</a>
</span>

<span class='twitter'>
<a href='TWITTER_LINK_HERE'><img alt='Follow Us on Twitter!' height='16' src='http://3.bp.blogspot.com/_aAjcAMHOGT4/TAJ0F9CjoZI/AAAAAAAACjw/vPsNxEzXMj4/s1600/twitter.png' style='vertical-align:middle; margin: -3px 5px 0 0;' title='Follow Us on Twitter!' width='16'/></a><a href='TWITTER_LINK_HERE'>Twitter</a>
</span>


Replace :
Red color with your Feedburner, Facebook, & Twitter id


* By downloading and using this template, you agree with our Term & License

Updates

JavaScript code for tabview
Go to Template > Edit HTML > Proceed and find this code below :
<script src='http://dl.dropbox.com/u/14915514/JavaScript/codejquery-1.2.6.min.js' type='text/javascript'/>

Replace that code with this one :
<script src='http://freetemplate.googlecode.com/files/codejquery-1.2.6.min.js' type='text/javascript'/>

2 comments:

  1. Anonymous1/23/2013

    Gan, ane pake tempe ini. Ada kesalahan dikit tuh.

    Lihat dibawah judul artikel.
    Posted by IRENG_AJAHAT 22.50

    Nah gak ada spasi antara AJAH dengan AT. Gimana caranya nambahin spasinya gan?

    Btw, nice tempe Gan

    ReplyDelete
    Replies
    1. Terimakasih.

      Untuk nambahin spasi, cari kode css ini :
      .post-author{
      float:left;
      margin:0;
      line-height:21px;
      padding:0 0 0 10px;
      }

      Ganti dengan ini :

      .post-author{
      float:left;
      margin:0 5px 0 0;
      line-height:21px;
      padding:0 0 0 10px;
      }

      Delete

 
 
 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu eros eu turpis ullamcorper semper vitae nec elit. Powered by Blogger