today am sharing a simple wapk...

Topic: [DEFAULT] Make A Blog Site In Wapkiz All Codes With Demo

wkfan •
Newbie

Post: 5

sperma

today am sharing a simple wapkiz blog code here are some sceenshot

[br]

First past this code in your Meta Header

COPY CODE:

Then past this code in header

COPY CODE:

<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">    <div class="container">      <a class="navbar-brand" href="#">WapkizTutorial</a>      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">        <span class="navbar-toggler-icon"></span>      </button>      <div class="collapse navbar-collapse" id="navbarResponsive">        <ul class="navbar-nav ml-auto">          <li class="nav-item active">            <a class="nav-link" href="#">Home              <span class="sr-only">(current)</span>            </a>          </li>          <li class="nav-item">            <a class="nav-link" href="#">About</a>          </li>          <li class="nav-item">            <a class="nav-link" href="#">Services</a>          </li>          <li class="nav-item">            <a class="nav-link" href="#">Contact</a>          </li>        </ul>      </div>    </div>  </nav>

Then past this code in your footer

COPY CODE:

Past this in your index page i mean in page 0.. site 0

COPY CODE:

<html>	<head></head>	<body>				<div class="container">			<div class="row">																<div class="col-lg-8">										[blog]bid=blog,o=u,l=5,s=:to-page:,no=Please add new posting||										<div class="card mb-4">						<img class="card-img-top" src="%urlthumb%" alt="Card image cap" />						<div class="card-body">							<h2 class="card-title">%title%</h2>							<p class="card-text">%text-40%</p>							<a href="site-1.html?to-blog=%id%&to-title=%title%" class="btn btn-primary">Read More →</a>						</div>						<div class="card-footer text-muted">							Posted on %date%  by							<a href="#">%category%</a>																				</div>					</div>										[/blog]															:page:s=:to-page:,l=5,c=[blog]bid=blog,l=0,no=0||[/blog],u=?to-page=::%prev=older% %next=newer%:/page:				</div>																				<div class="col-md-4">										<div class="card my-4">						<h5 class="card-header">Search</h5>						<div class="card-body">							<div class="input-group">								<input type="text" class="form-control" placeholder="Search for..." />								<span class="input-group-btn">									<button class="btn btn-secondary" type="button">Go!</button>								</span>							</div>						</div>					</div>										<div class="card my-4">						<h5 class="card-header">Categories</h5>						<div class="card-body">							<div class="row">								<div class="col-lg-6">									<ul class="list-unstyled mb-0">										<li>											<a href="#">Web Design</a>										</li>										<li>											<a href="#">HTML</a>										</li>										<li>											<a href="#">Freebies</a>										</li>									</ul>								</div>								<div class="col-lg-6">									<ul class="list-unstyled mb-0">										<li>											<a href="#">JavaScript</a>										</li>										<li>											<a href="#">CSS</a>										</li>										<li>											<a href="#">Tutorials</a>										</li>									</ul>								</div>							</div>						</div>					</div>										<div class="card my-4">						<h5 class="card-header">Side Widget</h5>						<div class="card-body">You can put anything you want inside of these side widgets. They are easy to use, and feature the new Bootstrap 4 card containers!</div>					</div>				</div>			</div>					</div>			</body></html><br />
<br />

and this

COPY CODE:

<section class="container pt-3 mb-3">    <h2 class="h3 block-title text-center">What we do<small>Whatever we do, we do with your end user in mind </small></h2>    <div class="row pt-5 mt-30">        <div class="col-lg-4 col-sm-6 mb-30 pb-5">            <a class="card" href="#">                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-user fa-3x head-icon"></i></div>                <div class="card-body text-center">                    <h3 class="card-title pt-1">UX Prototyping</h3>                    <p class="card-text text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p><span class="text-sm text-uppercase font-weight-bold">Learn More&nbsp;<i class="fe-icon-arrow-right"></i></span>                </div>            </a>        </div>        <div class="col-lg-4 col-sm-6 mb-30 pb-5">            <a class="card" href="#">                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-user-circle-o fa-3x head-icon"></i></div>                <div class="card-body text-center">                    <h3 class="card-title pt-1">Web &amp; UI Design</h3>                    <p class="card-text text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p><span class="text-sm text-uppercase font-weight-bold">Learn More&nbsp;<i class="fe-icon-arrow-right"></i></span>                </div>            </a>        </div>        <div class="col-lg-4 col-sm-6 mb-30 pb-5">            <a class="card" href="#">                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-address-book fa-3x head-icon"></i></div>                <div class="card-body text-center">                    <h3 class="card-title pt-1">Front-End Development</h3>                    <p class="card-text text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p><span class="text-sm text-uppercase font-weight-bold">Learn More&nbsp;<i class="fe-icon-arrow-right"></i></span>                </div>            </a>        </div>        <div class="col-lg-4 col-sm-6 mb-30 pb-5">            <a class="card" href="#">                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-car fa-3x head-icon"></i></div>                <div class="card-body text-center">                    <h3 class="card-title pt-1">Back-End Development</h3>                    <p class="card-text text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p><span class="text-sm text-uppercase font-weight-bold">Learn More&nbsp;<i class="fe-icon-arrow-right"></i></span>                </div>            </a>        </div>        <div class="col-lg-4 col-sm-6 mb-30 pb-5">            <a class="card" href="#">                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-camera fa-3x head-icon"></i></div>                <div class="card-body text-center">                    <h3 class="card-title pt-1">Usability Testing</h3>                    <p class="card-text text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p><span class="text-sm text-uppercase font-weight-bold">Learn More&nbsp;<i class="fe-icon-arrow-right"></i></span>                </div>            </a>        </div>        <div class="col-lg-4 col-sm-6 mb-30 pb-5">            <a class="card" href="#">                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-image fa-3x head-icon"></i></div>                <div class="card-body text-center">                    <h3 class="card-title pt-1">SEO Optimization</h3>                    <p class="card-text text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p><span class="text-sm text-uppercase font-weight-bold">Learn More&nbsp;<i class="fe-icon-arrow-right"></i></span>                </div>            </a>        </div>    </div></section><br />
<br />

and now make a new page and past this cods

COPY CODE:

<html>	<head></head>	<body>				:title: :to-title: :/title:										<div class="container">			<div class="row">								<div class="col-lg-8">										[blog]to=:to-blog:,v=on,bid=blog||										<h1 class="mt-4">%title%</h1>										<p class="lead">						by						<a href="#">usr=:to-user:</a>					</p>					<hr />										<p>Posted on %date%</p>					<hr />										<img class="img-fluid rounded" src="%urlthumb%" alt="" />					<hr />										<p class="lead">												%text%											</p>					<hr />[/blog]															<div class="card my-4">						<h5 class="card-header">Leave a Comment:</h5>						<div class="card-body">							<form method="post">								<div class="form-group">									<input class="form-control" type="text" name="blogcmt_name" value="">									<textarea name="blogcmt_text" class="form-control" rows="3"></textarea>								</div>								<button type="submit" class="btn btn-primary" name="blogcmt_submit">Submit</button>							</form>						</div>					</div>																				 [blog_cmt]l=10,to=:to-blog:,s=:to-page:,o=ul||										<div class="media mb-4">																		<img class="d-flex mr-3 rounded-circle" src=":user(%name%)-urlfoto:" alt="" />						<div class="media-body">							<h5 class="mt-0">%name%</h5>							%text%						</div>					</div>					[/blog_cmt]				</div>			</div>		</div>	</body></html><br />

if you have any questions then ask in comment box

Back to topic

In forum

kizhelp.wb4.xyz

Have a nice day

Subscribe ||Advertise with us||FAQ ||Terms and Conditions

Developed By: kizhelp.wb4.xyz