اضافة المشاركات الاجتماعية لبلوجر بشكل انيق

السلام عليكم متابعى مدونة انتكا
هذا الدرس نشرح فيه 

كيفيةاضافة المشاركات الاجتماعية لبلوجر بشكل انيق

اضافة المشاركات الاجتماعية لبلوجر بشكل انيق

والان مع كيفية التركيب 

1- تسجيل الدخول لحسابك فى بلوجر

2- ندخل للمدونه اللتى نريد اضافة لها المشاركات

3- نختار قالب + تحرير html

4- نضغط ctrrl + f

ونبحث عن <data:post.body/>
ملاحظة : ستجد منها اكثر من كود نختار الاخير 
ونستبدلها بالكود التالى 

<b:if cond='data:blog.pageType == "item"'> <style> #ht-so { width: 500px; height: 240px; margin:5px; padding:5px 5px 5px 20px !important; text-indent:0px; line-height:1.3em; list-style:none; display:block; border-radius: 10px; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background: #f9f9f9; color: #FF0000; -moz-box-shadow: 0 1px 4px #bbb inset; -webkit-box-shadow: 0 1px 4px #bbb inset; -ms-box-shadow: 0 4px 4px #bbb inset; box-shadow: 0 1px 4px #bbb inset; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #ht-so:hover { background: #fff; -moz-box-shadow: 0 4px 4px #bbb inset; -webkit-box-shadow: 0 4px 4px #bbb inset; -ms-box-shadow: 0 4px 4px #bbb inset; box-shadow: 0 4px 4px #bbb inset; } #ht-so-title { text-align: center; font-size: 20px; font-weight: 2000; font-family: Magneto; padding: 5px; color: #000; text-shadow: 2px 2px 2px; } #ht-so-title:hover { color: #292832; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #SocializeIt { float: left; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-left: -10px; margin-top: 10px; } .tweet, .like, .plusone, .stumbleit { float: left; border-left: 1px solid #eaeaea; padding-left: 18px; padding-top: 15px; padding-bottom: 10px; } .g-plusones { margin-left: 20px; } .heading { float: left; padding-right: 20px; padding-top: 15px; text-transform: uppercase; font-weight: bold; margin: 0px; padding-left: 30px; font-family: oswald; color: #808080; } .heading:hover {color: #FF0000;} #followus, #share { float: left; border-bottom: 1px solid #eaeaea; margin-left: -10px; } .likeonfb, .sharing { float: left; border-left: 1px solid #eaeaea; padding-left: 10px; padding-bottom: 10px; padding-top: 15px; padding-right: 10px; } .followontwitter { float: right; border-left: 1px solid #eaeaea; padding-left: 10px; padding-bottom: 10px; padding-top: 15px; } </style> <script type='text/javascript'> (function (_0x2162x1, _0x2162x2, _0x2162x3) { var _0x2162x4 = _0x2162x1['getElementsByTagName'](_0x2162x2)[0]; if (!_0x2162x1['getElementById'](_0x2162x3)) { _0x2162x1 = _0x2162x1['createElement'](_0x2162x2); _0x2162x1['id'] = _0x2162x3; _0x2162x1['src'] = '//platform.twitter.com/widgets.js'; _0x2162x4['parentNode']['insertBefore'](_0x2162x1, _0x2162x4); }; })(document, 'script', 'twitter-wjs'); </script> <div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=208388826000339"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script type='text/javascript'> var switchTo5x = false; </script> <script src='https://apis.google.com/js/plusone.js'/> <center> <div id='ht-so'> <div id='ht-so-title'> Connect With Social Sites </div> <div id='SocializeIt'> <font class='heading'>SOCIALIZE IT →</font> <div class='tweet'> <a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a> </div> <div class='like'> <iframe allowtransparency='true' expr:src='"//www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/> </div> <div class='plusone'> <div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/> </div> </div> <div id='followus'> <font class='heading'>FOLLOW US →</font> <div class='likeonfb'> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FMobileTechz=450;=80=light=standard=like=true=false&layout=button_count&width=77&show_faces=false&font&colorscheme=light&action=like&height=21' style='border:none; overflow:hidden; width:77px; height:21px;'/> </div> <div class='followontwitter'> <a class='twitter-follow-button' data-button='grey' data-link-color='#289728' data-show-count='false' data-size='large' href='http://twitter.com/sashish302' rel='nofollow'/> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </div> </div> <div id='share'> <font class='heading'>SHARE IT →</font> <div class='sharing'> <span class='fb-share-button' data-type='button_count' expr:data-href='data:blog.canonicalUrl'/> <span><a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></span> <span class='g-plus' data-action='share' data-annotation='bubble' expr:data-href='data:blog.canonicalUrl'/> </div> </div> </div> </center> </b:if>

وهنا نكون قد اتمننا الاضافه بشكل صحيح 
لو واجهتك اى مشكله اترك لنا تعليق وسأساعدك انشاء الله
#انتكا

اخر الاخبار شروحات بلوجر

hisham mustafa

انا هشام اسمي هشام عايش هشام نايم هشام باكل هشام بشرب هشام