Post List And it’s Tag Code in Wapkiz



Hey, welcome back
Today’s topic base on how to get people in love with Wapkiz blog because many thinks Wapkiz is harder which does not.

You Know as a blogger who chose to use free platform you need to have some Division In an HTML Document (Div). As in some Css classes with different name
If you haven’t have it yet please copy the following code

a:visited { color: maroon; border: gold;}

input[type=text], input[type=password] { border: 2px solid #afafaf; background: #fff; padding: 3px; color:blue; width:120px;height:30px;}

}

textarea { border: 1px solid #afafaf; background:#fff; width:50px;}
input[type=submit] { background: #3b5999; width:120px;height:30px; border: 2px solid greenyellow; padding: 3px; font-weight:bold; color:yellow;}

form { padding: 2px; }

img { max-width: 90%; }

.nav { }.section1 {background:#dbeadc;border:;padding:4px;margin-bottom:2px;color:red;font-weight:bold;margin:2px;}

.section2 { background: white; border: 2px solid azure3; padding: 2px; margin-left: 0px; margin-right: 0px;color: green; font-weight: normal;}
.page { padding: 2px; }
.page a { background: greenyellow; border:1px solid #0088aa; padding: 5px; padding-right:5px; padding-left:5px;color:white; }
.page span { background: #0088aa; padding: 5px; padding-right:5px; padding-left:5px; color: white; font-weight: bold;margin:3px; }

Go to “PANEL” click on “Css theme”. You will see this

Post List And it's Tag Code in Wapkiz, Post List And it’s Tag Code in Wapkiz, 360okay

click on “Edit full css”. Paste the code you have just copied in that big box

a:visited { color: maroon; border: gold;}

input[type=text], input[type=password] { border: 2px solid #afafaf; background: #fff; padding: 3px; color:blue; width:120px;height:30px;}

}

textarea { border: 1px solid #afafaf; background:#fff; width:50px;}
input[type=submit] { background: #3b5999; width:120px;height:30px; border: 2px solid greenyellow; padding: 3px; font-weight:bold; color:yellow;}

form { padding: 2px; }

img { max-width: 90%; }

.nav { }.section1 {background:#dbeadc;border:;padding:4px;margin-bottom:2px;color:red;font-weight:bold;margin:2px;}

.section2 { background: white; border: 2px solid azure3; padding: 2px; margin-left: 0px; margin-right: 0px;color: green; font-weight: normal;}
.page { padding: 2px; }
.page a { background: greenyellow; border:1px solid #0088aa; padding: 5px; padding-right:5px; padding-left:5px;color:white; }
.page span { background: #0088aa; padding: 5px; padding-right:5px; padding-left:5px; color: white; font-weight: bold;margin:3px; }

Now you are good to go

There are two ways to set your post displayer now am giving you the common one you might have been starving for.

:
LATEST POST
Copy the following code paste it in HTML/tag

[blog]bid=,l=10,o=u,s=:to-page:,no=no more||

%title%

[/blog]

:page:s=:to-page:,l=4,c=[blog]l=0,no=0||[/blog],u=?to-page=::%prev=BACK% %n% %next=NEXT%:/page:

POPULAR POST

Copy the following code paste it in HTML/tag

[blog]bid=,l=10,o=h,s=:to-page:,no=no more||

%title%

[/blog]

:page:s=:to-page:,l=4,c=[blog]l=0,no=0||[/blog],u=?to-page=::%prev=BACK% %n% %next=NEXT%:/page:


Remove star (*)

Do you know ? You can edit this code when pasted on your own affair.
Now am showing you post tag. Pls read carefully and understand it better

Post tag:

%id% stand for post id
%title% showing post title
%bid% showing post folder e.g (Music)
%date% post written date
%sn% post number in count
%text% post text
%text-30% post text in short 30 character
%count% number of post in a folder example [blog]bid=Music,l=0,no=0||%count%[/blog]

bid= display by folder e.g bid=Music

l= list by specific number e.g l=10

o=u sort by latest
o=ul sort by oldest
o=h sort by rating we use this to display popular post

s=:to-page: contain paging
no= text to display when there’s nothing in a folder e.g no more post or no post yet

usr=:to-user: display post by user, we use this in user timeline
usr=:my_name: we use this in own profile view and bio especially Bio

That’s all, don’t forget to drop comment

Be the first to comment

Leave a Reply

Your email address will not be published.