Feelings, Emoji and React Code in Wapkiz

There’s a way we compete Wapkiz site with those big social medias.
Don’t you agree ?? If you agree with me you are legit, then let’s go !!

You need to create 3 pages as their name goes by Feelings, Emoji, React

I believe this tutor can be your orientation complete cause some have been starving for it. If you are just a beginner I will advise you to just write it down cuz it may be too difficult for you to understand. You are just learning html indeed. Keep it till you can set a post view by yourself

Professional I Know you are here for this, I don’t know maybe you have dealt with something like this before or not. Just know this is advance. Edit only what you understand.
Having this on your social network site is a great Ep.
It help site for stable/active users, if user should witness all they did on Facebook they start invite their friends

Now let’s go crack the precious egg

Go to page Feelings
paste the following code in HTML/tag

<title><a href="https://360okay.com/tag/feelings/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Feelings">Feelings</a></title>

<br /> <<em>style> .ab1{background:#fff;color:#306eff;border-top:1px solid #ccc;border-bottom:1px solid #306eff;padding-top:3px;padding-bottom:10px;padding-right:5px;padding-left:12px;}.ab{background:#f7f7f7;border-bottom:1px solid #ccc;padding-top:8px;padding-top:8px;padding-right:5px;padding-left:12px;}</style> <p><</em>div class=”ab1″>How are you feeling?</div> </p></div> </p></div> </p></div> <p>[blog_form]bid=public,ud=site-public.html||%notify%<<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://cdn3.iconfinder.com/data/icons/emoticon-<a href="https://360okay.com/tag/emoji/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Emoji">emoji</a>-1/50/Excited-24.png[/icon] happy.” /> <</em>img src=”https://cdn3.iconfinder.com/data/icons/emoticon-<a href="https://360okay.com/tag/emoji/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Emoji">emoji</a>-1/50/Excited-24.png” alt=”happy.png” /> <b> Happy </b><<em>div class=”ab”></div> <p><</em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/face-sad-24.png[/icon] sad.” /> <<em>img src=”https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/face-sad-24.png” alt=”sad.png” /> <b> Sad </b> <</em>div class=”ab”></div> <p><<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__3-24.png[/icon] excited.” /> <</em>img src=”https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__3-24.png” alt=”excited.png” /><b> Excited </b><<em>div class=”ab”></div> <p><</em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://cdn4.iconfinder.com/data/icons/reaction/32/dead-24.png[/icon] tired.” /> <<em>img src=”https://cdn4.iconfinder.com/data/icons/reaction/32/dead-24.png” alt=”tired.png” /><b> Tired </b> <</em>div class=”ab”></div> <p><<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://cdn3.iconfinder.com/data/icons/colorful-emojis/100/wonder-24.png[/icon] wonderful.” /> <</em>img src=”https://cdn3.iconfinder.com/data/icons/colorful-emojis/100/wonder-24.png” alt=”wonderful.png” /> <b> Wonderful </b> <<em>div class=”ab”></div> <p><</em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://cdn1.iconfinder.com/data/icons/smiley-faces/100/Smiley_great_happy-24.png[/icon] great.” /> <<em>img src=”https://cdn1.iconfinder.com/data/icons/smiley-faces/100/Smiley_great_happy-24.png” alt=”great.png” /><b> Great </b> <</em>div class=”ab”></div> <p> <<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://cdn4.iconfinder.com/data/icons/funny-character-expressions/512/15-24.png[/icon] Annnoyed.” /> <</em>img src=”https://cdn4.iconfinder.com/data/icons/funny-character-expressions/512/15-24.png” alt=”annoyed.png” /> <b> Annoyed </b> <<em>div class=”ab”></div> <p> <</em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://cdn4.iconfinder.com/data/icons/emoticons-set-colored/110/Laughing-24.png[/icon] Blessed.” /> <<em>img src=”https://cdn4.iconfinder.com/data/icons/emoticons-set-colored/110/Laughing-24.png” alt=”blessed.png” /> <b> Blessed </b> <</em>div class=”ab”></div> <p> <<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yL/r/mUZg2YGBT5V.png[/icon] is feeling Cool.” /> <</em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yL/r/mUZg2YGBT5V.png” alt=”cool.png” /> <b> Cool </b> <<em>div class=”ab”></div> <p> <</em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yQ/r/4172CgofuzR.png[/icon] Loved.” /> <<em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yQ/r/4172CgofuzR.png” alt=”loved.png”/> <b> Loved </b> <</em>div class=”ab”></div> <p> <<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yj/r/yDaBsYcc9pr.png[/icon] Proud.” /> <img src="https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yj/r/yDaBsYcc9pr.png" alt="proud.png" data-lazy-src="https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yj/r/yDaBsYcc9pr.png?is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img src="https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yj/r/yDaBsYcc9pr.png" alt="proud.png"/></noscript> <b> Proud </b> <</em>div class=”ab”></div> <p> <<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y9/r/01TjtkIxVPt.png[/icon] Thankful.” /> <</em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y9/r/01TjtkIxVPt.png” alt=”thankful.png”/> <b> Thankful</b> <“div class=”ab”></div> <p> <<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y9/r/01TjtkIxVPt.png[/icon] awesome.” /> <</em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y9/r/01TjtkIxVPt.png” alt=”awesome.png”/> <b> Awesome</b><<em>div class=”ab”></div> <p> <</em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y1/r/w6ownRW-gDD.png[/icon] confused.” /> <<em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y1/r/w6ownRW-gDD.png” alt=”confused.png”/> <b> Confused</b><</em>div class=”ab”></div> <p> <<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yI/r/31AL-hV60T_.png[/icon] joyful.” /> <</em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yI/r/31AL-hV60T_.png” alt=”joyful.png”/> <b> Joyful</b><<em>div class=”ab”></div> <p> <</em>input type=”radio” name=”text” id=”blog_text” value=”:feeling: [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yj/r/BokQnGKzsVZ.png[/icon] grateful.” /> <<em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yj/r/BokQnGKzsVZ.png” alt=”grateful.png”/> <b> Grateful</b><</em>div class=”ab”></div> <p> <<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yV/r/hGHNsWgWbEY.png[/icon] emotional.” /> <</em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yV/r/hGHNsWgWbEY.png” alt=”emotional.png”/> <b> Emotional</b><<em>div class=”ab”></div> <p> <</em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yZ/r/8VoGhhpCEbi.png[/icon] bored.” /> <<em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yZ/r/8VoGhhpCEbi.png” alt=”bored.png”/> <b> Bored</b><</em>div class=”ab”></div> <p> <<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y3/r/lI9EmEqGB3g.png[/icon] sick.” /> <</em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y3/r/lI9EmEqGB3g.png” alt=”sick.png”/> <b> Sick</b><<em>div class=”ab”></div> <p> <</em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yV/r/9tcLgMJyUKi.png[/icon] naughty.” /> <<em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yV/r/9tcLgMJyUKi.png” alt=”naughty.png”/> <b> Naughty</b><</em>div class=”ab”></div> <p> <<em>input type=”radio” name=”text” id=”blog_text” value=”feeling [icon]https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y2/r/9RwjF28bGDj.png[/icon] beautiful.” /> <</em>img src=”https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/y2/r/9RwjF28bGDj.png” alt=”beautiful.png”/> <b> Beautiful</b><<em>div class=”ab”></div> </p></div> </div> </div> </div> </div> <p><center>%submit=Share%</center>[/blog_form]
Remove all star ()

Go to page Emoji
paste the following code in HTML/tag

<title><a href="https://360okay.com/tag/emoji/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Emoji">Emoji</a></title>

<<em>center>[blog_form]bid=public,ud=site-public.html||%notify%<</em>div class=”ab1″ align=”left”><b>Select an Emotion </b> </div> <p><<em>div class=”ab2″> <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]https://loadedappz.files.wordpress.com/2017/10/rsz_emoij14.png[/img]”> <<em>img src=”https://loadedappz.files.wordpress.com/2017/10/rsz_emoij14.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]https://loadedappz.files.wordpress.com/2017/10/rsz_emoij10.png[/img]”> <<em>img src=”https://loadedappz.files.wordpress.com/2017/10/rsz_emoij10.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]https://loadedappz.files.wordpress.com/2017/10/rsz_emoij9.png[/img]”> <<em>img src=”https://loadedappz.files.wordpress.com/2017/10/rsz_emoij9.png” width=”30px” height=”30px”> </div> <p> <</em>div class=”ab2″> <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]https://loadedappz.files.wordpress.com/2017/10/rsz_emoij8.png[/img]”> <</em>img src=”https://loadedappz.files.wordpress.com/2017/10/rsz_emoij8.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]https://loadedappz.files.wordpress.com/2017/10/rsz_emoij7-1.png[/img]”> <</em>img src=”https://loadedappz.files.wordpress.com/2017/10/rsz_emoij7-1.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]https://loadedappz.files.wordpress.com/2017/10/rsz_emoij6-1.png[/img]”> <</em>img src=”https://loadedappz.files.wordpress.com/2017/10/rsz_emoij6-1.png” width=”30px” height=”30px”> </div> <p> <<em>div class=”ab2″> <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]https://loadedappz.files.wordpress.com/2017/10/rsz_emoij13.png[/img]”> <<em>img src=”https://loadedappz.files.wordpress.com/2017/10/rsz_emoij13.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]https://loadedappz.files.wordpress.com/2017/10/rsz_emoij5.png[/img]”> <<em>img src=”https://loadedappz.files.wordpress.com/2017/10/rsz_emoij5.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]https://loadedappz.files.wordpress.com/2017/10/rsz_emoij12.png[/img]”> <<em>img src=”https://loadedappz.files.wordpress.com/2017/10/rsz_emoij12.png” width=”30px” height=”30px”> </div> <p> <</em>div class=”ab2″> <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://seunexguru.xtgem.com/youdate/funny.png[/img]”> <</em>img src=”http://seunexguru.xtgem.com/youdate/funny.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://seunexguru.xtgem.com/youdate/bigchin.png[/img]”> <</em>img src=”http://seunexguru.xtgem.com/youdate/bigchin.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://seunexguru.xtgem.com/youdate/cantwatch.png[img]”> <</em>img src=”http://seunexguru.xtgem.com/youdate/cantwatch.png” width=”30px” height=”30px”> </div> <p> <<em>div class=”ab2″> <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://seunexguru.xtgem.com/youdate/cantwatch2.png[/img]”> <<em>img src=”http://seunexguru.xtgem.com/youdate/cantwatch2.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://seunexguru.xtgem.com/youdate/pfftteasing.png[/img]”> <<em>img src=”http://seunexguru.xtgem.com/youdate/pfftteasing.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://seunexguru.xtgem.com/youdate/wontisten.png[/img]”> <<em>img src=”http://seunexguru.xtgem.com/youdate/wontlisten.png” width=”30px” height=”30px”> </div> <p> <</em>div class=”ab2″> <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/16-tongue-out.png[/img]”> <</em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/16-tongue-out.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/15-gone-bonkers.png[/img]”> <</em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/15-gone-bonkers.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/20-in-tears.png[/img]”> <</em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/20-in-tears.png” width=”30px” height=”30px”> </div> <p> <<em>div class=”ab2″> <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/25-thumbs-up.png[/img]”> <<em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/25-thumbs-up.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/26-victory-grin.png[/img]”> <<em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/26-victory-grin.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/27-selfie-smile.png[/img]”> <<em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/27-selfie-smile.png” width=”30px” height=”30px”> </div> <p> <</em>div class=”ab2″> <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/29-thats-the-way.png[/img]”> <</em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/29-thats-the-way.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/30-you-are-welcome.png[/img]”> <</em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/30-you-are-welcome.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/31-come-on.png[/img]”> <</em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/31-come-on.png” width=”30px” height=”30px”> </div> <p> <<em>div class=”ab2″> <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/32-well-done.png[/img]”> <<em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/32-well-done.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/34-wink-tongue-out.png[/img]”> <<em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/34-wink-tongue-out.png” width=”30px” height=”30px”>       <</em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/35-thats-hilarious.png[/img]”> <<em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/35-thats-hilarious.png” width=”30px” height=”30px”> </div> <p> <</em>div class=”ab2″> <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/36-too-funny.png[/img]”> <</em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/36-too-funny.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/37-turd-head.png[/img]”> <</em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/37-turd-head.png” width=”30px” height=”30px”>       <<em>input type=”radio” name=”text” id=”blogtext” value=”[img]http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/74-schoolgirl-wink.png[/img]”> <</em>img src=”http://www.funny-emoticons.com/files/smileys-emoticons/funny-emoticons/74-schoolgirl-wink.png” width=”30px” height=”30px”> </div> <p> <<em>div align=”center”><b>Say Something!:</b></p> <div align="left"><</em>textarea class=”h5″ style=”width:95%;height:80px;” name=”blog_title”><<em>/textarea> </div> <p> %submit=Share <a href="https://360okay.com/tag/emoji/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Emoji">Emoji</a>%[/blog_form] </center> <</em>style> .ab1{background:#f7f7f7;color:#306eff;border-top:1px solid #ccc;border-bottom:1px solid #306eff;padding-top:8px;padding-bottom:8px;padding-right:5px;padding-left:12px;} .ab2{background:#EEE;border-top:1px solid #ccc;padding-top:8px;padding-bottom:8px;padding-right:5px;padding-left:12px;}.ab3{background:#ADD8E5;border-top:1px solid #ccc;padding-top:8px;padding-bottom:8px;padding-right:5px;padding-left:12px;} <<em>/style>
Remove all star ()

To be continue….
Read more…!!