Community Galleria: An Elegant Blogger Gallery Template

Community Galleria: An Elegant Blogger Gallery Template



Community is a very popular blogger template which is also the current template of this blog. I thought that it would be great if I would convert this template into a gallery template. So I present you the Gallery version of Community template called Community Galleria



This template has the following features:
  • Gallery template
  • Automatic post summary with thumbnails
  • Two column
  • 2 Navigation menus
  • 3 Column Footer

You have to make some modifications to the template to add your links and images as given below.

Navigation Menu

To modify the Top Navigation Menu, go to Layout > Edit HTML and then click on Expand Widget Templates. Now search (press Ctrl+F) for the following code in the template
<div class='topnav'>

below it, you will get the following code, just edit it to add your links


<ul id='topnav'>
            <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
    <li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
    <li><a href='#'>Edit</a></li>


To modify the 2nd navigation menu, search <div id='navbarmenu'> and just edit the links given.


<ul id='nav'>
        <li><a href='http://your-link-here'>Photoshop</a></li>
        <li>
          <a href='http://your-link-here'>Freebies</a>
          <ul>
            <li>
              <a href='http://your-link-here'>Icon</a>
              <ul>
                <li><a href='http://your-link-here'>Icon #1</a></li>
                <li><a href='http://your-link-here'>Icon #2</a></li>
                <li><a href='http://your-link-here'>Icon #3</a></li>
              </ul>
            </li>
            <li><a href='http://your-link-here'>Pattern</a></li>
            <li><a href='http://your-link-here'>Brush</a></li>
            <li><a href='http://your-link-here'>Swirl</a></li>
          </ul>
        </li>
        <li><a href='http://your-link-here'>Vector</a></li>
        <li><a href='http://your-link-here'>Sketch</a></li>
        <li><a href='http://your-link-here'>Wallpaper</a></li>
        <li><a href='http://your-link-here'>Theme</a></li>
        <li><a href='http://your-link-here'>Layout</a></li>
        <li><a href='http://your-link-here'>Inkscape</a></li>
        <li><a href='http://your-link-here'>Graphic</a></li>
        <li><a href='http://your-link-here'>CSS</a></li>
        <li><a href='http://your-link-here'>Community</a></li>
        <li><a href='http://your-link-here'>Submit</a></li>
      </ul>


RSS Subscription

To add your RSS subscription link, search YOUR-FEEDBURNER-ID. You will get the following code. Just replace YOUR-FEEDBURNER-ID with your Id and its done


<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEEDBURNER-ID&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
        <input class='textarea' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter email address here&apos;;}' onfocus='if (this.value == &apos;Enter email address here&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter email address here'/><br/>
          <input name='uri' type='hidden' value='camelgraph'/> <input name='title' type='hidden' value='54800'/> <input name='loc' type='hidden' value='en_US'/>
        </form>



125x125 Ads

To add your ads, just find the following code and edit it to add your links and images


<!-- Ad1 start -->
<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf3OMl9NNP_wKytIHFJqlfFJTN9miSK1-1qPKB2-ZMsdNWWFL3EIczzsvrco657cn9RxeErwycXzFCNl7zumOksvUwjJ-204aDJtrFNI2LTuPz_c7TGBRk9GVeYpSHUJoCOczdyAHyDgBO/s1600/themeforest.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf3OMl9NNP_wKytIHFJqlfFJTN9miSK1-1qPKB2-ZMsdNWWFL3EIczzsvrco657cn9RxeErwycXzFCNl7zumOksvUwjJ-204aDJtrFNI2LTuPz_c7TGBRk9GVeYpSHUJoCOczdyAHyDgBO/s1600/themeforest.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf3OMl9NNP_wKytIHFJqlfFJTN9miSK1-1qPKB2-ZMsdNWWFL3EIczzsvrco657cn9RxeErwycXzFCNl7zumOksvUwjJ-204aDJtrFNI2LTuPz_c7TGBRk9GVeYpSHUJoCOczdyAHyDgBO/s1600/themeforest.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf3OMl9NNP_wKytIHFJqlfFJTN9miSK1-1qPKB2-ZMsdNWWFL3EIczzsvrco657cn9RxeErwycXzFCNl7zumOksvUwjJ-204aDJtrFNI2LTuPz_c7TGBRk9GVeYpSHUJoCOczdyAHyDgBO/s1600/themeforest.jpg'/></a>


That's it, I hope that you love this template. I would love to know your response. You can also check more templates by visiting  Best Blogger Templates Released In November 09

0 comments: