You are here:

Obscure Magazine Blogger Template

Template Information

  • Template Type : Blogger Template
  • Name : Obscure Magazine
  • Licence : Free Template
  • Properties :
    1. Magazine Style
    2. Two Column
    3. Right Sidebar
    4. Grey
    5. 3 Footer Column
    6. Slider Gallery
    7. Automatic Read More
    8. Installed Comment Avatar
    9. Twitter Feature
    10. Social Bookmarking
    11. Related Posts Widget With Thumbnail picture
  • Demo Live
  • Download
  • Installation Blogger Tutorial

  • Slider Widget Setting
  • Slider FeatureThis blogger template have slider feature. To install this widget, you must add a HTML/Jave Script gadget in Page Element. Be make sure to install this code.

    <ul>
    <li><a href="YOUR POST URL"><img border="0" alt="Twilight Movie and Book" src="YOUR IMAGE URL&amp;zc=1"/></a>
    <div class="abstitle">
    <strong><a href="YOUR POST URL">YOUR POST TITLE</a></strong><span><p style="line-height:18px; ">YOUR DESCRIPTION [...]</p></span></div>
    </li>
    
    <li><a href="YOUR POST URL"><img border="0" alt="Twilight Movie and Book" src="YOUR IMAGE URL&amp;zc=1"/></a>
    <div class="abstitle">
    <strong><a href="YOUR POST URL">YOUR POST TITLE</a></strong><span><p style="line-height:18px; ">YOUR DESCRIPTION [...]</p></span></div>
    </li>
    
    </ul>

    This is a free blogger template, but please don’t change a footer code to appreciate the designer and my works.

    You like this template? Don’t forget to Re-Tweet or send this blogger template into social bookmarking site.

    Best regard

    www.bloggertemplateplace.com | Free Blogger Template Gallery

    Comments
    Anonymous  26 Jan 2010

    Hi, can you fix the search it don't work

    Kat  25 Feb 2010

    I love this design, although I'm having a bit of trouble editing it because of the menus on top and the automatic "read more." Still tweaking, but in the meantime, I'll use a simpler design. I hope to get it up & running soon. :)

    Fresh Blogger Template Gallery  26 Feb 2010

    @Kat…

    when you want to remove a read more automatic, you must remove the script and change some code. Please follow this steps:
    1. remove the script. Here is the script that you must remove.
    <script type='text/javascript'>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 550;
    summary_img = 450;
    img_thumb_height = 125;
    img_thumb_width = 200;
    </script>
    <script type='text/javascript'><!–//–><![CDATA[//><!--
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'…';
    }

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="background:#99995C; float:left; padding:10px; margin:0px 10px 10px 0;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }

    //–><!]]></script>

    2. Find This Code.
    <div class='post-content-half'>
    <div expr:id='&quot;summary&quot; + data:post.id'>
    <p style='line-height:18px; '><data:post.body/></p>
    </div>
    <script type='text/javascript'>
    createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
    <a expr:href='data:post.url'>FULL STORY &gt;&gt;</a>
    <div class='clear'/>
    </div>

    3. Change with this code.
    <div class='post-content-half'>
    <p><data:post.body/></p>
    <div class='clear'/>
    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
    </b:if>
    </div>

    4. Save

    I hope this will solve your problem.
    Best Regard

    Lucas  28 Feb 2010

    Hi!
    I want to edit photos in slide show transition; where can I find the code? if I put some pictures, more than two, in the slide show(Jave Script gadget in page element), transition not going well.. Please if you can help me..
    Thanks for this template is very nice;)

    Say Something
    Copyright © 2009-2010 Blogger Template Place. All Rights Reserved.