Answers for "CSS Code of Guest Post for Blogger"

CSS Code of Guest Post for Blogger

.form-style-6{  
   font:initial;  
   margin:10px auto;  
   padding:16px;  
   background:#ffffff;  
 }  
 .form-style-6 input[type="text"],  
 .form-style-6 input[type="date"],  
 .form-style-6 input[type="datetime"],  
 .form-style-6 input[type="email"],  
 .form-style-6 input[type="number"],  
 .form-style-6 input[type="search"],  
 .form-style-6 input[type="time"],  
 .form-style-6 input[type="url"],  
 .form-style-6 textarea,  
 .form-style-6 select  
 {  
   -webkit-transition:all 0.30s ease-in-out;  
   -moz-transition:all 0.30s ease-in-out;  
   -ms-transition:all 0.30s ease-in-out;  
   -o-transition:all 0.30s ease-in-out;  
   outline: none;  
   box-sizing:border-box;  
   -webkit-box-sizing:border-box;  
   -moz-box-sizing:border-box;  
   background:#fff;  
   margin-bottom:4%;  
   border:1px solid #ccc;  
   padding:3%;  
   color:#555;  
   font:initial;  
 }  
 .form-style-6 input[type="text"]:focus,  
 .form-style-6 input[type="date"]:focus,  
 .form-style-6 input[type="datetime"]:focus,  
 .form-style-6 input[type="email"]:focus,  
 .form-style-6 input[type="number"]:focus,  
 .form-style-6 input[type="search"]:focus,  
 .form-style-6 input[type="time"]:focus,  
 .form-style-6 input[type="url"]:focus,  
 .form-style-6 textarea:focus,  
 .form-style-6 select:focus  
 {  
   box-shadow: 0 0 5px #ff9900;  
   padding:3%;  
   border:1px solid #ff9900;  
 }  
 .form-style-6 input[type="submit"],  
 .form-style-6 input[type="button"]{  
   box-sizing:border-box;  
   -webkit-box-sizing: border-box;  
   -moz-box-sizing:border-box;  
   padding:3%;  
   background:#ff9900;  
   border-bottom:2px solid #ff9900;  
   border-top-style: none;  
   border-right-style: none;  
   border-left-style: none;    
   color:#fff;  
 }  
 .form-style-6 input[type="submit"]:hover,  
 .form-style-6 input[type="button"]:hover{  
   background:#696d6c;  
  .form-style-6{  
   font:initial;  
   margin:10px auto;  
   padding:16px;  
   background:#ffffff;  
 }  
 .form-style-6 input[type="text"],  
 .form-style-6 input[type="date"],  
 .form-style-6 input[type="datetime"],  
 .form-style-6 input[type="email"],  
 .form-style-6 input[type="number"],  
 .form-style-6 input[type="search"],  
 .form-style-6 input[type="time"],  
 .form-style-6 input[type="url"],  
 .form-style-6 textarea,  
 .form-style-6 select  
 {  
   -webkit-transition:all 0.30s ease-in-out;  
   -moz-transition:all 0.30s ease-in-out;  
   -ms-transition:all 0.30s ease-in-out;  
   -o-transition:all 0.30s ease-in-out;  
   outline: none;  
   box-sizing:border-box;  
   -webkit-box-sizing:border-box;  
   -moz-box-sizing:border-box;  
   background:#fff;  
   margin-bottom:4%;  
   border:1px solid #ccc;  
   padding:3%;  
   color:#555;  
   font:initial;  
 }  
 .form-style-6 input[type="text"]:focus,  
 .form-style-6 input[type="date"]:focus,  
 .form-style-6 input[type="datetime"]:focus,  
 .form-style-6 input[type="email"]:focus,  
 .form-style-6 input[type="number"]:focus,  
 .form-style-6 input[type="search"]:focus,  
 .form-style-6 input[type="time"]:focus,  
 .form-style-6 input[type="url"]:focus,  
 .form-style-6 textarea:focus,  
 .form-style-6 select:focus  
 {  
   box-shadow: 0 0 5px #ff9900;  
   padding:3%;  
   border:1px solid #ff9900;  
 }  
 .form-style-6 input[type="submit"],  
 .form-style-6 input[type="button"]{  
   box-sizing:border-box;  
   -webkit-box-sizing: border-box;  
   -moz-box-sizing:border-box;  
   padding:3%;  
   background:#ff9900;  
   border-bottom:2px solid #ff9900;  
   border-top-style: none;  
   border-right-style: none;  
   border-left-style: none;    
   color:#fff;  
 }  
 .form-style-6 input[type="submit"]:hover,  
 .form-style-6 input[type="button"]:hover{  
   background:#696d6c;
}

HTML Code of Guest Post for Blogger

<script src="https://dl.dropboxusercontent.com/s/htbxax1y39i5oak/guests.js" type="text/javascript"></script>  
 Send your Article to Us  we will Publish your article !!  
 <script type="text/javascript">  
    bkLib.onDomLoaded(function() {  
      var myNicEditor = new nicEditor();  
      myNicEditor.setPanel('myNicPanel');  
      myNicEditor.addInstance('wysiwyg');  
    });  
 </script>  
 <div class="form-style-6">  
 <form action="//formspree.io/[email protected]" id="contactform" method="POST">  
 <input name="name" placeholder="Your name" type="text" />  
 <input name="_replyto" placeholder="Your email required" required="" type="email" />  
 <textarea name="Details" placeholder="This is an optional section. You can tell about yourself and post Your social links and site links here." required="" rows="6" style="width: 50%;"></textarea>  
 <input name="Post_title" placeholder="Post Title (Required)" style="width: 85%;" type="text" />  
 <h3>  
 Write Post below</h3>  
 <div id="myNicPanel" style="width: 90%;">  
 </div>  
 <textarea id="wysiwyg" name="message" rows="20" style="background: white; overflow: scroll; width: 90%;"></textarea>  
 <input name="tags" placeholder="Enter your tags/label/category (optional)" style="width: 85%;" type="text" />  
 <input name="_gotcha" style="display: none;" type="text" />  
 <input name="_next" type="hidden" value="https://conount.blogspot.com/p/thank-you.html" />  
 <input type="submit" value="Post it for review" />  
 </form>  
 <b>  
 </b> <b>Please, Don't post Spam!, Spams are excluded Automatically.</b></div>  
 <h2>  
 Guidelines for guest posting </h2>  
 <ol>  
 <li>450 words Minimum</li>  
 <li>We Publish  Unique Articles  Only</li>  
 </ol>  
 <script>  
   var contactform = document.getElementById('contactform');  
   contactform.setAttribute('action', '//formspree.io/[email protected]');  
 </script>