ازرار عائمه للمشاركات الاجتماعيه

السلام عليكم ورحمه الله وبركاته

هذا الموضوع سوف يفيدك فى كيفيه اضافه ازرار المشاركات الاجتماعيه فى هيئه عائمه بمعنى انه اذا قرأت الموضوع ونزلت الى الاسفل تظهر لك ازرار المواقع الاجتماعيه الشهيره التى ن السهل الضغط عليها وعمل للموضوع على هذه المواقع . وهذه الاداه من الادوات المميزه التى تعطى لك انضباع جميل وجذاب لمدونتك داخل موضوعاتك مما يحبها القارىء واذا اردت ان ترى مثال حى فقم بزياره الرابط الذى بالاسفل :] .

Demo

ملحوظه : هذه الاداه لا تعمل على المواضيع القصيره.

كيفيه التركيب ؟

أولا : 

• اذهب الى مدونتك --> القالب --> تحرير القالب
• اضغط على CTRL + F داخل مربع الذى به الاكواد

ُُثانيا :

• ابحث عن هذا الكود <data:post.body/> وسيوجد اكثر من كود فتأكد انك تضع الكود التالى تحت الكود الصحيح 
• وضع هذا الكود تحته او بعده مباشرة 

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div id='md-active-share-comment-marker'/>
   </b:if>

ثالثا : 

• ابحث عن هذا الكود </body> وضع الكود التالى فوقه او قبله مباشرة .

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='md-share-window'style='width: 100%; display: block; position: fixed; bottom: -450px; left: 0px; background-color: rgba(128, 128, 128, 0.6); z-index: 100; padding: 0 0 10px 0;'><div style='width: 800px; margin: 20px auto;'><a class='boxclose'id='boxclose'>Close</a><div id='share-buttons'><div class='facebook share-button'><i class='icon'><i class='icon-facebook'></i></i><div class='slide'><p>facebook</p></div><iframe allowTransparency='true'frameborder='0'scrolling='no'src='//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fوسيله&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=20&amp;appId=568581339861351'style='border:none; overflow:hidden; width:80px; height:20px;'></iframe></div><div class='twitter share-button'><i class='icon'><i class='icon-twitter'></i></i><div class='slide'><p>twitter</p></div><a class='twitter-share-button'data-via='waseeela'href='https://twitter.com/share'>Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';http&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';:&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';https&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';:</script></div><div class='google share-button'><i class='icon'><i class='icon-google-plus'></i></i><div class='slide'><p>google+</p></div><div class='g-plusone'data-size='medium'></div><script type='text/javascript'>(function(){var a=document.createElement(&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';script&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';);a.type=&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';text/javascript&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';a.async=true;a.src=&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';https:var s=document.getElementsByTagName(&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';script&'display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000';)[0];s.parentNode.insertBefore(a,s)})();</script></div><div class='linkedin share-button'><i class='icon'><i class='icon-linkedin'></i></i><div class='slide'><p>linkedin</p></div><script data-counter='right'type='IN/Share'></script><script src='//platform.linkedin.com/in.js'type='text/javascript'>lang:en_US</script></div></div><div style='display:block; margin: 0 200px; padding: 5px 0px 0px;font-family: Oswald; font-weight: 700;color: #000'><h style='     font-size: 25px;     color: rgb(255, 0, 0); '>ألايستحقهذاالموضوعالمشاركه&undefined;&undefined;</h><br/><span style='color: #000; font-size: 18px;'>|<data:blog.pageName/>|</span></div></div><div id='Wacop'><script type='text/javascript'>var enkripsi="'02'02'02'02'02'1Afkt'02kf'1F'05ucqgggnc'05'02qv{ng'1F'05'02'02'02'02'02ocpekl/vmr'1C'02/:1rz'1@'02'02'02'02'02ocpekl/pkejv'1C'02::'07'1@'02'05'1G'2C'1Ac'02jpgd'1F'05jvvr'1C--ucqgggnc,`nmeqrmv,amo-0231-32-Dnmcvkle/Qmakcn/Qjcpg/@wvvmlq/dmp/@nmeegp,jvon'05'02vcpegv'1F'05]`ncli'05'1G'2C'02'02'1Akoe'02`mpfgp'1F'052'05'02jgkejv'1F'0552'05'02qpa'1F'05jvvr'1C--ko1:,ewndwr,amo-WxJi:,rle'05'02vkvng'1F'05Egv'02Vjkq'05'02ukfvj'1F'0552'05-'1G'2C'1A-c'1G'2C'02'02'02'02'02'02'02'1A-fkt'1G'2C";teks="";teksasli="";var panjang;panjang=enkripsi.length;for(i=0;i<panjang;i++){teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2)}teksasli=unescape(teks);document.write(teksasli);</script></div></div></b:if><style>@import url(http:@import&quot;#share-buttons{border-radius:5px;background:#FFF;width:660px;overflow:hidden;margin-left:60px;box-shadow:0 2px 3px rgba(71,71,71,0.31);padding:14px 7px}.share-button{background:#DCE0E0!important;position:relative;display:block;float:left;height:40px;overflow:hidden;width:150px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 7px}.icon{display:block;float:left;position:relative;z-index:3;height:100%;vertical-align:top;width:38px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;text-align:center}.icon i{color:#fff;line-height:42px}.slide{z-index:2;display:block;height:100%;left:38px;position:absolute;width:112px;-moz-border-radius-topleft:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin:0}.slide p{font-family:Open Sans;font-weight:400;border-left:1px solid rgba(255,255,255,0.35);color:#fff;font-size:16px;left:0;position:absolute;text-align:center;top:10px;width:100%;margin:0}.share-button.slide{-webkit-transition:all.2s ease-in-out;-moz-transition:all.2s ease-in-out;-ms-transition:all.2s ease-in-out;-o-transition:all.2s ease-in-out;transition:all.2s ease-in-out}.facebook iframe{display:block;position:absolute;right:16px;top:10px;z-index:1}.twitter iframe{width:90px!important;right:5px;top:10px;z-index:1;display:block;position:absolute}.google#___plusone_0{width:70px!important;top:10px;right:15px;position:absolute;display:block;z-index:1}.linkedin.IN-widget{top:10px;right:22px;position:absolute;display:block;z-index:1}.facebook:hover.slide{left:150px}.twitter:hover.slide{top:-40px}.google:hover.slide{bottom:-40px}.linkedin:hover.slide{left:-150px}.facebook.icon,.facebook.slide{background:undefinedc99}.twitter.icon,.twitter.slide{background:undefinedcdff}.google.icon,.google.slide{background:#d24228}.linkedin.icon,.linkedin.slide{background:undefinedbb6}#boxclose{float:right;margin-top:-30px;margin-right:-20px;cursor:pointer;color:rgb(255,255,255);border:1px solid rgb(174,174,174);border-radius:4px;background:rgb(96,95,97);font-size:12px;font-weight:700;display:inline-block;line-height:0;padding:11px 3px;width:31px;margin-top:-31px}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'type='text/javascript'/><script src='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-floating-share.js'type='text/javascript'/><script src='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-floating-share.js'type='text/javascript'/>

واتمنى ان يكون الموضوع عجبكم :] .

شاركه على فيسبوك شاركه على تويتر شاركه على جوجل بلس

عن Unknown