Tuesday, November 5, 2019

How to create social media like facebook on Wapkiz part 5

            No comments    
How to create social media like facebook on Wapkiz  Part 5. Here is the final steps to create social media like facebook on Wapkiz sucCessful.
Here we are going to drop post full view codes, Login and Register  Codes.

Full story

<head><title>[blog]to=:to-blog:,no=Firstbook||[replace=(%text-10%)][icon][][/icon]||<img src="[]"width="50px"/>[/replace][/blog]</title> </head>[blog]to=:to-blog:,v=0||| <div class="post"> <img class="frame" src="[replace=(:profile(%by%)-urlfoto:)]img/profile.png||http://dl3.wapkizfile.info/ddl/a23f5b507ae9f62c1dd624f3e7e7fcae/wapmastersbd+wapkiz+mobi/avatar-png-transparent-19-(wapmastersbd.wapkiz.mobi).png[/replace]" height="30px" width="30px"/><a href="/site-timeline.html?to-user=%by%"><b>%by%</b></a><br/><br/>%title%<br/>[replace=(%text%)][icon][][/icon]||<img src="[]"width="50px"/>[/replace]<br/><font color="gray">%date=--% Ago</font><br/><div class="post"><a href="/site-full.html?to-blog=%id%#hits"> %comment_count% comments</a> | <a href="/site-react.html?to-blog=%id%#hits"> React </a> | %edit% | <a href="/site-repost.html?to-blog=%id%"> Repost This</a></div></td></table></div>[/blog]


<div class="head">Comment:</div> [blog_cmt]l=5,to=:to-blog:,s=:to-page:,o=ul||<div class="post"><table><tr><td valign="top"><img src=":user(%name%)-urlfoto:" width="30"/></td><td valign="top"><b><a href="site-profile.html?to-user=[replace=(%name%)]Ibraheemng||Ibraheem[/replace]">[replace=(%name%)]Ibraheemng||Admin[/replace]</b></a><br/> [replace=(%text%)][icon][][/icon]||<img src="[]" width="30px"/>[/replace] <br/>%date=--% Ago</td></tr></table></div>[/blog_cmt] <div class="page">:page:s=:to-page:,l=5,c=[blog_cmt]to=:to-blog:,l=0,no=0||[/blog_cmt],u=?to-blog=:to-blog:&to-page=::%prev=older% %next=newer%:/page:</div>

[blogcmt_form]to=:to-blog:||%notify% <div style="border:1px solid #dbeadc;padding:2px;"><input type="text" name="blogcmt_text" value=" " style="border:2px solid greenyellow;"/><br/><center><input type="submit" name="blogcmt_submit" value="COMMENT" class="head" style="border:2px solid #dbeadc;"/></center></div>[/blogcmt_form]

Login

:notify:<br/>  <div class="page"><b>Username<br/><form action=" " method="post"><input type="text" name="user_name_"><br/>Password<input type="password" name="password_"><br/><input style="background-color: #426782; border: 1px solid #fff; padding: 15px 85px; font-color: #fff" type="submit" name="login_user" value="log in" size="33" align="center"> </center> <center> OR  </center><center><a class="category" align="center" href="site_reg.html">Create New Acount</a> </center> <br><a href="site_lpass.hml">Lost Password ?</a><br><a href="site-help.html">Help Center</a> </form></div></div>



Register

:notify=16:<br/>SignUp Firstbook Account<br/><br/>First Name<br/>:var-firstname:<br/><br/>Surname<br/>:var-surname:<br/><br/>User Name Or Id:<br/> :user_name:<br/><br/>  Email:<br/> :email:<br/><br/>Re-Enter Email<br/>:var-email:<br/><br/><input name="var-gender" type="radio" value="1"/>Female<img src="http://wapkings.minewap.com/download/dl3/82736f990931dd25bafac7b5e46a1846/wapkings+minewap+com/rscuekhrrx0-(wapkings.minewap.com).png"/>    <input name="var-gender" type="radio" value="2"/>Male<img src="http://wapkings.minewap.com/download/dl3/e18278b9f007fb9e20b5bfd4c5fbf994/wapkings+minewap+com/xy94ijco4xj-(wapkings.minewap.com).png"/></li><br/><br/>Birthday<select name=”var-day”><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">6</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>  <select name="var-month"><option
     value="January">January</option><option value="February">February</option><option value="March">March</option><option value="April">April</option><option value="May">May</option><option
     value="June">June</option><option value="July">July</option><option value="August">August</option><option value="September">September</option><option value="October">October</option><option value="November">November</option><option value="December">December</option></select>  <select
     name="var-year"><option value="2000">2000</option><option
     value="1999">1999</option><option value=1998">1998</option><option value="1997">1997</option><option
     value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option
     value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option
     value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option
     value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option
     value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option
     value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option
     value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option
     value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option
     value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option
     value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option
     value="1966">1966</option><option value=”"1965">1965</option><option value="1964">1964</option><option
     value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option
     value="1960">1960</option></select><br/><br/>New  Password:<br/>:password:<br/><br/> Re Enter Password<br/>:repassword:<br/><br/><center>By clicking Create an account, you agree to our <a href="">Terms</ a> and that means you have read our <a href="">Data Policy</a>, including our <a href="">Cookie Use</a><br/><br/><input type="submit" name="reg_user" style="border: 1px solid #fff; padding: 15px 85px; size="33" align="center"Create an account" class="header"><br/><br/><a href=/site_reg.html">Already Have Account</a></center><br>.


 That's all. Hope you get the codes right and it worked well? That Please drop your comment if you don't understand, so that we can explain better.
Share:

How to create social media like facebook on Wapkiz part 4

            No comments    
How to create social media like facebook on Wapkiz part 4

Welcome back guys, in this part am going to drop Notification, Friends, Group, Chat, React, Share feelings, and photos sharing page code.

Notifications

<title>Notifications</title><div class="post">Notifications</div> [user]l=1,s=:to-page:,no= || <div class="post"><font color="purple">» <b>New User:</b></font> <a href="/site-profile.html?to-user=:profile(%name%)-name:"><font color="green"><b> :profile(%name%)-name:</b></font><font color="black"> Just create New Firstbook Account</font></a></div>[/user][blog_cmt]to=:to-cat:,to=1,o=u,l=2,s=:url-1(:to-page(1):):,no=nothing ||<div class="post"><b><font color="black">» %name%: </b> Commented In A Post <b>[ %text% ]</b></font><br/><font color="red">[%date=--% ago]</font></div>[/blog_cmt][blog]bid=blog,o=u,l=3,s=:to-page:,no=Please add new posting||<div class="post"><a href="/site-full.html?to-blog=%id%"><b><font color="black">» %by%: </b> Posted <b>[ %text-5% ]</b></font><br/><font color="red">[%date=--% ago]</font></div></a>[/blog]

Friends

<title>My Friends</title><div class="post">Friends</div>[user]l=5,typ=followers,usr=:my_name:,no= ,s=:to-page:||<img src=":profile(%name%)-urlfoto:" width="50px"/> %name% :profile(%name%)-status:<br/> Send :profile(%name%)-message: <br/>[/user]<div class="head">:page:s=:to-page:,l=5,c=[user]typ=followers,l=0,no=0||[/user],u=?to-page=::</div><div class="paging left" id="paging">%prev=Prev%%n%%next=Next%</div>:/page:</div></div><div class="menu"><a href="/site-friends.html"><b>Find Friends</b></a></div>

Chat

<title>Friends - Wapkings Forum</title><div class="head">Friends</div>[user]l=5,typ=followers,usr=:my_name:,no= ,s=:to-page:||<img src=":profile(%name%)-urlfoto:" width="50px"/> %name% :profile(%name%)-status:<br/> Send :profile(%name%)-message: <br/>[/user]<div class="head">:page:s=:to-page:,l=5,c=[user]typ=followers,l=0,no=0||[/user],u=?to-page=::</div><div class="paging left" id="paging">%prev=Prev%%n%%next=Next%</div>:/page:</div></div><div class="menu"><a href="/site-user-list.html"><b>Find Friends</b></a></div>

React
<title>Reactions</title> <style>.sa {border-bottom:1px solid #dbeadc;padding:2px;color:blue;background:#fff;}</style> [blogcmt_form]to=:to-blog:,ud=site-full.html?to-blog=:to-blog:,no=Error occur||%notify%<br/><input type="radio" name="blogcmt_text" value="[icon]https://i.dlpng.com/static/png/4301691_thumb.png[/icon]"/> <img src="https://i.dlpng.com/static/png/4301691_thumb.png" width="10%"/> Haha <div class="sa"></div><br/><input type="radio" name="blogcmt_text" value="[icon]https://cdn.shopify.com/s/files/1/1061/1924/products/Super_Angry_Face_Emoji_ios10_large.png?v=1542436021[/icon]"/> <img src="https://cdn.shopify.com/s/files/1/1061/1924/products/Super_Angry_Face_Emoji_ios10_large.png?v=1542436021" width="10%"/> Angry <div class="sa"></div><br/><input type="radio" name="blogcmt_text" value="[icon]https://banner2.kisspng.com/20180329/wyq/kisspng-balloon-studio-emoji-emoticon-smiley-crazy-5abc9ca8451fc6.5285282415223103122831.jpg[/icon]"/> <img src="https://banner2.kisspng.com/20180329/wyq/kisspng-balloon-studio-emoji-emoticon-smiley-crazy-5abc9ca8451fc6.5285282415223103122831.jpg" width="10%"/> Crazy<div class="sa"></div><br/><input type="radio" name="blogcmt_text" value="[icon]https://icon2.kisspng.com/20180404/jww/kisspng-world-emoji-day-whatsapp-emoticon-crying-sad-emoji-5ac49e122a6e38.5636445015228349621738.jpg[/icon]"/> <img src="https://icon2.kisspng.com/20180404/jww/kisspng-world-emoji-day-whatsapp-emoticon-crying-sad-emoji-5ac49e122a6e38.5636445015228349621738.jpg" width="10%"/> Sad <div class="sa"></div><br/><input type="radio" name="blogcmt_text" value="[icon]https://cdn.iconscout.com/icon/free/png-256/wow-20-894767.png[/icon]"/> <img src="https://cdn.iconscout.com/icon/free/png-256/wow-20-894767.png" width="10%"/> Wow <div class="sa"></div><br/><input type="radio" name="blogcmt_text" value="[icon]https://www.freepngimg.com/thumb/love/13-2-love-free-download-png.png[/icon]"/> <img src="https://www.freepngimg.com/thumb/love/13-2-love-free-download-png.png" width="10%"/> Love <div class="sa"></div> <br/><div style="border:1px solid #dbeadc;padding:2px;"><input type="text" name="blogcmt_name" value=":my_name:" style="border:2px solid greenyellow;"/><br/><br/><center><input type="submit" name="blogcmt_submit" value="GO" class="head" style="border:2px solid #dbeadc;"/></center></div>[/blogcmt_form]<br/>

Share feelings

<title>Feelings</title> <style>.sa {border-bottom:1px solid #dbeadc;padding:2px;color:blue;background:#fff;}</style>[blog_form]bid=blog,ud=site-0.html, no=Error occur||%notify%[/blog_form]<br/><form action="" method="post"><input type="hidden" name="blog_title" value="...."/><input type="radio" name="text" id="blogtext" value="Good Morning [img]http://dl3.wapkizfile.info/ddl/228b8fbf096d680f22a954269c38b120/fasebook%20wapkiz%20com/good-morning-(fasebook.wapkiz.com).jpg[/img]"> <img src="http://dl3.wapkizfile.info/ddl/228b8fbf096d680f22a954269c38b120/fasebook%20wapkiz%20com/good-morning-(fasebook.wapkiz.com).jpg" width="20%"/> Good Morning<br/> <input type="radio" name="text" id="blogtext" value="[img]https://dl3.wapkizfile.info/ddl/1e6ae4ada992769567b71815f124fac5/smsudipbd%20wapkiz%20mobi/download%20(1)-(smsudipbd.wapkiz.mobi).jpg[/img]"/> <img src="https://dl3.wapkizfile.info/ddl/1e6ae4ada992769567b71815f124fac5/smsudipbd%20wapkiz%20mobi/download%20(1)-(smsudipbd.wapkiz.mobi).jpg" width="20%"/> Good Luck <div class="sa"></div><br/><input type="radio"name="text" id="blogtext" value="Am Feeling[icon]https://cdn.shopify.com/s/files/1/1061/1924/products/Super_Angry_Face_Emoji_ios10_large.png?v=1542436021[/icon] Today"/> <img src="https://cdn.shopify.com/s/files/1/1061/1924/products/Super_Angry_Face_Emoji_ios10_large.png?v=1542436021" width="20%"/> Angry <div class="sa"></div><br/><input type="radio" name="text" id="blogtext" value="Am Feeling[icon]https://banner2.kisspng.com/20180329/wyq/kisspng-balloon-studio-emoji-emoticon-smiley-crazy-5abc9ca8451fc6.5285282415223103122831.jpg[/icon] Today"/> <img src="https://banner2.kisspng.com/20180329/wyq/kisspng-balloon-studio-emoji-emoticon-smiley-crazy-5abc9ca8451fc6.5285282415223103122831.jpg" width="20%"/> Crazy<div class="sa"></div><br/><input type="radio"name="text" id="blogtext" value="Am Feeling [icon]https://icon2.kisspng.com/20180404/jww/kisspng-world-emoji-day-whatsapp-emoticon-crying-sad-emoji-5ac49e122a6e38.5636445015228349621738.jpg[/icon] Today"/> <img src="https://icon2.kisspng.com/20180404/jww/kisspng-world-emoji-day-whatsapp-emoticon-crying-sad-emoji-5ac49e122a6e38.5636445015228349621738.jpg" width="20%"/> Sad <div class="sa"></div><br/><input type="radio" name="text" id="blogtext" value="Am Feeling [icon]https://cdn.iconscout.com/icon/free/png-256/wow-20-894767.png[/icon]" Today/> <img src="https://cdn.iconscout.com/icon/free/png-256/wow-20-894767.png" width="20%"/> Wow <div class="sa"></div><br/><input type="radio"name="text" id="blogcmt_text" value="Am Feeling [icon]https://www.freepngimg.com/thumb/love/13-2-love-free-download-png.png[/icon] Today"/> <img src="https://www.freepngimg.com/thumb/love/13-2-love-free-download-png.png" width="20%"/> Love <div class="sa"></div><center><input type="submit" name="blog_submit" value="Share Your Feelings" class="head" style="border:2px solid #dbeadc;"/></center></form></div><br/>

Post photos

Open uploader and paste this link code

<title>Upload Photo</title><div ckass="post"> Upload your photo here <br/> <br/> <br/>%notify%  %file%
     %submit% <hr/> <br/></duv>

Now open another page name it preview and paste this

<title>Preview Photo </title><div class="zbd" align="center">[fm]d=1,l=1,k=u,no=Error occure||<a href="/site-preview-photo.html?to-file=%id%"><img src="%link%"/></a>[/fm]</div><div class="zbd" align="center"><font color="red">Say Something About it</font>[blog_form]bid=blog,ud=site-0.html,s=:to-page:||%notify% <input type="hidden" name="text" id="blogtext" value="[fm]d=1,l=1,usr=:my_name:,o=u||[img]%link%[/img][/fm]"/><textarea name="blog_title"></textarea><br/><br/>%submit=Continue%[/blog_form]<div></div></div></div><br/><br/>

Group

Create new page name it group
Group list

<title>Groups</title><br/><center><a href="/site-create-group.html"> + Create New Group</center></a><br/><font color="gray">FIRSBOOK GROUPS</font><br/>[blog]bid=group,o=lc,l=10,s=:to-page:,no=No Group||<div class="post"><a href="/site-g.html?to-blog=%id%"><b>%title%</b></a></div>[/blog]

New pag  "Create group"

Create group fb
<title>Create New Group</title>[blog_form]bid=group,ud=site-group.html||%notify%[/blog_form]<form action=" "method="post"> Group Name:<br/><input type="text" name="blog_title" placeholder="Group Name" style="margin:1px; padding:12px 15px; border:1px solid #ccc;"/><br/><input type="hidden" name="text" id="blogtext" value="This group created by me @%by%, And is %category%"/><input type="radio" name="blog_cat" Value="PUBLIC,Anyone can post anything in this group expect sperm"/>Public Group ,Anyone can post anything in this group expect sperm.<br/><br/><input type="radio" name="blog_cat" Value="Business Group: Only our business partner can post anything in this group"/>Business Group: Only our business partner can post anything in this group<br/><br/><input type="radio" name="blog_cat" Value="Language Chat, Only Our Language Member can post anything in this group"/>Lang Group, Only Our Language Member can post anything in this group<br/><br/><input type="submit" name="blog_submit" value="Create Group"/></form>

New page again and name it "g" which is Group view

<head><title>[blog]to=:to-blog:,no=Group||%title%[/blog]</title> </head>[blog]to=:to-blog:,no=No Post||<table width="100%"> <tr><th align="left"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/y1/r/SY6u2OaJZhg.png?_nc_eui2=AeE1UXptZoZR8wBSja5dsRTvbxy_kWaYbETnDAeVwv1Rmca0OytpFkAp62bW2W5mXiNqA_vPvkVcLKzsEaygo_SQEw1TETegDynr_t0GGH-dEy_LfbSaL4kjc3VaLwGn2IA"/></th> <th align="center"><font size="4" color="blue"><b>%title%<b></font><br/>%category%</th><th align="right"><a href="/link-profile.html?to-user=:profile(%by%)-name:"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yK/r/-w1nk8attuh.png?_nc_eui2=AeFr2Rsyf5UiatSSNU8L8qq5KgXPtS9YxTYs_8xx2anJr0E-U_i3rqO2-tNQgjqP-ITKcqgF3eMB009EQdcQCsobE1KqLPHgTxTBHeAdIJDerkVKf_FQt1OGmUFu9V5oEwc"/><br/>Add Author</a></th></tr></table>[/blog]


[blog_form]bid=:to-blog:,ud=site-g.html||%notify%<form action="" method="post"><table class="ba cj"><tbody><tr><td class="bb"><div class="ck"><a href="/site-profile.html?to-user=:my_name:"><img src="[replace=(:profile(:my_name:)-urlfoto:)]img/profile.png||http://dl3.wapkizfile.info/ddl/a23f5b507ae9f62c1dd624f3e7e7fcae/wapmastersbd+wapkiz+mobi/avatar-png-transparent-19-(wapmastersbd.wapkiz.mobi).png[/replace]" width="32" height="32" class="cl cm m" alt="%my_name%" /></a></div></td><td class="bg"><div> <input type="hidden" name="blog_title" size="10%" maxlength="110" value="Group Post"/><input type="hidden" name="blog_cat" size="10%" maxlength="110" value=":to-title:"/> <textarea class="co cp cq cr" name="text" id="blogtext" placeholder="What&#039s on your mind?" rows="2"/></textarea></div></td><td class="bb"><div class="cs"><input type="submit" name="blog_submit" value="Post" class=" q bm bn ct cu" /></div></td></tr></tbody></table><div class="bz"><span class="cv cw o cx"><div class="cy"><table class="ba cz da"><tbody><tr><td class="bj bb db"><a href="/site-photo.html" class="dc"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/y6/r/uaqMFc8uEDi.png?_nc_eui2=AeGGoPS53Wigj8dhYlaE_3vpJvC2gAQPey0vCG5teK3nR2GixuY6FfBiDCAjJb2nZbCsdJGd5oWnMhK6qLHsxi9V5ataAGdQnDLGJo_490L5mHYttkszIA_elrWu5abOJXc" width="12" height="12" class="dd de m" /></a></td><td class="bj bb db"><a href="/site-photo.html" class="q df dg dh"><span class="t">Photo</span></a></td></tr></tbody></table></div>&nbsp<div class="cy"><table class="ba cz da"><tbody><tr><td class="bj bb db"><a href="/#refresh" class="dc"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yW/r/_4Hh2bvHgZo.png?_nc_eui2=AeHlkj7Cy_idmgV4WmFowJJ9MztrExks5MUg9OImv2DDFWIim6CYFG1lHeSeLyjtY_KMoBuK4CgbyP2NPyjNEDIUMT0oWdniNyxMapHwVpmfFRBaUrqJgRgM_aeYVzbTa8A" width="12" height="12" class="dd de m" /></a></td><td class="bj bb db"><a href="/site-feelings.html"><span class="t"><font color="black"> Feeling</font></span></a></td></tr></tbody></table></div>&nbsp<div class="cy"><table class="ba cz da"><tbody><tr><td class="bj bb db"><a href="/site-photo.html" class="dc"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yp/r/34EYjCc1KsN.png?_nc_eui2=AeFSRJYlEfGsrwvncaLuSRItP7-fUEfTifRs8tA4BiVtC4NFXIhnDYPhVQTszCNK8An805rk7s8IgFWBnMyJt_ez64tcnUKjJFdROpYrXDflbcGuUvXt9EVo857VY7YzaRVs" width="12" height="12" class="dd de m" /></a></td><td class="bj bb db"><a href="/link-photo.html" class="q df dg dh"><span class="t">More</span></a></td></tr></tbody></table></div></span></div></form>[/blog_form]</div></div>

[blog]bid=:to-blog:,o=u,l=10,s=:to-page:,no=Sorry no more stories|| <div class="post"> <img class="frame" src="[replace=(:profile(%by%)-urlfoto:)]img/profile.png||http://dl3.wapkizfile.info/ddl/a23f5b507ae9f62c1dd624f3e7e7fcae/wapmastersbd+wapkiz+mobi/avatar-png-transparent-19-(wapmastersbd.wapkiz.mobi).png[/replace]" height="30px" width="30px"/><a href="/site-profile.html?to-user=%by%"><b>%by%</b></a><br/><br/>[replace=(%text%)][icon][][/icon]||<img src="[]"width="50px"/>[/replace]<br/><font color="gray">%date=--% Ago</font><br/><div class="post"><a href="/site-full.html?to-blog=%id%#hits"> %comment_count% comments</a> | <a href="/site-react.html?to-blog=%id%#hits"> React </a> | <a href="/site-full.html?to-blog=%id%"> Full Story </button> </a> | <a href="/?to-blog=%id%"> Repost This</a></div></td></table></div>[/blog]

<center>:page:c=100,l=10,s=:to-page:,no=:: <div align="center" class="category">%next=See More Stories%:/page:</div></center>

That is all we are going to complete tutorial in the next part thanks understanding . Please Share
Share:

How to create social media like facebook on Wapkiz part 3

            No comments    
How to create social media like facebook on Wapkiz part 3.

Let's talk about profie  edit profile and  message.


Open a page and name it "profile"

Profile

:title: :profile(:to-user:)-name: :/title: <center><div class=""><img src=":profile(:to-user:)-urlfoto:"class="img" height="90″ width="90″/></div> <a> :profile(:to-user:)-name: :profile(:to-user:)-status: <br/> :profile(:to-user:)var-firstname: :profile(:to-user:)var-surname: </a>  <br/>Last Seen: :profile(:to-user:)-dlogin: <br/> Registered On :profile(:to-user:)-dreg: </center><br>Country:<a>:profile(:to-user:)-var(country):<br> Looking for: :profile(:to-user:)-var(look): <br>About:<center>:profile(:to-user:)-var(about):</center><div class="post"><a href="/site-about.html?to-user=:to-user:"> About </a> | <a href="/site-friends.html?to-user=:to-user:"> Friends</a> | <a href="/site-myfriindes.html?to-user=:to-user:"> Following </a> | <a href="/site-profile.html?to-user=:to-user:"> More </a></div>

[blog_form]bid=blog,ud=site-0.html||%notify%<form action="" method="post"><div class="ca"><span class="cb">Share with:&nbsp</span><label class="cc cd ce cf"><a href="/#refresh" class="q cg cd ch"><span class="t">Public</span></a><div class="ci"></div></label></div></div><table class="ba cj"><tbody><tr><td class="bb"><div class="ck"><a href="/site-profile.html?to-user=:my_name:"><img src="[replace=(:profile(:my_name:)-urlfoto:)]img/profile.png||http://dl3.wapkizfile.info/ddl/a23f5b507ae9f62c1dd624f3e7e7fcae/wapmastersbd+wapkiz+mobi/avatar-png-transparent-19-(wapmastersbd.wapkiz.mobi).png[/replace]" width="32" height="32" class="cl cm m" alt="%my_name%" /></a></div></td><td class="bg"><div> <input type="hidden" name="blog_title" size="10%" maxlength="110" value="PUBLIC POST"/><input type="hidden" name="blog_cat" size="10%" maxlength="110" value="Shout Box"/> <textarea class="co cp cq cr" name="text" id="blogtext" placeholder="What&#039s on your mind?" rows="2"/></textarea></div></td><td class="bb"><div class="cs"><input type="submit" name="blog_submit" value="Post" class=" q bm bn ct cu" /></div></td></tr></tbody></table><div class="bz"><span class="cv cw o cx"><div class="cy"><table class="ba cz da"><tbody><tr><td class="bj bb db"><a href="/site-photo.html" class="dc"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/y6/r/uaqMFc8uEDi.png?_nc_eui2=AeGGoPS53Wigj8dhYlaE_3vpJvC2gAQPey0vCG5teK3nR2GixuY6FfBiDCAjJb2nZbCsdJGd5oWnMhK6qLHsxi9V5ataAGdQnDLGJo_490L5mHYttkszIA_elrWu5abOJXc" width="12" height="12" class="dd de m" /></a></td><td class="bj bb db"><a href="/site-photo.html" class="q df dg dh"><span class="t">Photo</span></a></td></tr></tbody></table></div>&nbsp<div class="cy"><table class="ba cz da"><tbody><tr><td class="bj bb db"><a href="/#refresh" class="dc"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yW/r/_4Hh2bvHgZo.png?_nc_eui2=AeHlkj7Cy_idmgV4WmFowJJ9MztrExks5MUg9OImv2DDFWIim6CYFG1lHeSeLyjtY_KMoBuK4CgbyP2NPyjNEDIUMT0oWdniNyxMapHwVpmfFRBaUrqJgRgM_aeYVzbTa8A" width="12" height="12" class="dd de m" /></a></td><td class="bj bb db"><a href="/site-feelings.html"><span class="t"><font color="black"> Feeling</font></span></a></td></tr></tbody></table></div>&nbsp<div class="cy"><table class="ba cz da"><tbody><tr><td class="bj bb db"><a href="/site-photo.html" class="dc"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yp/r/34EYjCc1KsN.png?_nc_eui2=AeFSRJYlEfGsrwvncaLuSRItP7-fUEfTifRs8tA4BiVtC4NFXIhnDYPhVQTszCNK8An805rk7s8IgFWBnMyJt_ez64tcnUKjJFdROpYrXDflbcGuUvXt9EVo857VY7YzaRVs" width="12" height="12" class="dd de m" /></a></td><td class="bj bb db"><a href="/link-photo.html" class="q df dg dh"><span class="t">More</span></a></td></tr></tbody></table></div></span></div></form>[/blog_form]</div></div>

[blog]usr=:to-user:,o=u,l=10,s=:to-page:,no=Sorry no more stories|| <div class="post"> <img class="frame" src="[replace=(:profile(%by%)-urlfoto:)]img/profile.png||http://dl3.wapkizfile.info/ddl/a23f5b507ae9f62c1dd624f3e7e7fcae/wapmastersbd+wapkiz+mobi/avatar-png-transparent-19-(wapmastersbd.wapkiz.mobi).png[/replace]" height="30px" width="30px"/><a href="/site-profile.html?to-user=%by%"><b>%by%</b></a><br/><br/>%title%<br/>[replace=(%text%)][icon][][/icon]||<img src="[]"width="50px"/>[/replace]<br/><font color="gray">%date=--% Ago</font><br/><div class="post"><a href="/site-full.html?to-blog=%id%#hits"> %comment_count% comments</a> | <a href="/site-react.html?to-blog=%id%#hits"> React </a> | <a href="/site-full.html?to-blog=%id%"> Full Story </button> </a> | <a href="/?to-blog=%id%"> Repost This</a></div></td></table></div>[/blog]

<center>:page:c=100,l=10,s=:to-page:,no=:: <div align="center" class="category">%next=See More Stories%:/page:</div></center>

Now open another page name it edit profile and paste this codes.

[setuser]ud=site-profile.html?to-user=:profile(:to-user:)-name:|| <div class="post">(if :profile(%name%)-dreg:=::date::)Complete Your Profile(/if)<br/>Upload Profile Picture</div><div class="post"><center><img src=":profile(:to-user:)-urlfoto:" width="200px"/><br>Upload Profile Picture<br/>:foto:<br/></center></div> <br/>First Name<br/>:var-firstname:<br/><br/>Surname<br/>:var-surname:<br/><br/>Enter Email<br/>:var-email:<br/><br/><input name="var-gender" type="radio" value="1"/>Female<img src="http://wapkings.minewap.com/download/dl3/82736f990931dd25bafac7b5e46a1846/wapkings+minewap+com/rscuekhrrx0-(wapkings.minewap.com).png"/>    <input name="var-gender" type="radio" value="2"/>Male<img src="http://wapkings.minewap.com/download/dl3/e18278b9f007fb9e20b5bfd4c5fbf994/wapkings+minewap+com/xy94ijco4xj-(wapkings.minewap.com).png"/></li><br/><br/>Birthday<select name=”var-day”><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">6</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>  <select name="var-month"><option    value="January">January</option><option value="February">February</option><option value="March">March</option><option value="April">April</option><option value="May">May</option><option    value="June">June</option><option value="July">July</option><option value="August">August</option><option value="September">September</option><option value="October">October</option><option value="November">November</option><option value="December">December</option></select>  <select    name="var-year"><option value="2000">2000</option><option    value="1999">1999</option><option value=1998">1998</option><option value="1997">1997</option><option    value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option    value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option    value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option    value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option    value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option    value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option    value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option    value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option    value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option    value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option    value="1966">1966</option><option value=”"1965">1965</option><option value="1964">1964</option><option    value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option    value="1960">1960</option></select><br/> <br/> > <br/>Looking for:<br/>:var-look:<br/> <br/>Country:<br/>:var-country:<br/> Address:<br/>:var-address:<br/> Phone: <br/>:var-phone:<br/> Facebook Account: <br/>:var-fb:<br/>Twitter Account:<br/>  :var-twitter:<br/> About You: <br/>:var-about:<br/><br/> <br/><div style="border: 1px solid #fff; padding: 15px 85px; size="33">:submit:</div><br/><br/>[/setuser]


Another page again and name it message paste this
Message list

<title>Messages </title>[msg]m=in,l=10,no=nomessage|| Messages<div class="post"> <a href="/site-myfriends.html"> My Friends </a> || <a href="site-friends.html"> Find Friends </a> </div> <div class="post"><a href="/site-message-read.html?to-msg=%id%/%name%/message/read.html"><b>»Message From %name%</b></a><br>%text% <br/><font color="gray">%date% <br/><font color="green">[Message %status%]</font></font></div>[/msg]

Another one again named it message read

Message read fb
<h1>Message From [msg]to=:to-msg:,v=1,l=1 ||%name%[/msg]</h1><a href="#refresh"><button class="post"> Refresh</button></a> <a href="/site-friends.html"><b>Chat With Other<br/>[msg]to=:to-msg:,l=1,no=no message ||<div class="post"><a href="/site-profile.html?to-user=%name%"><b>%name%</b></a> :profile(%name%)-status:<br/>%text%<br/><font color="gray">%date=--% ago - %date%</font></div>[/msg]<h1> Reply [msg]to=:to-msg:,v=1,l=1 ||%name%[/msg]</h1><form action="/site_message.html?user=[msg]to=:to-msg:,v=1 ||%name%[/msg]" method="post"> <div style="border:1px solid #dbeadc;padding:2px;"><input type="text" name="message_text"></div><input type="submit" name="message_submit" value="Reply" class="post"/></form><div class="head">Your Last Replied</div>[msg]m=out,l=5,no=nomessage||<br/><img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-4/256/man-icon.png" width="22px"/><font color="blue">%name%</font><br/><br/><img src="https://maxcdn.icons8.com/Share/icon/Logos//facebook_messenger1600.png" width="22px"/><font color="red">%text%</font><br/><br/><img src="https://findicons.com/files/icons/2166/oxygen/128/xclock.png" width="22px"/><font color="green">%date=--% Ago </font><br/>[/msg]

Thanks. Let's meet in the next tutorial. Bye for now
Share:

How to create social media like facebook on Wapkiz part 2

            No comments    
Good Day guys, welcome to the next tutorial Part 2. In this How to create social media like facebook on Wapkiz Part 2 am going to give you home page cods  So keep calm.  I'f Ibraheem Musa Damilare once again, am here satisfies you guy with the rest codes.

Now let's move down to the business go back to home page and paste this codes

This set to "Quest"
<div class="page"><b>Username<br/><form action="site_login.html" method="post"><input type="text" name="user_name_"><br></center>Password<input type="password" name="password_"><br> <input style="background-color: #426782; border: 1px solid #fff; padding: 15px 85px; font-color: #fff" type="submit" name="login_user" value="log in" size="33" align="center"> <center> OR  </center><center><a class="category" align="center" href="site_reg.html">Create New Acount</a> </center> <br><a href="site_lpass.hml">Lost Password ?</a><br><a href="site-help.html">Help Center</a> </form></div></div>

[blog_form]bid=blog,ud=site-0.html||%notify%<form action="" method="post"><table class="ba cj"><tbody><tr><td class="bb"><div class="ck"><a href="/site-profile.html?to-user=:my_name:"><img src="[replace=(:profile(:my_name:)-urlfoto:)]img/profile.png||http://dl3.wapkizfile.info/ddl/a23f5b507ae9f62c1dd624f3e7e7fcae/wapmastersbd+wapkiz+mobi/avatar-png-transparent-19-(wapmastersbd.wapkiz.mobi).png[/replace]" width="32" height="32" class="cl cm m" alt="%my_name%" /></a></div></td><td class="bg"><div> <input type="hidden" name="blog_title" size="10%" maxlength="110" value="....."/><input type="hidden" name="blog_cat" size="10%" maxlength="110" value="PUBLIC POST"/> <textarea class="co cp cq cr" name="text" id="blogtext" placeholder="What&#039s on your mind?" rows="2"/></textarea></div></td><td class="bb"><div class="cs"><input type="submit" name="blog_submit" value="Post" class=" q bm bn ct cu" /></div></td></tr></tbody></table><div class="bz"><span class="cv cw o cx"><div class="cy"><table class="ba cz da"><tbody><tr><td class="bj bb db"><a href="/site-photo.html" class="dc"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/y6/r/uaqMFc8uEDi.png?_nc_eui2=AeGGoPS53Wigj8dhYlaE_3vpJvC2gAQPey0vCG5teK3nR2GixuY6FfBiDCAjJb2nZbCsdJGd5oWnMhK6qLHsxi9V5ataAGdQnDLGJo_490L5mHYttkszIA_elrWu5abOJXc" width="12" height="12" class="dd de m" /></a></td><td class="bj bb db"><a href="/site-photo.html" class="q df dg dh"><span class="t">Photo</span></a></td></tr></tbody></table></div>&nbsp<div class="cy"><table class="ba cz da"><tbody><tr><td class="bj bb db"><a href="/#refresh" class="dc"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yW/r/_4Hh2bvHgZo.png?_nc_eui2=AeHlkj7Cy_idmgV4WmFowJJ9MztrExks5MUg9OImv2DDFWIim6CYFG1lHeSeLyjtY_KMoBuK4CgbyP2NPyjNEDIUMT0oWdniNyxMapHwVpmfFRBaUrqJgRgM_aeYVzbTa8A" width="12" height="12" class="dd de m" /></a></td><td class="bj bb db"><a href="/site-feelings.html"><span class="t"><font color="black"> Feeling</font></span></a></td></tr></tbody></table></div>&nbsp<div class="cy"><table class="ba cz da"><tbody><tr><td class="bj bb db"><a href="/site-photo.html" class="dc"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yp/r/34EYjCc1KsN.png?_nc_eui2=AeFSRJYlEfGsrwvncaLuSRItP7-fUEfTifRs8tA4BiVtC4NFXIhnDYPhVQTszCNK8An805rk7s8IgFWBnMyJt_ez64tcnUKjJFdROpYrXDflbcGuUvXt9EVo857VY7YzaRVs" width="12" height="12" class="dd de m" /></a></td><td class="bj bb db"><a href="/link-photo.html" class="q df dg dh"><span class="t">More</span></a></td></tr></tbody></table></div></span></div></form>[/blog_form]</div></div>
<div class="post"><div class="post"><a>Notifications</a></div>[user]l=1,s=:to-page:,no= || <font color="purple">» <b>New User:</b></font><a href="/site-profile.html?to-user=:profile(%name%)-name:"><font color="green"><b> :profile(%name%)-name:</b></font><font color="black"> Just create New Firstbook Account</font></a>[/user]<br/>[msg]m=new,l=1,no= ||<font color="red">You Got New Message </font><a href="/site-message-read.html?to-msg=%id%/%title%"><b>» From %name%</b></a>(%text%) <font color="gray">%date=--% Ago <br/><br/>[/msg]</div><br/>
[blog]bid=blog,o=u,l=7,s=:to-page:,no=Sorry no more stories|| <div class="post"> <img class="frame" src="[replace=(:profile(%by%)-urlfoto:)]img/profile.png||http://dl3.wapkizfile.info/ddl/a23f5b507ae9f62c1dd624f3e7e7fcae/wapmastersbd+wapkiz+mobi/avatar-png-transparent-19-(wapmastersbd.wapkiz.mobi).png[/replace]" height="30px" width="30px"/><a href="/site-profile.html?to-user=%by%"><b>%by% </b></a><br/><br/>[replace=(%title%)] PUBLIC POST || Now[/replace]<br/>[replace=(%text%)][icon][][/icon]||<img src="[]"width="50px"/>[/replace]<br/><font color="gray">%date=--% Ago</font><br/><div class="post"><a href="/site-full.html?to-blog=%id%#hits"> %comment_count% comments</a> | <a href="/site-react.html?to-blog=%id%#hits"> React </a> | <a href="/site-full.html?to-blog=%id%"> Full Story </button> </a> | <a href="/?to-blog=%id%"> Repost This</a></div></td></table></div>[/blog]
<center>:page:c=100,l=10,s=:to-page:,no=:: <div align="center" class="category">%next=See More Stories%:/page:</div></center>

We are going to continue the tutorial soon. Thanks .

Please guys share this post for others to benefit from this opportunity. God bless you as you do so

Share:

How to create social media like facebook on Wapkiz Part 1

            1 comment    
 Hey good my people, my name is Ibraheem Musa Damilare From Ilorin Kwara State Nigeria. I'm the C.E.O of Wapkings Forum And Firstbook, which design like facebook. 80%.

Am here Today, to share you guys the code I used to create my own. So that you can successfully create your own social media like facebook. Demo firstbook.wapkiz.com



Now you have to follow all steps am going to write down, to avoid errors.

1. Visit Wapkiz.com to create account and name your social media site.

2. At the top of your site, you will see drop down. Tap on it and select CSS Theme. Paste this CSS code in Edit full css

.header{background: #3b5998; padding: 10px 10px;
font-size: 20px; color: #fff !important; overflow: visible; vertical-align: top; white-space: nowrap;} .tib{border:1px solid #dbeadc;padding:2px;}input[type=textarea]{text-align: left !important; width: 100% !important; height: 70px;font-size: 15px !important; border: 1px solid #999; }message{ border-bottom: 1px solid #ccc; background: #fff; padding: 10px
5px 10px 5px; padding-top: 10px; padding-right: 5px; padding-
bottom: 10px; padding-left: 5px; } messages a { background:
none; color: #3b5998; padding: 5px 5px 5px 5px; border: 1px solid
#ccc; border-radius: 5px; font-size: 10px; }message a:hover
{ background: #3b5998; color: #fff; }.sign-up-1{background-color: #fff; text-align: left; font-size: 1em; font-weight: bold; padding: 4px 3px;} messages-name { font-
weight: bold; background: #f1f1f1; padding: 5px; font-size: 15px;
border-bottom: 1px solid #ccc; } messages-list { background: #fff;
padding: 5px; font-size: 18px; border-bottom: 1px solid #ccc; }input [type=file]{ position: relative; width: 100%; border: none;background: white; display: block; } input[type=submit] {position: relative; width: 100%; border: 1px solid #3b5998; background: #4267b2; display: block; } }#logo-firstbook-mobile{ background-image: url("http://dl3.wapkizfile.info/ddl/768013c6e7428b3f72dc99661533010f/fasebook+wapkiz+com/mobile facebook-(fasebook.wapkiz.com).png"); background-repeat: no-repeat;
background-size: auto; background-position: center; display: block;
height: 24px; outline: none; overflow: hidden; text-indent: -999px;
white-space: nowrap; width: 24px;} #bt-logo { background-image:
url("http://dl3.wapkizfile.info/ddl/14ee7d066fd011a7f2be619aa0d8ed0f/fasebook+wapkiz+com/rliwdlhwvjw-(fasebook.wapkiz.com).png? nc
eui2=aegblm2arjz5qln
5mvdfqpirprawuwu0bc9thydifamvgms55biijwxxepkkmuy0iqnbtocnutvh3louu9saolijgijlxahqlgauzgajtg"); background-repeat: no-repeat; background-size: auto; background-position: center; display: block; height: 24px;
outline: none; overflow: hidden; text-indent: -999px; white-space:
nowrap; width: 24px;}input[type=email] { text-align: left !important; padding: 10px !important; width: 100% !important; font-size: 15px !important; border: 1px solid #999;}input[type="password"]{width:100%; height:40px; border-radius:5px; padding-left:10px; font-size:18px; border:1px solid#BDBDBD; }input[type="text"]{width:100%; height:40px; border-radius:5px; padding-left:10px;font-size:18px; border:1px solid #BDBDBD; } } input:focus, select:focus{ outline: 0;} input
[type="submit"]{ padding: 0px; background: #4267b2; color: #fff;
border: 1px solid #365899; font-weight: normal;} input [type="submit"]:hover{border: 1px solid #365899 !important;background-color: #3b5998 !important; color: #fff !important;}.bw{padding:6px;} input:focus, select:focus{ outline: 0;} input
[type="submit"]{ padding: 0px; background: #4267b2; color: #fff;
border: 1px solid #365899; font-weight: normal;} input [type="submit"]:hover{border: 1px solid #365899 !important;background-color: #3b5998 !important; color: #fff !important;}.bw{padding:6px;} .post{background-color:white;padding: 6px; border: 4px solid rgba(10,10,10,0.1); overflow: hidden;}
.b .bx{padding:2px 4px;}
.b .cr{border:1px solid #8d949e;border-radius:72px;height:45px;padding:4px 20px 0 20px;resize:none;}
.cp{border-color:#90949c;box-sizing:border-box;width:100%;}
.cp.cq{margin-top:6px;}
.b .ct{height:45px;margin:6px 0 0 5px;width:75px;}
.b .cl{border:1px solid #8d949e;height:43px;margin:6px 4px;width:43px;}
.ck{padding-right:4px;}
.cs{padding-left:4px;}
.bz{margin-top:4px;}
.dn{background:#f5f6f7;}
.d{background:#dddfe2;}
.dk{background:#fff;}
form{margin:0;border:0;}
.b .ba{border:0;border-collapse:collapse;margin:0;padding:0;width:100%;}
.b .ba.cz{width:auto;}
.b .ba tbody,.b .cj>tr>td,.b .cj>tbody>tr>td,.b .ba td.cj{vertical-align:top;}
.b .da>tr>td,.b .da>tbody>tr>td,.b .ba td.da{vertical-align:middle;}
.b .ba td{padding:0;}
.b .ba td.bj{padding:2px;}
.b .ba td.do{padding:4px;}
.b .bg{width:100%;}
.b a,.b a:visited{color:#3b5998;text-decoration:none;}
.b .bt,.b .bt:visited{color:#fff;}
.b a:focus,.b a:hover{background-color:#3b5998;color:#fff;}
.b .bt:focus,.b .bt:hover{background-color:#fff;color:#3b5998;}
.cm{background:#eceff5;}
.cn{appearance:none;border:0;margin:0;padding:0;}
.bn{appearance:none;background:none;display:inline-block;font-size:12px;height:28px;line-height:28px;margin:0;overflow:visible;padding:0 9px;text-align:center;vertical-align:top;white-space:nowrap;}
.b .bn{border-radius:2px;}
.cu,a.cu,.b a.cu,.b a.cu:visited{background-color:#f5f6f7;color:#4b4f56;}
.b a.cu:hover,.b .cu:hover{background-color:#ebedf0;color:#4b4f56;}
.b .cu{border:1px solid #bec3c9;}
.cu[disabled]{color:#bec3c9;}
.b .cu[disabled]:hover{background-color:#f5f6f7;color:#bec3c9;}
.bp,.fn,a.bp,a.fn,html .b a.bp,html .b a.fn{color:#fff;}
.b .fn{background-color:#4080ff;border:1px solid #4476e8;}
.b a.fn:hover,.b .fn:hover{background-color:#4580ef;}
.b .bp{background-color:#4267b2;border:1px solid #365899;}
.b a.bp:hover,.b .bp:hover{background-color:#465e91;}
.bp[disabled]{color:#899bc1;}
.fn[disabled]{color:#91b4fd;}
.b .bp[disabled]:hover{background-color:#4267b2;}
.b .fn[disabled]:hover{background-color:#4080ff;}
.bn .t{display:inline-block;}
.b .bn .t{display:inline-block;margin-top:0;vertical-align:middle;}
.b a.bn::after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.bn .t{line-height:20px;margin-top:4px;}
.bn.fl{display:block;width:100%;}
a.bn.fl,.b label.bn.fl{display:block;width:auto;}
.b .bn{padding:0 8px;}
.b a.bn{height:26px;line-height:26px;}
.t{pointer-events:none;}
.du{color:#90949c;}
.er{color:#4b4f56;}
.dp{color:#1d2129;}
.dt{font-size:12px;line-height:16px;}
.bm{font-weight:normal;}
._52jh{font-weight:bold;}
.ch{text-align:left;}
.cv{display:inline-block;}
.cw{width:100%;}
.cx{color:gray;}
.o{font-size:small;}
body,tr,input,textarea,.e{font-size:medium;}
.cy{display:inline-block;}
.cy .dg{display:block;font-size:small;white-space:normal;}
.dc,.dd.m{cursor:pointer;display:block;}
.b .cy a.dg,.cy .dg{color:#4b4f56;font-weight:bold;text-align:left;}
.b .cy a.dg:hover,.b .cy a.dg:focus,.cy .dg:hover,.cy .dg:focus{background:#4b4f56;color:#fff;}
.b .cy a.dc:hover,.b .cy a.dc:focus,.cy .dc:hover,.cy .dc:focus{background:inherit;}
.b .gg{padding:0;}
.b .bj{padding:2px;}
.b .do{padding:4px;}
.m{border:0;display:inline-block;vertical-align:top;}
i.m u{position:absolute;width:0;height:0;overflow:hidden;}
.df{appearance:none;background-color:transparent;border:0;display:inline;font-size:inherit;margin:0;padding:0;}
.df:hover{background-color:#3b5998;color:#fff;white-space:normal;}
.dh{color:#3b5998;}
.ca{display:block;display:flex;max-width:100%;overflow:hidden;white-space:nowrap;}
.cb{color:#4b4f56;font-size:12px;line-height:20px;white-space:nowrap;}
.cc{background-color:#fff;border:0;display:inline-block;height:26px;line-height:26px;margin:0;padding-right:16px;position:relative;vertical-align:top;white-space:nowrap;}.cc input,.cc button,.cc .t{color:#3b5998;}
.cc a:hover,.cc a:hover .t{color:#fff;}
.cc.cd,.cg.cd{height:20px;line-height:20px;}
.cg{appearance:none;background-color:#fff;border:none;color:#4b4f56;display:inline-block;font-size:12px;height:26px;min-width:100%;padding:0;vertical-align:top;}
.cc a.cg{color:#4b4f56;}
a.cg .t,a.cg .t::before{display:inline-block;height:100%;margin-top:0;vertical-align:middle;}
a.cg .t::before{content:"";}
.cf{background-color:#dadde1;}
.cf .cg{background-color:#dadde1;}
.ci{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yY/r/DEWLwbJ5Q9y.png);background-position:right center;background-repeat:no-repeat;bottom:0;display:block;pointer-events:none;position:absolute;right:0;top:0;width:16px;}
.cf .ci{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yU/r/juEKbziydZc.png);}
.fo{background:#ebedf0;border-top:1px solid #d0d1d5;font-size:small;padding:0 8px 4px;}
.fp{display:block;font-size:small;margin-left:-4px;padding:3px 0 3px 4px;}
.b a.fp,.b a.fp:visited{color:#1d2129;}
.b a.fp:focus,.b a.fp:hover{background:#1d2129;color:#ebedf0;}
.dj,.dj tr{font-size:small;}
.ei{display:block;font-weight:bold;padding:6px 3px;text-align:center;}
.b .ei{background-color:#f5f6f7;border:0;padding:4px;text-align:left;}
.b .ec.ec{background:white;}
.b .ec{border-bottom:1px solid #e5e5e5;}
.b .dj.dj>:first-child{margin-top:-1px;}
.di{border-bottom:1px solid transparent;border-top:1px solid transparent;}
.b .di>*{margin:6px;}
.b .di>:first-child{margin-top:5px;}
.b .di>:last-child{margin-bottom:5px;}
.dm{border-color:#ccced3 #c4c6ca #b4b6ba;border-style:solid;border-width:1px;}
.dz{border-bottom:1px solid #e5e5e5;}
.eg{display:block;font-size:small;}
.dz:last-child{border-bottom:none;}
.ee{height:16px;width:16px;}
.eg .ef{font-size:small;}
.ea{background:#eceff5;}
.eh{white-space:nowrap;}
.b .eg:hover,.b .eg:focus{background:#d1e9ff;color:#3b5998;}
.b .eg,.b .eg:visited,.b .eg:active{background:transparent;color:#1d2129;text-decoration:none;}
.eb .eg,.eb .eg:visited,.eb .eg:active{margin:-2px -2px -2px -22px;min-height:16px;padding:2px 2px 2px 22px;}
.ed,.ed:hover,.ed:active,.ed:visited{background:transparent;}
.ed>.m{display:block;}
.dq .dv .dw{font-size:x-small;height:auto;line-height:normal;margin-right:5px;padding-bottom:3px;padding-top:3px;}
.dq .dv .dw .t{line-height:normal;}
.dy{white-space:nowrap;}
.dr .ds{color:#365899;font-size:small;font-weight:bold;}
.ds{font-size:14px;}
.dl>*,.dl.dl>*{border-bottom:1px solid #e5e5e5;}
.dl>:last-child{border-bottom:none;}
.dl+.dl{border-top:1px solid #e5e5e5;}
.b .fm{border-radius:4px;margin:8px;}
.en{margin:0 6px 6px;padding:6px;}
.b .en .en{border-color:#e9ebee;margin:6px 0 0;}
.ey{display:inline-block;}
.ex{margin-top:5px;}
.ew,.fh{margin:5px 0;}
.en a,.en a:visited{color:#2b55ad;}
.en a:hover,.en a:focus{background:#2b55ad;color:#fff;}
.em{font-size:small;}
.ek{list-style:none;margin:0;padding:0;}
.eq{position:relative;}
.fa{margin-left:-7px;}
.ez{display:inline-block;}
.ep tr{font-size:inherit;}
.et{font-size:small;}
.fc{margin:0 1px;}
.fd{background-repeat:no-repeat;background-size:contain;color:transparent;display:inline-block;text-decoration:none;text-shadow:none;vertical-align:text-bottom;}
.fb{white-space:nowrap;}
.ff{display:inline-block;margin-right:3px;vertical-align:middle;}
body{text-align:left;direction:ltr;}
body,tr,input,textarea,button{font-family:sans-serif;}
body,p,figure,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:bold;}
ul,ol{list-style:none;}
article,aside,figcaption,figure,footer,header,nav,section{display:block;}
.w{background-color:#3b5998;}
#page{position:relative;}
.bf,.bf.m{display:block;}
.bc{display:block;}
.bd{height:20px;width:20px;}
.y{background:#3b5998;padding:0 4px 4px;height:22px;}
.y.y .bk{background:#fff;border:1px solid #243872;box-sizing:border-box;font-size:small;height:22px;margin:0;width:100%;}
.z.y{padding:1px 1px 3px;}
.y .be{padding:1px 3px 0 0;}
.y.y.y .bo{background:#627aba;border:1px solid #2e417e;color:#fff;font-size:x-small;font-weight:normal;height:22px;line-height:20px;margin-left:3px;}
.x{padding:2px 3px;}
.bi{border:0;display:block;margin:0;padding:0;}
.fx{font-size:small;padding:7px 8px 8px;}
.gl{border:1px solid;border-color:#8d949e;border-radius:4px;display:block;margin-top:8px;padding:4px;text-align:center;}
.fu{display:block;font-size:x-small;margin:-3px -3px 1px -3px;padding:3px;}
.fw{border:1px solid #90949c;display:block;font-size:x-large;height:20px;line-height:18px;text-align:center;vertical-align:middle;width:20px;}
.b .fx td.fs{padding-right:4px;}
.b .fx td.fv{padding-left:4px;}
.fx.fy{background-color:#444950;}
.fy{border-top:1px solid #444950;color:#bec3c9;}
.b .fy a,.b .fy a:visited,.b .fr input,.b .fr input:visited,.b .fr a,.b .fr a:visited{color:#bec3c9;}
.b .fy a:focus,.b .fy a:hover,.b .fr input:focus,.b .fr input:hover,.b .fr a:focus,.b .fr a:hover{background:#dadde1;color:#1d2129;}
.ga{margin-bottom:8px;}
.fx.fy .ga>table{background:#d3d7dc;border:1px solid #444950;}
.gh{background:#d3d7dc;}
.fq{background-color:#444950;font-size:x-small;padding:7px 8px 8px;}
.ft{color:#bec3c9;display:block;font-size:x-small;margin:-3px -3px 1px -3px;padding:3px;}
.fz .gk{height:24px;line-height:24px;margin-left:2px;}
.gc{background:#fff;}
.fz .gi{background-color:transparent;color:#4b4f56;display:block;padding:0;width:100%;}
.gd .m{display:block;}
.fz .gb .gj{padding:2px;}
.fz .gb .gd{padding:4px;}
.b .fz .gb{border:1px solid #8d949e;}
.bq{padding-bottom:1px;}
.bs{display:inline-block;font-size:small;padding:2px 4px 2px;}
.bu{color:#fff496;}
.b a:hover .bu,.b a:focus .bu,.bs:hover .bu,.bs:focus .bu{color:#365899;}
.bs.br{background-color:#6d84b4;}
.i{display:table-cell;vertical-align:middle;width:100%;}
.j{display:table-cell;height:32px;vertical-align:middle;}
.n{color:#fff;padding-left:8px;padding-top:1px;}
.l{padding-left:4px;}
.b a}
.bo{margin-top:12px;overflow:hidden;width:100%;color:#333;border:1px solid #ddd;padding:2px 0px;display:block;text-align:center;font-weight:blod;background-color:#dfdfdf;}
.cn{background-color:#3B5998;color:white;margin-bottom:2px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:2px 5px;}
body{margin:0px;padding:0px;font-size:15px;font-family:Arial, Helvetica, sans-serif;background-color:#dcdee3;min-width:100%;} input[type=button], input[type=submit]{padding:4px 10px;background-color:#3b5998;color:#ddd;border:1px solid #3b5998;font-weight:normal;} input:hover[type=button], input:hover[type=submit]{border:1px solid #3b5998;background-color:#3b5998;color:ddd;}
.table{border-collapse:collapse;width:100%}
td{text-align:auto}
 .top{margin:3px 4px !important;}
.file{border:solid 1px #cfcfcf;background-color:#efefef;margin:4px;padding:4px;color:#333;}
.file a{color:#333;}
.tag{background:#efefef;color:#333;border:1px solid #bfbfbf;margin-left:2px;padding:2px 4px;display:inline-block;font-weight:bold;}
.box{margin-top:12px;overflow:hidden;width:100%;color:#ddd;border:1px solid #ddd;padding:2px 0px;display:block;text-align:center;font-weight:blod;}
.box a{color:#ddd;display:block;}
.box a:hover{text-decoration:none;}
.rate{background:#dfdfdf;color:333;border:1px solid #ffa07a;margin:1px;padding:4px;text-align:center;}
.category{display:inline-block;padding:12px 45px;margin:5px 2px;background:#3EA055;border:none;text-decoration:none;color:#ddd;border-radius:3px;text-align:center;font-weight:normal;}
.category:hover{background:#333;color:#ddd;border-radius:5px;}
.footer{margin-top:4px;padding:5px;background:#333;color:#ddd;}
.footer a{color:#ddd;}
.fox{padding:0px 3px 2px 3px;}
.fox img{width:28px;height:28px;}
ul.fleft{width:59%;float:left;list-style:none;padding-left:2px;}
ul.fright{width:39%;float:left;list-style:none;padding-left:2px;}
.fright li{padding:3px;font-weight:blod;}
.fleft li{padding:3px;font-weight:blod;}
.menu{background:#2492ff;border-top:1px solid #afafaf;padding:12px 85px;margin:1px;color:#ffffff;font-weight:normal;}.logo{background-color:#3b5998;padding:9px;text-align:center;color:#fff;}
.logo a{color:#ffffff;}
.raihan{color:#fff;font-weight:bold;background:#004666;padding:7px;position:relative;border-bottom:1px solid #ddd;}
.raihan a{color:#fff;}
.catRow{border:solid 1px #90ABCD;background:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/http://lovestorybd.gq/http://raihanbd.ga/http://dl1.wapkizfile.info/download/8ad6b1609e8e8cb6c799bf96829bdad6/b5437c72503c52a7d2000ae34609c1ea/upload+wapkiz+com/RaihanRow.png) right center no-repeat;background-color:#F5F5F5;margin:1px;padding:4px;color:#000;font-weight:bold;text-shadow:rgba(255, 255, 255, 0.6) 0 1px 0;}
.menu{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/http://lovestorybd.gq/http://dl1.wapkizfile.info/download/9c1385517cbc8860981a2e72e3ad310f/f18b584f87756314cc2084be65aa8581/upload+wapkiz+com/background.png);font-weight:normal;font-size:normal;border-width:1px;border:1px solid #08a0db;border-style:solid #000000;margin-top:2px;margin-bottom:2px;margin-left:2px;margin-right:2px;padding-top:4px;padding-bottom:4px;padding-left:3px;padding-right:3px;}
.logo a{color:#ffffff;}
.page{border:solid 1px #90ABCD;background-color:#F5F5F5;margin:1px;padding:4px;color:#000;font-weight:bold;text-shadow:rgba(255, 255, 255, 0.6) 0 1px 0;}
.error{border:1px solid #ececec;padding:3px;background:#FFccff;margin:1px;color:red;text-align:center;}
img{border-style :none;vertical-align:middle;max-width:90%;}
small{font-size:small;}
medium{font-size:medium;}
}
.success{color:#444;padding:5px;background-color:#ebf8a4;background-repeat:no-repeat;border-top:1px #ffffff solid;border-bottom:1px #e8e8ea solid;text-weight:bold;}
.success a{color:#444}
body{margin:0;padding:0;font-family:serif, arial;}
a{text-decoration:none;color:#006699;}
a:hover{text-decoration:underline;}
body{margin:0;padding:0;font-size:small;}
b{font-weight:bold;}
.header{text-align:center;}
hr{color:#fff;background-color:#ffA500;height:3px;weding:6px;front size:small;}
h2{color:#006699;background:rgb(221, 231, 241);border:1px solid rgb(170, 187, 204);font-size:110%;padding:5px;font- weig}
h2 a{color:#006699;}
.foot{border-top:1px solid #ddd;background:#333;color:#c0c0c0;padding:5px;font-weight:bold;}
.clear{clear:both;}
.description{background:#f5f5f5;color:#222;padding:2px;}
.description a{text-decoration:underline;}
h1{background:#eee;color:#222;border:1px solid #ddd;font-size:120%;border:1px solid rgb(170, 187, 204);font-size:110%;padding:5px;font- weig;}
h5{background:306090;color:#fff;border:1px solid #ddd;font-size:120%;padding:6px;}
.info{color:red;background:#fff;text-align:center;padding:2px;}
p{padding:6px 0;}
.header{background-color:#3EA055;color:white;margin-bottom:2px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:5px 10px;}
.header a{color:white;}
.wap{color:#C0C0C0;background-color:C0C0C0;margin-bottom:2px;text-align:center;border-left:1px solid #C0C0C0;border-right:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;border-top:1px solid #C0C0C0;padding:2px;}
.wap a{color:C0C0C0;}
.form_error{color:#f00;}
.search{background:#006699;border:1px dashed #fff;padding:2px;color:#fff;font-weight:bold;}
a.top{color:#FF7F00;font-size:smaller;text-decoration:none;}
.h3{border-top:1px solid #ccc;font-weight:;background:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/http://lovestorybd.gq/http://raihanbd.ga/http://wapking.co/images/arrow.png) right center no-repeat;}
.h3 a{padding:8px;display:block;}
u{text-decoration:none;font-weight:bold;background:#B80000;color:#ffffff;padding:1px 7px;font-size:11px;border-radius:40px;}
 textarea{font-size:small;}
m{text-decoration:none;font-weight:bold;background:#008000;color:#ffffff;padding:1px 7px;font-size:11px;border-radius:40px;}
 s{text-decoration:none;font-weight:bold;background:#ccc;color:#ffffff;padding:1px 7px;font-size:11px;border-radius:40px;}
.textarea{color:D3D3D3;background:#F5F5F5;width:70%;height:50px;margin:2px;padding:4px;font-family:serif,Arial, Verdana;font-weight:normal;border:1px solid #90ABCD;}
input[type=textarea]{background:#d2691e;border-top:1px solid #d2691e;border-bottom:1px solid #d2691e;border-left:1px solid #d2691e;border-right:1px solid #d2691e;color:#fff;margin:1px;size:small;}
{padding:6px;}
.b .bx{padding:2px 4px;}
.b .cr{border:1px solid #8d949e;border-radius:72px;height:45px;padding:4px 20px 0 20px;resize:none;}
.cp{border-color:#90949c;box-sizing:border-box;width:100%;}
.cp.cq{margin-top:6px;}
.b .ct{height:45px;margin:6px 0 0 5px;width:75px;}
.b .cl{border:1px solid #8d949e;height:43px;margin:6px 4px;width:43px;}
.ck{padding-right:4px;}
.cs{padding-left:4px;}
.bz{margin-top:4px;}
.dn{background:#f5f6f7;}
.d{background:#dddfe2;}
.dk{background:#fff;}
form{margin:0;border:0;}
.b .ba{border:0;border-collapse:collapse;margin:0;padding:0;width:100%;}
.b .ba.cz{width:auto;}
.b .ba tbody,.b .cj>tr>td,.b .cj>tbody>tr>td,.b .ba td.cj{vertical-align:top;}
.b .da>tr>td,.b .da>tbody>tr>td,.b .ba td.da{vertical-align:middle;}
.b .ba td{padding:0;}
.b .ba td.bj{padding:2px;}
.b .ba td.do{padding:4px;}
.b .bg{width:100%;}
.b a,.b a:visited{color:#3b5998;text-decoration:none;}
.b .bt,.b .bt:visited{color:#fff;}
.b a:focus,.b a:hover{background-color:#3b5998;color:#fff;}
.b .bt:focus,.b .bt:hover{background-color:#fff;color:#3b5998;}
.cm{background:#eceff5;}
.cn{appearance:none;border:0;margin:0;padding:0;}
.bn{appearance:none;background:none;display:inline-block;font-size:12px;height:28px;line-height:28px;margin:0;overflow:visible;padding:0 9px;text-align:center;vertical-align:top;white-space:nowrap;}
.b .bn{border-radius:2px;}
.cu,a.cu,.b a.cu,.b a.cu:visited{background-color:#f5f6f7;color:#4b4f56;}
.b a.cu:hover,.b .cu:hover{background-color:#ebedf0;color:#4b4f56;}
.b .cu{border:1px solid #bec3c9;}
.cu[disabled]{color:#bec3c9;}
.b .cu[disabled]:hover{background-color:#f5f6f7;color:#bec3c9;}
.bp,.fn,a.bp,a.fn,html .b a.bp,html .b a.fn{color:#fff;}
.b .fn{background-color:#4080ff;border:1px solid #4476e8;}
.b a.fn:hover,.b .fn:hover{background-color:#4580ef;}
.b .bp{background-color:#4267b2;border:1px solid #365899;}
.b a.bp:hover,.b .bp:hover{background-color:#465e91;}
.bp[disabled]{color:#899bc1;}
.fn[disabled]{color:#91b4fd;}
.b .bp[disabled]:hover{background-color:#4267b2;}
.b .fn[disabled]:hover{background-color:#4080ff;}
.bn .t{display:inline-block;}
.b .bn .t{display:inline-block;margin-top:0;vertical-align:middle;}
.b a.bn::after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.bn .t{line-height:20px;margin-top:4px;}
.bn.fl{display:block;width:100%;}
a.bn.fl,.b label.bn.fl{display:block;width:auto;}
.b .bn{padding:0 8px;}
.b a.bn{height:26px;line-height:26px;}
.t{pointer-events:none;}
.du{color:#90949c;}
.er{color:#4b4f56;}
.dp{color:#1d2129;}
.dt{font-size:12px;line-height:16px;}
.bm{font-weight:normal;}
._52jh{font-weight:bold;}
.ch{text-align:left;}
.cv{display:inline-block;}
.cw{width:100%;}
.cx{color:gray;}
.o{font-size:small;}
body,tr,input,textarea,.e{font-size:medium;}
.cy{display:inline-block;}
.cy .dg{display:block;font-size:small;white-space:normal;}
.dc,.dd.m{cursor:pointer;display:block;}
.b .cy a.dg,.cy .dg{color:#4b4f56;font-weight:bold;text-align:left;}
.b .cy a.dg:hover,.b .cy a.dg:focus,.cy .dg:hover,.cy .dg:focus{background:#4b4f56;color:#fff;}
.b .cy a.dc:hover,.b .cy a.dc:focus,.cy .dc:hover,.cy .dc:focus{background:inherit;}
.b .gg{padding:0;}
.b .bj{padding:2px;}
.b .do{padding:4px;}
.m{border:0;display:inline-block;vertical-align:top;}
i.m u{position:absolute;width:0;height:0;overflow:hidden;}
.df{appearance:none;background-color:transparent;border:0;display:inline;font-size:inherit;margin:0;padding:0;}
.df:hover{background-color:#3b5998;color:#fff;white-space:normal;}
.dh{color:#3b5998;}
.ca{display:block;display:flex;max-width:100%;overflow:hidden;white-space:nowrap;}
.cb{color:#4b4f56;font-size:12px;line-height:20px;white-space:nowrap;}
.cc{background-color:#fff;border:0;display:inline-block;height:26px;line-height:26px;margin:0;padding-right:16px;position:relative;vertical-align:top;white-space:nowrap;}
.cc input,.cc button,.cc .t{color:#3b5998;}
.cc a:hover,.cc a:hover .t{color:#fff;}
.cc.cd,.cg.cd{height:20px;line-height:20px;}
.cg{appearance:none;background-color:#fff;border:none;color:#4b4f56;display:inline-block;font-size:12px;height:26px;min-width:100%;padding:0;vertical-align:top;}
.cc a.cg{color:#4b4f56;}
a.cg .t,a.cg .t::before{display:inline-block;height:100%;margin-top:0;vertical-align:middle;}
a.cg .t::before{content:"";}
.cf{background-color:#dadde1;}
.cf .cg{background-color:#dadde1;}
.ci{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yY/r/DEWLwbJ5Q9y.png);background-position:right center;background-repeat:no-repeat;bottom:0;display:block;pointer-events:none;position:absolute;right:0;top:0;width:16px;}
.cf .ci{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yU/r/juEKbziydZc.png);}
.fo{background:#ebedf0;border-top:1px solid #d0d1d5;font-size:small;padding:0 8px 4px;}
.fp{display:block;font-size:small;margin-left:-4px;padding:3px 0 3px 4px;}
.b a.fp,.b a.fp:visited{color:#1d2129;}
.b a.fp:focus,.b a.fp:hover{background:#1d2129;color:#ebedf0;}
.dj,.dj tr{font-size:small;}
.ei{display:block;font-weight:bold;padding:6px 3px;text-align:center;}
.b .ei{background-color:#f5f6f7;border:0;padding:4px;text-align:left;}
.b .ec.ec{background:white;}
.b .ec{border-bottom:1px solid #e5e5e5;}
.b .dj.dj>:first-child{margin-top:-1px;}
.di{border-bottom:1px solid transparent;border-top:1px solid transparent;}
.b .di>*{margin:6px;}
.b .di>:first-child{margin-top:5px;}
.b .di>:last-child{margin-bottom:5px;}
.dm{border-color:#ccced3 #c4c6ca #b4b6ba;border-style:solid;border-width:1px;}
.dz{border-bottom:1px solid #e5e5e5;}
.eg{display:block;font-size:small;}
.dz:last-child{border-bottom:none;}
.ee{height:16px;width:16px;}
.eg .ef{font-size:small;}
.ea{background:#eceff5;}
.eh{white-space:nowrap;}
.b .eg:hover,.b .eg:focus{background:#d1e9ff;color:#3b5998;}
.b .eg,.b .eg:visited,.b .eg:active{background:transparent;color:#1d2129;text-decoration:none;}
.eb .eg,.eb .eg:visited,.eb .eg:active{margin:-2px -2px -2px -22px;min-height:16px;padding:2px 2px 2px 22px;}
.ed,.ed:hover,.ed:active,.ed:visited{background:transparent;}
.ed>.m{display:block;}
.dq .dv .dw{font-size:x-small;height:auto;line-height:normal;margin-right:5px;padding-bottom:3px;padding-top:3px;}
.dq .dv .dw .t{line-height:normal;}
.dy{white-space:nowrap;}
.dr .ds{color:#365899;font-size:small;font-weight:bold;}
.ds{font-size:14px;}
.dl>*,.dl.dl>*{border-bottom:1px solid #e5e5e5;}
.dl>:last-child{border-bottom:none;}
.dl+.dl{border-top:1px solid #e5e5e5;}
.b .fm{border-radius:4px;margin:8px;}
.en{margin:0 6px 6px;padding:6px;}
.b .en .en{border-color:#e9ebee;margin:6px 0 0;}
.ey{display:inline-block;}
.ex{margin-top:5px;}
.ew,.fh{margin:5px 0;}
.en a,.en a:visited{color:#2b55ad;}
.en a:hover,.en a:focus{background:#2b55ad;color:#fff;}
.em{font-size:small;}
.ek{list-style:none;margin:0;padding:0;}
.eq{position:relative;}
.fa{margin-left:-7px;}
.ez{display:inline-block;}
.ep tr{font-size:inherit;}
.et{font-size:small;}
.fc{margin:0 1px;}
.fd{background-repeat:no-repeat;background-size:contain;color:transparent;display:inline-block;text-decoration:none;text-shadow:none;vertical-align:text-bottom;}
.fb{white-space:nowrap;}
.ff{display:inline-block;margin-right:3px;vertical-align:middle;}
body{text-align:left;direction:ltr;}
body,tr,input,textarea,button{font-family:sans-serif;}
body,p,figure,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:bold;}
ul,ol{list-style:none;}
article,aside,figcaption,figure,footer,header,nav,section{display:block;}
.w{background-color:#3b5998;}
#page{position:relative;}
.bf,.bf.m{display:block;}
.bc{display:block;}
.bd{height:20px;width:20px;}
.y{background:#3b5998;padding:0 4px 4px;height:22px;}
.y.y .bk{background:#fff;border:1px solid #243872;box-sizing:border-box;font-size:small;height:22px;margin:0;width:100%;}
.z.y{padding:1px 1px 3px;}
.y .be{padding:1px 3px 0 0;}
.y.y.y .bo{background:#627aba;border:1px solid #2e417e;color:#fff;font-size:x-small;font-weight:normal;height:22px;line-height:20px;margin-left:3px;}
.x{padding:2px 3px;}
.bi{border:0;display:block;margin:0;padding:0;}
.fx{font-size:small;padding:7px 8px 8px;}
.gl{border:1px solid;border-color:#8d949e;border-radius:4px;display:block;margin-top:8px;padding:4px;text-align:center;}
.fu{display:block;font-size:x-small;margin:-3px -3px 1px -3px;padding:3px;}
.fw{border:1px solid #90949c;display:block;font-size:x-large;height:20px;line-height:18px;text-align:center;vertical-align:middle;width:20px;}
.b .fx td.fs{padding-right:4px;}
.b .fx td.fv{padding-left:4px;}
.fx.fy{background-color:#444950;}
.fy{border-top:1px solid #444950;color:#bec3c9;}
.b .fy a,.b .fy a:visited,.b .fr input,.b .fr input:visited,.b .fr a,.b .fr a:visited{color:#bec3c9;}
.b .fy a:focus,.b .fy a:hover,.b .fr input:focus,.b .fr input:hover,.b .fr a:focus,.b .fr a:hover{background:#dadde1;color:#1d2129;}
.ga{margin-bottom:8px;}
.fx.fy .ga>table{background:#d3d7dc;border:1px solid #444950;}
.gh{background:#d3d7dc;}
.fq{background-color:#444950;font-size:x-small;padding:7px 8px 8px;}
.ft{color:#bec3c9;display:block;font-size:x-small;margin:-3px -3px 1px -3px;padding:3px;}
.fz .gk{height:24px;line-height:24px;margin-left:2px;}
.gc{background:#fff;}
.fz .gi{background-color:transparent;color:#4b4f56;display:block;padding:0;width:100%;}
.gd .m{display:block;}
.fz .gb .gj{padding:2px;}
.fz .gb .gd{padding:4px;}
.b .fz .gb{border:1px solid #8d949e;}
.bq{padding-bottom:1px;}
.bs{display:inline-block;font-size:small;padding:2px 4px 2px;}
.bu{color:#fff496;}
.b a:hover .bu,.b a:focus .bu,.bs:hover .bu,.bs:focus .bu{color:#365899;}
.bs.br{background-color:#6d84b4;}
.i{display:table-cell;vertical-align:middle;width:100%;}
.j{display:table-cell;height:32px;vertical-align:middle;}
.n{color:#fff;padding-left:8px;padding-top:1px;}
.l{padding-left:4px;}
.b a}
.k,.b a.k:focus,.ba.k:hover,.b a.k:visited,a.k,a.k:focus,a.k:hover,a.k:visited{background:none;color:#fff;cursor:pointer;padding:0;text-decoration:none;}
.p{display:table-cell;padding:5px8px;text-align:right;vertical-align:middle;}
.g{display:table;width:100%;}
.h{background-color:#7537b3;color:#fff;padding-bottom:2px;padding-top:2px;width:100%;}
.s,.b .s{border-radius:2px;display:inline-block;height:24px;line-height:26px;overflow:visible;padding:08px;text-align:center;vertical-align:middle;white-space:nowrap;}
.r,.b a.r,.ba.r:hover,.b .r,.b .r:hover{background:#7537b3;border:1px solid #fff;color:#fff;font-size:12px;}
}

Make sure you paste this code well and save it. 

Now at the bottom of the site you will see "page" click it and tap onssite--1.html Which is Header. Paste this codes. 

Facebook Header code for Wapkiz Site
Header 

 <a name="top" id="#top"></a><div class="logo"><table width="100%"><tr><td width="20%"><a href="/"><b>Firstbook </b></a></td><td width="80%" align="right"><a class="header" href="/site_reg.html">Create Acount</a></td></tr></table></div>

<body tabindex="0" class="b c d"><div class="e"><div id="viewport"><div class="u v"><div class="w x" id="header"><form method="get" action="/search/" class="y z"><input type="hidden" name="refid" value="8" /><input type="hidden" name="search" value="Search" /><input type="hidden" name="search_source" value="top_nav" /><table class="ba"><tbody><tr><td class="bb"><a class="bc bd be" href="/site-0.html"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/ym/r/Gjhrhb7r0lb.png?_nc_eui2=AeE8oFxMQLtiZoyTwCxu92GqmgogjMsGngVyo4FysF6DQ4-yvv2MUvCFFsIQhdppsyssNXthJCV88KHmVCnTS_j6dqBMxFI8kz3fLzT-3Td9CgFM4oVD9CdLP9vtXmH8P G8" width="20" height="20" class="bf m" alt="Facebook logo" /></a></td><td class="bg bh"><input class="bi bj bk" name="query" placeholder="Search Firstbook" autocomplete="off" autocorrect="off" spellcheck="false" type="text" /></td><td class="bb bl"><input value="Search" type="submit" class="q bm bn bo bp" /></td></tr></tbody></table></form><div class="bq"><a href="/" class="br bs bt">Home</a><a href="/site-profile.html?to-user=:my_name:" class="bs bt">Profile</a><a accesskey="4" href="/site-message.html" class="bs bt"><strong class="bu">Messages ([msg]m=new,l=0,no=0||[/msg]) </strong></a><a accesskey="3" href="/site-notifications.html" class="bs bt"><strong class="bu">Notifications([rand-open]4[r]5[r]6[r]2[r]3[r]1[r]7[r]8[r]9[/rand-close])</strong></a><a accesskey="6" href="/site-friends.html" class="bs bt"><strong class="bu">Chat ([user]l=0,n=0||%count%[/user]) </a><a accesskey="2" href="/site-myfriends.html?to-user=:to-user:" class="bs bt"><strong class="bu">Friends ([user]l=0,typ=followers,usr=:my_name:,n=0||%count%[/user]) </strong></a><a href="//wapkings.minewap.com" class="bs bt"><strong class="bu">Forum</strong></a><a href="/site-group.html" class="bs bt"><strong class="bu">Groups([rand-open]99[r]96[r]60[r]80[r]93[r]95[/rand-close])</strong></a><a accesskey="5" href="#" class="bs bt">Menu</a></div></div</style></div></div></div></a></a> <font color="black">

There something you will edit in this codes like "Firstbook" make sure you don't make an error when editing okay? 

Let's move to Footer code. At the place you see site--1 You will see site--2 there click it and paste this footer code 

Facebook footer code for Wapkiz site

Footer 

<div class="dk"><div class="fq"><div class="fr"><table class="ba"><tbody><tr><td class="bg fs" style="width:50%"><b class="ft"><font color="white"> English (US)</font></b><a class="fu" href="/site-language.html"><fontcolor="white"> हिन्दी</font></a><a class="fu" href="/site-language.html"><font color="white"> Español</font></a></td><td class="bg fv" style="width:50%"><a class="fu" href="/site-language.html"><font color="white"> বাংলা</font></a><a class="fu" href="/site-language.html"><font color="white"> অসমীয়া</font></a><a class="fu" href="/site-language.html"><div class="fw"><font color="white"> + </font></div></a></td></tr></tbody></table></div></div><div class="fx fy"><div id="search_div"><form method="get" action="/search/"><input type="hidden" name="refid" value="8" /><input type="hidden" name="search" /><input type="hidden" name="search_source" value="footer" /><div class="fz ga"><table class="ba gb gc"><tbody><tr><td class="bb gd da"><label for="u_0_c"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yC/r/hwCZEAcHQnm.png?_nc_eui2=AeEW3PxOsJLMXkGlBcelLhe_L75MK-BSaTnZnXLTdnwtnCrN871S2dRN1xTBwDlLIGx-FUUa42loGz7T-AC0jw77sSbqJz3Xm3Te1E3w4ePPzDv_BDs5a79Kcv9sIOlihm8" width="20" height="20" class="ge m" /></label></td><td class="bg gf da"><input class="bi gg gh gi" name="query" id="u_0_c" type="text" /></td><td class="bg  bh"><input value="Search" type="submit" class="q bm bn gk bp" /></td></tr></tbody></table></div></form></div><table class="ba"><tbody><tr><td class="bg fs" style="width:50%"><a class="fu" href=//Wapkings.minewap.com"><font color="white">Our Forum</font></a><a accesskey="0" class="fu" href="/site-help.html"><font color="white"> Help</font></a><a accesskey="7" class="fu" href="/site-edit-profile.html"><font color="white"> Settings &amp Privacy</fon></a></td><td class="bg fv" style="width:50%"><a class="fu" href="/site-report.html"><font color="white"> Report a Problem</font></a><a accesskey="8" class="fu" href="/site-terms.html"><font color="white"> Terms &amp Policies</font></a><a class="fu" href="/site_logout.html"><font color="white"> Logout (:my_name:)</font></a></td></tr></tbody></table><a class="gl" href="#top"><font color="white"> Back To Top</font></a></div></div></div></div></body></html>
Set this to "User"

And this to Quest 

<div class="dk"><div class="fq"><div class="fr"><table class="ba"><tbody><tr><td class="bg fs" style="width:50%"><b class="ft"><fon tcolor="white-"> English (US)</font></b><a class="fu" href="/site-language.html"><font color="white"> हिन्दी</font></a><a class="fu" href="/site-language.html"><font color="white"> Español</font></a></td>  <td class="bg fv" style="width:50%"><a class="fu" href="/site-language.html"><font color="white"> বাংলা</font></a><a class="fu" href="/site-language.html"><font color="white"> অসমীয়া</font></a><a class="fu" href="/site-language.html"><div class="fw"><font color="white"> + </font></div></a></td></tr></tbody></table><font color="white">Firstbook INC</fonr><a class="gl" href="#top"><font color="white"> Back To Top</font></a></div></div></div></div></body></html> 

There is the final of part 1 of the code keep patronize for the next part of the codes Thank You 

    @Ibraheem_Musa_Damilare
Share:
Copyright © Highwebs Blogging and tech | Powered by Highwebs_Teams Design by Ibraheem_Musa_Damilare | Blogger Theme by Ibraheem_Ng