v65:blogArchives

<v65:blogArchives></v65:blogArchives>

Description: This tag displays a list of years and months that have blog posts during those periods and how blog posts each month has.

HTML Source Output:

<div>
     <a href="javascript:vin65.blog.toggleArchives('2010');"><strong>2010</strong></a>
</div>

<ul vin65js="v65-blogArchiveYear2010" style="display: none">

     <li><a href="/index.cfm?method=blog.blogList&amp;fromDate=10%2F01%2F2010&amp;ToDate=10%2F31%2F2010">October 2010 <span class="v65-itemcount">(1)</span></a></li>

     <li><a href="/index.cfm?method=blog.blogList&amp;fromDate=09%2F01%2F2010&amp;ToDate=09%2F30%2F2010">September 2010 <span class="v65-itemcount">(1)</span></a></li>

     <li><a href="/index.cfm?method=blog.blogList&amp;fromDate=08%2F01%2F2010&amp;ToDate=08%2F31%2F2010">August 2010 <span class="v65-itemcount">(1)</span></a></li>

     <li><a href="/index.cfm?method=blog.blogList&amp;fromDate=06%2F01%2F2010&amp;ToDate=06%2F30%2F2010">June 2010 <span class="v65-itemcount">(1)</span></a></li>

  </ul>

Base CSS from vin65.css:

.v65-item count

v65:blogAuthors

<v65:blogAuthors></v65:blogAuthors>

Description: This tag displays a list of blog authors and how many blog posts each author has posted.

HTML Source Output:

<ul>
     
     <li><a href="index.cfm?method=blog.bloglist&WebsiteContactID=8B33837D-AA0A-12B1-77E3-3FE4BC797338">Michael Hirsch <span class="v65-itemcount">(7)</span></a></li>

     <li><a href="index.cfm?method=blog.bloglist&WebsiteContactID=8B33837D-AA0A-12B1-77E3-3FE4BC797338">Michael Hirsch <span class="v65-itemcount">(3)</span></a></li>

     <li><a href="index.cfm?method=blog.bloglist&WebsiteContactID=8B33837D-AA0A-12B1-77E3-3FE4BC797338">Michael Hirsch <span class="v65-itemcount">(4)</span></a></li>

</ul>

Base CSS from vin65.css:

.v65-itemcount

v65:blogCategories

<v65:blogCategories></v65:blogCategories>

Description: This tag displays a list of blog categories and how many posts each category contains.

HTML Source Output:

<ul>

     <li><a href="/index.cfm?method=blog.blogList&amp;blogCategoryID=c1e02a76-1e0b-4e34-f057-75161869c2a6">Design <span class="v65-itemcount">(14)</span></a></li>

     <li><a href="/index.cfm?method=blog.blogList&amp;blogCategoryID=c1e03e8b-1e0b-4e34-f037-95e59c097716">Ecommerce <span class="v65-itemcount">(48)</span></a></li>

     <li><a href="/index.cfm?method=blog.blogList&amp;blogCategoryID=c1e052af-1e0b-4e34-f022-fc95cefdc124">Marketing <span class="v65-itemcount">(101)</span></a></li>

     <li><a href="/index.cfm?method=blog.blogList&amp;blogCategoryID=c1e0a9c8-1e0b-4e34-f00a-bbb777cefcd2">Misc <span class="v65-itemcount">(15)</span></a></li>

     <li><a href="/index.cfm?method=blog.blogList&amp;blogCategoryID=c1e0654d-1e0b-4e34-f0b4-e1d97570707b">SEO <span class="v65-itemcount">(7)</span></a></li>

</ul>

Base CSS from vin65.css:

.v65-itemcount

v65:blogRecentPosts

<v65:blogRecentPosts maxRows="5"></v65:blogRecentPosts>

Description: This tag displays a list of recent blog posts.

Optional Attributes:

maxRows: number of blog posts to show

default: 5
usage: <v65:blogRecentPosts maxRows="5"></v65:blogRecentPosts>

HTML Source Output:

<ul id="v65-blogRecentPosts">

<li>
     <div class="v65-recentEntriesDate">August 23, 2012</div>
     <div class="v65-recentEntriesTitle"><a href="/blog/6-Things-That-Make-a-Great-Bottle-Shot">6 Things That Make a Great Bottle Shot</a></div>
     <div class="v65-recentEntriesComments">(8 Comments)</div>
</li>

<li>
     <div class="v65-recentEntriesDate">August 13, 2012</div>
     <div class="v65-recentEntriesTitle"><a href="/blog/6-5-Easy-Fixes-for-a-Better-Wine-List-Page">6.5 Easy Fixes for a Better Wine List Page</a></div>
     <div class="v65-recentEntriesComments">(3 Comments)</div>
</li>

<li>
     <div class="v65-recentEntriesDate">August 1, 2012</div>
     <div class="v65-recentEntriesTitle"><a href="/blog/5-Tips-for-Effective-Ecommerce-Merchandising">5 Tips for Effective Ecommerce Merchandising</a></div>
     <div class="v65-recentEntriesComments">(6 Comments)</div>
</li>

<li>
     <div class="v65-recentEntriesDate">July 19, 2012</div>
     <div class="v65-recentEntriesTitle"><a href="/blog/How-to-Be-a-Web-Analytics-Rockstar">How to Be a Web Analytics Rockstar in 30 Minutes a Month</a></div>
     <div class="v65-recentEntriesComments">(6 Comments)</div>
</li>

<li>
     <div class="v65-recentEntriesDate">June 26, 2012</div>
     <div class="v65-recentEntriesTitle"><a href="/blog/Get-Some-Action-6-Steps-to-Higher-Conversion-with-Email">Get Some Action - 6 Steps to Higher Conversion with Email</a></div>
     <div class="v65-recentEntriesComments">(1 Comment)</div>
</li>

</ul>

Base CSS from vin65.css:

#v65-blogRecentPosts
.v65-recentEntriesDate
.v65-recentEntriesTitle
.v65-recentEntriesComments

v65:blogSearch

<v65:blogSearch></v65:blogSearch>

Description: This tag displays a search form for blog posts.

Optional Attributes:

formWidth: the width in pixels of the search input field

default: 100
usage: <v65:blogSearch formWidth="100"></v65:blogSearch>

buttonText: the text of the search button

default: Search
usage: <v65:blogSearch buttonText="Search"></v65:blogSearch>

HTML Source Output:

<form method="post" action="/index.cfm?method=blog.blogsearch">
     <fieldset>
          <div>
               <input type="text" name="searchText">
               <button type="submit" value="submit" class="defaultBtn"><span>Search</span></button>
          </div>
     </fieldset>
</form>

v65:blogWidget

<v65:blogWidget maxRows="3"></v65:blogWidget>

Description: This tag displays a list of blogs in your template.

Optional Attributes:

blogAuthorID: The level to which you nest your main navigation list

usage: <v65:blogWidget maxRows="3" blogAuthorID="UUID"></v65:blogWidget>

categoryName: The specific category name you want to display blogs from

usage: <v65:blogWidget maxRows="3" categoryName="Blog Category Name"></v65:blogWidget>

showDescription: Shops the description instead of the teaser

usage: <v65:blogWidget maxRows="3" showDescription="1"></v65:blogWidget>

HTML Source Output:

<div class="v65-blogPostWrapper">
  
    <div class="v65-avatar">
        <img src="/assets/images/blog/author.jpg" width="48" height="48" alt="Author Name" />
    </div>

    <div class="v65-clear">&nbsp;</div>

    <div class="v65-blogPost">

       <div class="v65-blogPostDate">October 10, 2011 | <a href="/index.cfm?method=blog.blogList&websiteContactID=a3fb828a-fa9d-43dd-a51c-00f6505e38f4">Author</a></div>

         <h2><a href="/blog/Facebook-Ecommerce-Will-Customers-Buy-Wine-on-Facebook">Facebook Ecommerce - Will Customers Buy Wine on Facebook?</a></h2>

         <p>There are over 800 million active users on Facebook, and Facebook accounts for 1 in 5 pages accessed on the internet... is this a target for your wine?&nbsp;&nbsp;<a href="/blog/Facebook-Ecommerce-Will-Customers-Buy-Wine-on-Facebook" style="font-style: italic;">Continue &raquo;</a></p>

         <div class="v65-blogFooter">

             <div class="v65-blogFooterDate">
                   <img src="https://assetss3.vin65.com/images/blog/clock.png" width="16" height="16" alt="Time Posted:" class="verticalMiddle" /> Oct 10, 2011 at 8:00 AM
             </div>
             <div class="v65-blogFooterLink"><a href="/blog/Facebook-Ecommerce-Will-Customers-Buy-Wine-on-Facebook">
                 <img src="https://assetss3.vin65.com/images/blog/document.png" width="16" height="16" alt="" class="verticalMiddle" /> Permalink</a>
            </div>
            <div class="v65-blogFooterComments"><a href="/blog/Facebook-Ecommerce-Will-Customers-Buy-Wine-on-Facebook"><img src="https://assetss3.vin65.com/images/blog/comment.png" width="16" height="16" alt="" class="verticalMiddle" /> Comments (9)</a>
            </div>

        </div>

    </div>

</div>

Base CSS from vin65.css:
.v65-blogPostWrapper
.v65-blogPost
.v65-blogPostDate
.v65-blogFooter
.v65-blogFooterDate

Resource Bundle Elements:
YourAccount
Login

v65:blogSubscribeByRSS

<v65:blogSubscribeByRSS></v65:blogSubscribeByRSS>

Description: This tag displays a simple link to your FeedBurner link in the site settings.

HTML Source Output:

<a href="https://feeds.feedburner.com/Vin65" id="v65-blogSubscribeByRSS">by RSS</a>

Base CSS from vin65.css:

#v65-blogSubscribeByRSS