Magazine Black-Blue Template

Magazine Black-Blue Template

Setelah share tentang SEO Template V.1 kali ini saya juga akan share template yang saya redesign. Jadi ini bukan seluruhnya hasil saya sendiri. Nah, template ini saya namakan Magazine Black-Blue Template. Mungkin template ini sudah banyak di google tapi saya ingin memadukan dengan sedikit tambahan. Dilarang mengedit tanpa seijin author karena dapat menyebabkan kerusakan. Jika ada kendala langsung komentar aja.

Tutorial :

  1. News Ticker atau headline news letaknya diatas header. Untuk mengganti dengan headline dan search blog masuk ke Edit HTML (gunakan CTRL+F untuk mempersingkat) cari urlblogkamu.com. Setelah ketemu ganti dengan URL blog kamu. 
  2. Kotak email berlangganan, letaknya persis diatas image slider. Untuk mengganti email berlangganan, cari kode dibawah ini pada Edit HTML (Warna biru : ganti dengan alamat feed kamu) :
  3. <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>

  4. Sebelum masuk ke pemasangan widget, coba Anda perhatikan struktur layout yang terdapat pada template Johny Storage di bawah ini
  5. Magazine Black-Blue Template

    Untuk menampilkan slide masukan kode berikut :
      <div id='featuredContent'>
      <div class='sliderwrapper' id='featured-slider'>
      <script>
      document.write("<script src=\"/feeds/posts/default/?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/?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> 
    Untuk recent post :
    <ul>
    <script>
    document.write("<script src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=showrecentposts6\"><\/script>");
    </script>
    </ul>
    Untuk recent comment :
    <style type="text/css">
    ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
    .tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
    </style>
    <script type="text/javascript">
    //<![CDATA[
        // Recent Comments Settings
        var
    numComments  = 5,
    showAvatar  = true,
    avatarSize  = 50,
    characters  = 60,
    defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://yourjavascript.com/211271156231/rcentcmmntavr.js"></script>
    <script type="text/javascript" src="http://madereastu.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comment s&max-results=
    Untuk label seperti LIFESTYLE, SPORTS dan SCIENCE anda cukup mengedit judul  dan isi konten. Isi konten diisi sesuai label yang diinginkan

Special Thanks :


Magazine Black-Blue TemplateMagazine Black-Blue Template

5 Responses to "Magazine Black-Blue Template"

  1. Keren Mas Bro oprek templetnya...

    ReplyDelete
  2. Thanks infonya, Sob, nice shared...

    ReplyDelete
  3. wah keren tuh sob.. :D
    visit me back ya..

    ReplyDelete
  4. sepertinya sangat keren dan tampilannya juga menarik tidak membosankan, mungkin lebih bagus lagu jika warna hitamnya menjadi hijau, saya yakin tambah okey...)
    trims infonya sahabatku

    ReplyDelete

Catatan :
1. Berkomentarlah dengan baik dan sopan
2. Disarankan tidak menggunakan Anonim
3. Dilarang promosi iklan

NB : Klik pratinjau terlebih dahulu sebelum di publikasi untuk melihat tulisan yang anda tulis sudah benar atau tidak