Wapkiz Stylish Blog Post Code With Dropdown Category

Add a Blog post system on your wapkiz site with a dropdown menu category.

Click Here to see demo.

Add below Html, Tag & CSS to create..

CSS

body{margin:0px; background:#f0f0f0;font-size:small}
.menubar{margin:0;padding:10px 5px;overflow:hidden;background-color:#343a40;color:#fff;border-bottom:3px #666 solid; text-align:center;}
textarea{width:96%; height:150px;background-color:#f0f0f0; border-left:3px #E67A7A solid;padding:5px;}
.feild input[type=text] {width: 100%;  padding: 8px 15px;  margin: 8px 0;  display: inline-block;  border: 1px solid #ccc;  box-sizing: border-box;}
.feild textarea{width: 100%;  padding: 8px 15px;  margin: 8px 0;  display: inline-block;  border: 1px solid #ccc;  box-sizing: border-box;}
.feild select {  width: 100%;  padding: 8px 15px;  margin: 8px 0;  display: inline-block;  border: 1px solid #ccc;  box-sizing: border-box;background-color:#fff;}
.feild input[type=password] {  width: 100%;  padding: 8px 15px;  margin: 8px 0;  display: inline-block;  border: 1px solid #ccc;  box-sizing: border-box;}
.feild input[type=submit], .chpass input[type=submit] {background-color: #4CAF50; color: white; text-transform: uppercase; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; }
.feild input[type=submit]:hover { opacity: 0.8; }

Html/Tag Code

<div class="menubar">CREATE BLOG</div><div style="padding:5px 15px;"><div class="feild">[blog_form]bid=forum,ud=site-1.html||<div style="text-transform:capitalize;">%notify%</div> <b>Title</b><br/><input type="text" name="blog_title" value="" placeholder="Forum Title/Subject" required/><br/><b>Text</b><br/><textarea name="text" id="blogtext" placeholder="Enter Your Content Here..." required></textarea><br/><b>Category</b><br/><select type="text" name="blog_cat"><option value="Category 1">Category 1</option><option value="Category 2">Category 2</option><option value="Category 3">Category 3</option><option value="Category 4">Category 4</option><option value="Category 5">Category 5</option></select><br/>%submit%[/blog_form]</div></div>

Tools

bid=forum to make the type of point to multi-blog blog that can be used for forums, guestbooks, etc is not just one type of blog. Please forums can be replaced with arbitrary label you an example: bid=blog

ud=url Add Url parameter if the process is successful, leave blank to direct to the page itself please empty ud.

Category List

Change or add option value and respective name for a blog category.

If you have any question please comment below.

8 Comments

    • sure…

      add :var:color=[rand-open]#FF0000[r]#3D991F[r]#0000CC[r]#B88A00[r]#00CC7A[r]#088A29[r]#FF00FF[/rand-close]: this code on your website once and then use :v:color: in css

      for example <span style="color: :v:color:">Color</span>

      you can change the color code as you need..

Leave a Reply

Your email address will not be published.


*