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 & 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 & 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