DesignFlex Blogger Template

Designflex Responsive Blogger Template
 If you are a developer, photographer or designer and want to showcase your work with your clients, customers and friends then DesignFlex is a perfect theme to fulfill your requirements.

designflex responsive blogger template - blogger template world


DesignFlex Responsive Blogger Template has super Awesome design and 100% responsive layout, Perfect theme, super elegant, premium and stylish blogger theme. DesignFlex is ideal for designers and photography or perfect for portfolio based website. This theme has so many splendid features and perfect for designers and developers. 

Template Features


Name:
Author:
Categories:
Jquery Slideshow, Contact Form, Portfolio Design, Email Subscription Box
Additional Features:
100% Responsive Blogger Template



Customization of Blogger Template

How to Edit MENU?

To Customize the Top Navigation Menu Go to blogger dashboard. Click on template tab and then click on EDIT HTML button. Now Using CTRL + F find <!-- MENU [start] --> And then customize the code according to your need. Replace all tags with your own like logo, themes, tools, inspiration etc.

<!-- MENU [start] -->

<nav id='menu'>

<input type='checkbox'/>

<label>&#8801;<span>WebDesignAuthor</span></label>

<ul>

<li><a href='#' style='background:#f1f1f1;'>Home</a></li>

<li><a href='#'>Inspiration</a></li>

<li><a href='#'>Graphic<font size='1'>&#9660;</font></a>

<ul class='menus'>

<li><a href='#'>Logo</a></li>

<li><a href='#'>Icons</a></li>

<li><a href='#'>Fonts</a></li>

<li><a href='#'>PSD</a></li>

<li><a href='#'>PHTOSHOP</a></li>

<li><a href='#'>Business Cards</a></li>

</ul>

</li>

<li><a href='#'>Freebies<font size='1'>&#9660;</font></a>

<ul class='menus'>

<li><a href=''>UI</a></li>

<li><a href='http://www.webdesignauthor.com/search/label/Portfolio'>Portfolio</a></li>

<li><a href='#'>Photography</a></li>

</ul></li>

<li><a href='#'>Tools</a></li>

</ul>

</nav>

<!-- MENU [end] -->

</div>

How to Edit Top Slidshow ?

To Customize the Top Navigation Menu Go to Blogger Dashboard. Click on Template Tab and then click on EDIT HTML button. Now Using CTRL + F find <!--Top Slideshow [start]--> and than replase the image URL with yours, dont forget to add alt property helpful for SEO Ranking

<div>
<a href='#'><img alt='Photo by: Flickr' src='http://2.bp.blogspot.com/-zPYwtV2lUL4/VGkCRGN3hqI/AAAAAAAAD6o/_B0rs23Slmc/s1600/designflex-slide1.png' width='450'/></a>
<div class='headline'>
<h2>Welcome to </h2><h3>DesignFlex</h3>
<span class='subton'><a href='#'>Get more</a></span>
</div></div>


<div>
<a href='#'><img alt='Photo by: Flickr' src='http://4.bp.blogspot.com/-WfDxvJ72J2g/VGz9TwHfIrI/AAAAAAAAD7U/HO9iLAy9Gp0/s1600/designflex1.png' width='515'/></a>
<div class='headline'>
<h2>Fully</h2><h3>Responsive</h3>
<span class='subton'>Get more</span>
</div></div>


<div>
<a href='#'><img alt='Photo by: Flickr' src='http://4.bp.blogspot.com/-Ca8zGFnJAq8/VGkCRVj286I/AAAAAAAAD6s/YMZ9oRGteKo/s1600/designflex-slide2.png' width='515'/></a>
<div class='headline'>
<h2>EveryThing</h2><h3>You Need</h3>
<span class='subton'>Get more</span>
</div></div>
</div></div></div></div>

<!--Top Slideshow [End]-->

Edit Ticker Slidshow

To Customize the Top Slideshow Go to Blogger Dashboard. Click on Template Tab and then click on EDIT HTML button. Now Using CTRL + F find <!-- Ticker Slideshow [start] --> a nd then customize the coding according to your needs. Replace the Red Strong text with your own text. Replace the Blue Message with your own text Replace the Green with your text.

<!-- Ticker Slideshow [start] --> <div class='Snipter-head-wrap'>
<div id='featuresticker'>
<div id='ticker'>
<ul id='tickers'>
<li>
<div class='snipter-msg'>
<h3><strong>Enjoy DesignFlex!</strong> Buy It and get Premium Support :)</h3>
<p>We are the second most popular blogger templates author in the world. Enjoy our responsive and themes bring responsive audionace.</p></div>
<div class='buyer-wrap'>
<div class='buttonz'><a href='#'>Buy now</a>
</div>
</div>
</li>
<div style='clear:both;'/>
<li>
<div class='snipter-msg'>
<h3><strong>Its time to bring Awesomeness</strong> In your Blogger Blog :)</h3>
<p>Do you want to bring revolution in your blog ?. BloggerTemplateWorld team would love to stylify your blog. Send your proposal.</p></div>
<div class='buyer-wrap'>
<div class='buttonz'><a href='#'>Buy now</a>
</div>
</div>
</li>
<div style='clear:both;'/>
</ul>
</div>
</div></div>
<!—Ticker Slideshow [end] -->

Edit Quote Author

To Customize the Quote Author Go to Blogger Dashboard. Click on Template Tab and then click on EDIT HTML button. Now Using CTRL + F find <!-- Quote Author [start] --> a nd then customize the coding according to your needs.

<!-- Quote Author [start] -->
<div id='author-quote'>
<div id='author-quote-inner'>
<div id='quote-slider'>
<ul>
<li class='quoter'>If debugging is the process of removing software bugs, then programming must be the process of putting them in.
<div class='person'>
<div classN='author'/>
<a class='control_next'>&lt;</a>
<a class='control_prev'>&gt;</a>
<div class='location'> Paul Cookson </div>
</div></li>
<li class='quoter'>great web design without functionality is like a sports car with no engine.
<div class='person'>
<div classN='author'/>
<a class='control_next'>&lt;</a>
<a class='control_prev'>&gt;</a>
<div class='location'> Paul Cookson </div>
</div></li>
<li class='quoter'>Beauty is the ultimate defense against complexity.
<div class='person'>
<div classN='author'/>
<a class='control_next'>&lt;</a>
<a class='control_prev'>&gt;</a>
<div class='location'> John Carmack </div>
</div></li>
</ul>
</div></div></div>

Edit Middle Large Slidshow

To Edit Middle Large Slidshow Go to Blogger Dashboard. Click on Template Tab and then click on EDIT HTML button. Now Using CTRL + F find <!--Middle SlideLarge [start]--> and then customize the coding according to your needs.

<div id='bottom-slide-wrap'>
<div class='featuredone-wrap'>
<h1>Latest Projects</h1>
<p>We make sure our designs are splendid perfect and excellent. Check our designers work!</p>
<p class='p-end2'/>
<div class='featuredone'>
<div class='featuredpostss clearfix'>

<div class='slideshow'>
<div class='slide active'>
<a href='#'><img alt='Photo by Flickr' class='horizontal' height='425px' src='http://2.bp.blogspot.com/-jZVXnAPDPSI/U_zmV4WevBI/AAAAAAAADrU/KDHys-bar8Q/s1600/project%2B4.png' width='800px'/></a>
</div>
<div class='slide'>
<a href='#'> <img alt='Photo by Flickr' class='vertical' height='425px' src='http://2.bp.blogspot.com/-bE5LVjQXFQg/U_zmUNYZ-VI/AAAAAAAADrE/vpMeBAitSfI/s1600/project%2B3.jpg' width='800px'/></a>
</div>
<div class='slide'>
<a href='#'><img alt='image by flickr' class='horizontal' height='425px' src='http://4.bp.blogspot.com/-ATjpMpLuz7w/VGzIml00ymI/AAAAAAAAD7A/XVNqfglcGzU/s1600/2014_10_Life-of-Pix-free-stock-photos-handmade-hat-vintage-look-tattoo-chapoleone.jpg' width='800px'/></a>
</div>
<div class='slide last'>
<img alt='Photo by Flickr' class='vertical' height='425px' src='http://1.bp.blogspot.com/-GAcw9p-bbZU/U_zmZ9cNT6I/AAAAAAAADrc/PjiJSvr2Lhw/s1600/project.png' width='800px'/>
</div>
<div class='overlay overlay-shadow'/>
<div class='overlay overlay-highlight'/>
</div>
<div class='slideshow-effects'>
</div>
<div class='slideshow-nav'>
<a class='nav-link previous' href='#'><em class='arrow'><img src='http://3.bp.blogspot.com/-1mkE8YuEDHk/VBlYrEFS35I/AAAAAAAADyg/LgzAR_RCLYM/s1600/arrow-left.png'/></em></a>
<a class='nav-link next' href='#'><em class='arrow'><img src='http://2.bp.blogspot.com/-G_tBILx2NAE/VBlYrxgmv4I/AAAAAAAADyo/EI90_hTNSPM/s1600/arrow-right.png'/></em></a>
</div>
</div></div></div></div>
<!--Middle SlideLarge [End]-->

Add Your Email To The Subscription Box

To Edit Middle Large Slidshow Go to Blogger Dashboard. Click on Template Tab and then click on EDIT HTML button. Now Using CTRL + F find <!--Newsletter Box (start)--> and then customize the coding according to your needs.

<!--Newsletter Box (start)-->
<div id='newsletter'>
<div id='newsletter_wrapper'>
<div id='subscription-right'>
<h4>Subscribe to
<strong> DesignFlex Free Collection </strong>
</h4>
<p>Subscribe to our blog to Get latest free themes, Templates and fresh updates instantly --:)</p>
<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=templatezy&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='templatezy'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='subbutton' type='submit' value='SUBSCRIBE NOW'/>
</form>
</div>
</div>
</div>

No comments:
Write comments