Working Wapka Facebook (FB) Sharer Code

Today i'm going to share with my wapka readers, how to add Facebook sharer code to their wapsites.

I have heard alot of complaints from wapka users that their current fb sharer code for wapka does not work, if you are facing this too don't worry in this article, i'm going to treat that- Facebook sharer code that tag first image in forum, follow below.



Now lets begin, first login your wapka Admin Mode, in your Message in forum first box, Replace ::msg:: with the code below
<div name="bdboys"><div name="dpro"><div name="gm"><div name="wkin"><div name="yahoo"><span name="bdboys"><div name="bbcode"><span name="et::msg_id::"><div name="rbd" style="padding:7px;" class="eachmsg"><article><div name='shanjee'><x name="msg"> <div name="wyky"><div name="msg"><div name="link"><div id="ads">::msg::</div></div></div></x></div></article></div></span></div></span></div></div></div></div></div>

Now paste this code below your Message in forum 1st box.
<div class="new3"></div><div name="fb_share"></div>

Now after that, Paste the below code in your forum footer/bottom autocontent.
<script =""><br> txt=document.getElementsByName('dpro')[0].innerHTML;<br> description=txt.replace(/n/ig,'').replace(/<(?:.|n)*?>/gm, '');<br> description=description.substr(0,60);<br> if(txt.match(/[img]/ig)){<br> picture=txt.split(/<figure class="figure"><img src="/ig)[1].split(/" alt="Example.com" style="max-width:100%" class="img-thumbnail" name="imgtop" /><figcaption>EXAMPLE.COM</figcaption></figure>/ig)[0];<br> } else {<br> picture='://i.imgsafe.org/3d9f76f.jpg';<br> }<br> title=document.title;<br> document.getElementsByName('fb_share')[0].innerHTML='<a href="https://www.facebook.com/dialog/share?app_id=1573521459583398&description='+document.title+'&picture='+picture+'&redirect_uri=http://facebook.com&caption=WWW.EXAMPLE.COM&href=http://example.com:getid-url:&title='+title+'" target="_blank" class="share-btn facebook"><span class="fa fa-facebook"> <font color="white"><b>Facebook</b></font> </span></a>';<br> </script><br><br /> <br><br /> <style><br> .share-btn.facebook {background: #3A5090; }<br> .share-btn.facebook:before{ background: url("http://djiqbal.mywapblog.com/files/fb.png") no-repeat;background-size: 30px 30px; content:" "; width: 30px; height: 30px; display: inline-block; margin-top: -30px; margin-bottom: -10px;margin-left: -12px}<br> <br> .share-btn {display: inline-block; color: #ffffff; border: none; box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); padding-bottom: px; padding-top: px; padding-left: px ;position: relative; padding-right: 4px;font-weight:bold;font-style: none!important;white-space: nowrap; overflow:hidden !important;text-overflow: ellipsis;}<br> </style><br><br />

NOTE: Change all Example.com in the above code to your sitename.com.

Now your fb sharer code should be working perfectly well now, drop your comments below or if you encounter any problem, let me know.

Recommended: How To Remove Underline From Below Links In Wapka PC View & Default Browsers