Digital Statement Blogger Template

One of my Blog reader , requested me to convert Digital Statement wordpress theme to blogger. The wordpress theme was developed by Blog Oh Blog. This is a professional theme with lots of new features available.

Main features of this template:

  • Header with a search widget on right :
  • This is the code i have used

    <div id=’searchbox’>
    <form action=’/search’ id=’searchform’ method=’get’>
    <input class=’swap_value’ id=’s’ name=’q’ type=’text’ value=”/>

    <input alt=’Search’ id=’go’ src=’http://i624.photobucket.com/albums/tt327/digitalstatement/go.gif’ title=’Search’ type=’image’/>
    </form>
    </div>

    you can see this code if you check expand widgets box in layout page. If you want to show your own adsense search box then just replace this code with your adsense search box code.

  • Two navigation widget available.
  • This is the code I have used

    <div id=’nav’>
    <ul>
    <li class=’page_item’><a href=’http://techieblogger.com/’>Home</a></li>
    <li class=’page_item’><a href=’http://www.wordpress.org’ title=’Wordpress’>Wordpress</a></li>
    <li class=’page_item’><a href=’http://www.blogger.com’ title=’Blogger’>Blogger</a></li>
    <li class=’page_item’><a href=’http://www.techieblogger.com’ title=’Taking Blogger to Next Level’>Techie Blogger</a></li>
    </ul><div class=’clearfloat’/>

    <ul id=’cat’>
    <li class=’cat-item’><a href=’http://www.techieblogger.com’ title=’View all posts filed under Blockquotes’>admin</a></li>
    <li class=’cat-item’><a href=’http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.html’ title=’Page Navigation Widget’>Numbered Page navigation</a></li>

    <li class=’cat-item’><a href=’http://www.techieblogger.com/’ title=’View all posts filed under Lists’>Author</a></li>
    </ul>
    </div></div>

    replace all the links with your own links. If you are satisfied with just one navigation widget and want to show adsense 726×15 ad link unit then you need to edit the second navigation code with this.

    <ul id=’cat’>
    < —- adsense code here — >
    </ul>

  • Related Posts Widget with custom CSS is included in this template with print option.
  • Comments with unique CSS style and showing author comments in different style is included.
  • If you want to show your own avatar then search for this code in the edit HTML tab pge with expand widgets box checked.

    http://www.gravatar.com/avatar.php?gravatar_id=ef6eb8d01747fd1846efd0227517ca1c&rating=R&size=36

    replace that url with your own avatar url.

  • Two Tabbed Navigation Widget is included in Sidebar. If you want to change the titles of the tabbed navigation , then search for this tag in EDIT HTML page.
  • <div class=”tabbertab” title=”Recent Post“>

    similarly you can change the titles of other widgets also.

  • Three column footer section is available in this template.
  • I haven’t included the featured post hack in this template , because most of the blogger users won’t use that. if you want to add that featured post widget then add the following java script above </head>

    <!–SmoothGallery Starts–>

    <link rel=”stylesheet” href=”http://wpthemes.blogohblog.net/wp-content/themes/Digital_Statement/js/smoothgallery/css/jd.gallery.css” type=”text/css” media=”screen”/>
    <script type=”text/javascript” src=”http://wpthemes.blogohblog.net/wp-content/themes/Digital_Statement/js/smoothgallery/scripts/mootools.v1.11.js”></script>
    <script type=”text/javascript” src=”http://wpthemes.blogohblog.net/wp-content/themes/Digital_Statement/js/smoothgallery/scripts/jd.gallery.js”></script>
    <!–SmoothGallery Ends–>

What’s Next ?

With So many new features available , hope everyone will like this template.

Download | Demo

Guys I am giving this template as free so please don’t remove the footer credits

Hope you Guys will like this template.. if you are really impressed by my hard work then please make some donations.

See you soon with a new template.

update :

if you want to remove one of the tabbed navigation Widget then do the following step.

Go to Layout page of your template and then navigate to EDIT HTML sub page. There search for the following tag

<div id=’tab’>
<div class=’tabber’>

<div class=’tabbertab’ title=’Archives’>

<b:section class=’tabber’ id=’tab1′ preferred=’yes’>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Blog Archive’ type=’BlogArchive’/>
</b:section>

</div>

<div class=’tabbertab’ title=’Categories’>

<b:section class=’tabbertab’ id=’tab2′ preferred=’yes’>
<b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’/>
</b:section>
</div>

<div class=’tabbertab’ title=’Tag Cloud’>

<b:section class=’tabbertab1′ id=’tab3′ preferred=’yes’/>
</div>

</div></div>

remove this whole code.

If you need any other customization let me know..




If you like this article , then please help us by bookmarking

31 Responses to “Digital Statement Blogger Template”

  1. Nice conversion but got few errors, hopefully you will fix them by today :)

  2. @ Bariski ,

    Thanks for letting me know the issue… I corrected it now .

    regards,
    Mohamed Rias

  3. nice blogger templates, soon will be there, in my collection, if you agree…
    Deluxe Templates

  4. Hi Klodian ,

    You can distribute my Blogger templates.

    regards,
    Rias

  5. hello dude
    i am new at ur blog

    i hve seen tht u have placed ur social networking widgets in very nice style how u hve done this

    i have seen tht at top of every post
    hope u will reply :)

  6. thanks. i have installed the template on my blog http://www.phoneadviceng.blogspot.com i am tweeking the design now. thanks. please drop at my blog and leave a comment.

  7. Best Place for WALLPAPER 30. Apr, 2009 at 9:49 am

    Oops. I meant it’s a great article.

  8. computingunleashed.com 30. Apr, 2009 at 5:27 pm

    I am the blogger who requested to convert this template and Rias had done it perfectly.

    ~~~~~~~~~~Heartily Thanks~~~~~~~~~

  9. I liked the Tabbed Navigation in sidebar of this template…
    Could I get that alone in my template?

  10. great templates i like it..

  11. Hi Mohamed,

    Thanks a lot for this conversion.. actually i was waiting for this template from so many days…

    U Rock dude

  12. hi dude

    a very nice template

    but can u help me removing 1 of the tab widget
    i want to remove tab widget of "ARCHIVE" "CATEOGRIES" & "TAG CLOUD"

    PLZ HELP

  13. Hi Arham ,

    can please give me your email id or gtalk id so that i can tell about that in detail.

    regards,
    Mohamed Rias

  14. @ √ДMPIRE

    Thanks dude.. If you need any wordpress theme conversion you can ask here

  15. Mohamed Tnx GooD Tema.
    Tesekkürler :)

  16. How do i add feeds into the template.
    Also it doesnt show the option to subscribe in the address bar of mozilla firefox.

  17. Thanks for your nice template

  18. Hey, how do i change the navigation bar links to something which is associated to my site?

  19. Mohammad Mustafa Ahmedzai 29. May, 2009 at 12:58 pm

    Salam Rias,

    Bro that conversion was a great work! I am really impressed with your generosity towards your visitors.
    I am going to add this to my template collection at TNT by STCRegards,
    MOHD____

  20. Your posts are great! Please keep

  21. I like this template, I am using it for my blog now. But where the horizontal photos like wordpress, below the posts? BTW Thank You. Great work.

  22. Okay, I inserted an intense debate comment form inside my template but when it shows up it goes off of the post and onto the side. Can you help me?

    my address is: http://what-i-say-today.blogspot.com/

  23. Keep up the great writing, thanks

  24. Thanks a lot for the template…..But how about changing the Fonts and colors……It’s not showin up there!!!

  25. How to remove Readmore from this template?

  26. [...] Digital Statement | Demo | [...]

  27. It has a premium look and perfect for bloggers. thanks for sharing.

  28. good job and great template…..thanks a lot for this…

  29. but i need to change the footer if can pleases help me like this sit http://labnol.blogspot.com/ can you tell me which code i should use

  30. I had a dream to begin my own organization, but I did not have got enough of money to do it. Thank heaven my close fellow suggested to take the personal loans. So I received the college loan and made real my dream.

Leave a Reply

You must be logged in to post a comment.