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>≡<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'>▼</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'>▼</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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj13QFJWvuC19VwU9Ih0Q5KFLLS0OHpRapXdNFVMRFB9rH_AjCZE6k8_CxQGY8DniwD4c0p71IA2zlHwACM2cPJWh0gXcBilIxLTHPqqfSDNyonZvMka8SqkOveQPdFK3OXH__4lXZivA0/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg0wlpGJSXJNk4f7q11knYdGmD93-zzwmEkgK6XqrWS7ZPbaZkC2q-CtO4iEsRyDP78POB1NNC_RnE5jlSELjsyGalgjTfP-ddEOavWpAXluGwypviof57CU0X1uOPVPAx7qXv6W3s2pU/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5RR3T3zzVmBcYi1T0_A0P-YPqibFGYz7VJ8G9rXg8K_ctjKoN1cPOeNWIg-e0FE3nibHmTF50-m1jrU6GihC-VvUqeVZAjoEzEOgPrtvA5GhS9oW857HbyTdpq2mncQXeQC_n7dVlKbU/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'><</a>
<a class='control_prev'>></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'><</a>
<a class='control_prev'>></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'><</a>
<a class='control_prev'>></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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEe6dzM5cQUZZ1Y96Nx4v7pdHl8ZjN6F7QHwrHE3iqltVxk1nIzzDADNyPQS9a2-ELebwqNRbK8X2Gwzfb4y6YMzCgAXJrvi3SvgvBDmTijN02U_cL44b-Et_0PJakdFZSQLodKbqI6Odc/s1600/project+4.png' width='800px'/></a>
</div>
<div class='slide'>
<a href='#'> <img alt='Photo by Flickr' class='vertical' height='425px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWrVSrTxW-9kB8i5of15cv-cdp9Njoa46PM8uXFCgHerSEOCcoE7Jczyn3D0shLCCPchdnQPxZBsPC6TMNWc7OTQ8h_v1Oso9T64c8_xO95AhTBCZi6b8yv-mHQgmZ42F0jrZTKuTUYyIp/s1600/project+3.jpg' width='800px'/></a>
</div>
<div class='slide'>
<a href='#'><img alt='image by flickr' class='horizontal' height='425px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6qREBYartqwOFY4ilJMHdJUhaox6WIhg1Jh3LUTOM_sYT0vkQUHQCsGvWk-7kSyG6p-EvegsrorcD9DYcFTJRA583p9BQ96xAb20ipBo_uzPswdGADPadX_CYx8IiFiJVhKpdBWoxB_A/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0j12UWHEI1zuM0Uj7xr7BM7gZex-r0ndR9Cf1R307pViaNfoTIA2bYfMz-DYte4MNfp0XuS8xbC-4pABv4GmyHQm8sbuj28mwTpIijSm_C6rhFtEpCVctv7Jq5s_fOXsbN1sn-z8ryFo/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiutv_GbqJ9DiRvvEIB_ZR1_A1ohnyZzWkAHaqxubFXOuCUBWH1n98HWfSAM8SSRVZ6dj_6wCIsdTtKC4cHdctWuCLRYbYskw-FEo42sx-zDRE6OpQtuZIC94cmMBAFCCiwS0avdbCTvN7G/s1600/arrow-left.png'/></em></a>
<a class='nav-link next' href='#'><em class='arrow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogreuYvUUtgNxDEjhXGvovs9WZgk_OQ3yXIip1QsiogCiz4TF5G7e2Uenu_MJKIoygCuTBWjZxub5t6hTMmt4v8l4DA3FalzwvH-rwdLE8xkYXvzH_szsV81oQezIheMYPJn7kKHwTAdl/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( 'http://feedburner.google.com/fb/a/mailverify?uri=templatezy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input id='subbox' name='email' onblur='if ( this.value == '' ) { this.value = 'Enter your email address...'; }' onfocus='if ( this.value == 'Enter your email address...') { this.value = ''; }' 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 |
|
|
GooglePlus |
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