Recent Posts

Control

Senin, 31 Agustus 2015

Flex - How To Install

| 1 Comment

TEMPLATEZY

Documentation

DesignFlex Responsive Blogger Template




How to Edit MENU?


  • To Customize the Top Navigation Menu Follow These Steps:

  • 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 Slideshow Follow These Steps:

  • Go to blogger dashboard.

  • Click on template tab and then click on EDIT HTML button.

  • Now Using CTRL + F find <!--Top Slideshow [start]-->

  • And then customize the coding according to your needs.

  • Replace img alt and URL with your own photo image.



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

<div id='sliding-top'>

<div class='sliding-home'>

<div id='sliding'>



<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]-->



How to Edit Ticker Slidshow ?

  • To Customize the Top Slideshow Follow These Steps:

  • Go to blogger dashboard.

  • Click on template tab and then click on EDIT HTML button.

  • Now Using CTRL + F find <!-- Ticker Slideshow [start] -->

  • And then customize the coding according to your needs.

  • Replace the blue strong text with your own text.

  • Replace the red message with your own text

  • Replace the lightgreen 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 ?. Templatezy 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] -->



How to Edit Quote Author?

  • To Customize the Top Slideshow Follow These Steps:

  • Go to blogger dashboard.

  • Click on template tab and then click on EDIT HTML button.

  • Now Using CTRL + F find <!-- Quote Author [start] -->

  • And then customize the coding according to your needs.

  • Replace the blue text with your own text.

  • Replace the red message with your own text





<!-- 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>



How to Edit Middle Large Slidshow ?

  • To Customize the Top Slideshow Follow These Steps:

  • 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.

  • Replace the blue strong text with your own text.

  • Replace the red url and and with your image url and your own text.

  • Replace the lightgreen with your message.



<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]-->



How to Add Your Email To The Subscription Box ?

  • To Customize the Top Slideshow Follow These Steps:

  • 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.

  • Replace all existing templatezy with your own blog name.

  • Replace the red message with your own text



<!--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>





Need More Help ?

Visit: http://www.templatezy.com

Email at: templatezy.info@gmail.com



Join

Us

Facebook

http://facebook.com/templatezy

GooglePlus

https://plus.google.com/b/templatezy



Tags : ,

1 komentar :

  1. Some casinos even 카지노사이트 have catwalks in the ceiling above the casino flooring, which permit surveillance personnel to look instantly down, by way of a technique glass, on the actions on the tables and slot machines

    BalasHapus