How to create social media like facebook on Wapkiz Part 1

 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

Post a Comment

0 Comments