Posts

Showing posts with the label HTML

Stylish Search Form for Blogger From kathulablog

Image
Stylish Search form for blogger, Blue color search form with help of CSS and HTML. Search form for free for blogger and enjoy this form. Demo Here we provide HTML and CSS codes for Search Form for Blogger

Colour Label Tabs Hover in CSS for Free

Image
Here we are providing Colorful Name Tab Hover using HTM L an d CSS code , W here ever you want this Lab el T ab place or paste th e H TM L Code, and CSS code in Blogger CSS p anel .    Demo Fol low the HT ML and C SS code s below : HTML Code :  <li style="-webkit-animation-delay:.1s" class="tomato"></li> <li style="-webkit-animation-delay:.2s" class="peachpuff"></li> <li style="-webkit-animation-delay:.3s" class="coral"></li> <li style="-webkit-animation-delay:.4s"class="cornflowerblue"></li> <li style="-webkit-animation-delay:.5s" class="peru"></li> <li style="-webkit-animation-delay:.6s" class="snow"></li> <li style="-webkit-animation-delay:.7s" class="chocolate"></li> <li style="-webkit-animation-delay:.8s" class="papayawhip...

Vertical Navigation Tab Menus For Blogger

Image
Here we going to tell how to install Vertical Tab Menus in blogger there are around 25 styles install them in your blog and Customize to attract users .

How to install Java Script in Blogger

Image
Here we going to explain How to install or Paste Java script/HTML in Blogger and can paste CSS in you source code.customize your blogger template or your website/blog. Fallow the steps to implement java script /HTML and CSS Step 1 : Log in  into your blogger account and go to layouts and add a Gadget as shown in figure

How To Customize Avatar in Blogger

Here we going to show how to customize avatar in blogger, where ever you want to change your avatar style can change it, HOVER Avatar for free,how to put code into your Blogger/Blog Click Here . Below the HTML and CSS Code are available. HTML Code :  <ul class="rp-grid">   <li>     <div class="rp-item rp-img-1">       <div class="rp-info">         <h3> kalyan </h3>         <p> kalyan chakravarthi <a href=" https://twitter.com/hdwalle ">Follow on Twitter</a></p>       </div>     </div>   </li>   <li>     <div class="rp-item rp-img-2">       <div class="rp-info">         <h3> kalyan </h3>   ...

3D Buttons for Free in Blogger

Image
3D Buttons for free in blogger these buttons you can use where ever you want and cant edit these button colors too here the Demo image and link to check Fallow the steps to implement these buttons

JQuary Image Grid View in Blogger

Image
Here we providing wonderful JQuary Image Grid View . In Blogger you can post the image in grid view discussed in previous article, Now we providing JQuary Image Grid View with animation you can post in blogger The HTML code how to insert your image into it : <ul class="m4">     <li><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW4cA6zAWh9CLmx9I1sjNhjrw85E45xktMRfLqblRoEEetlWIJlLBuiMCoRjwuEvRMdNqKnwlID6uJg9e3263Dt-XMNKn8Y43H4wFoeasRQNuD7GiKJZrTvtRacC6z4Z1lxttfBBL7xac8/s320/Egypt+1.jpg " /></li>     <li><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW4cA6zAWh9CLmx9I1sjNhjrw85E45xktMRfLqblRoEEetlWIJlLBuiMCoRjwuEvRMdNqKnwlID6uJg9e3263Dt-XMNKn8Y43H4wFoeasRQNuD7GiKJZrTvtRacC6z4Z1lxttfBBL7xac8/s320/Egypt+1.jpg " /></li>     <li><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW4cA6zAWh9CLmx9I1sjNhjrw85E45xktMRfLqblRoEEetlW...

Two RSS Subscription Box For Blogger

Image
Here there are two stylish subscription box are available for blogger i think you guys love these one try this and have fun.Sample Screenshots are shown in figure,how to install this subscription box into your blog or website

How to Upload a Template to your Blog

Image
Here we explain How to upload a template to your blogger with help of Screen shots and video tutorial fallow the steps given below. You can Download Template for Free Here  Step 1 : First Login into to your blogger as shown in figure enter in template

How to Put Images Code in Grid View in Blogger

Image
How to Implement / Execute the HTML code in blogger Procedure Screen Shots as fallows : First Log in  into your blogger  Click on HTML button

Post Your Images in Grid View in Blogger

Image
Post your images in grid view in blogger with simple html code. define how many images you want in a row two,three,four etc. the html code is Procedure Explaine d in Image Slide s For Two images in Rows code is : <TABLE> <TR> <TD> IMAGE CODE </TD> <TD> IMAGE CODE </TD> </TR> <TR> <TD> IMAGE CODE </TD> <TD> IMAGE CODE </TD> </TR> </TABLE> Image code look's like : "  <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9jBalDSmlC6mXidZzFApkEL5h_Op5otjCzQce1Qf-APDTk7qEPtorSRAEMcxTlyK7F0XE0Js492m-Bq_qEz0H7BSIp02uBK68GZjeTsRmb6Htfss1HWD1HafzKu8LlNlfZNB679Oc6Zw/s1600/25.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9jBalDSml...