سعر و مواصفات Huawei nova 8 5G مميزات و عيوب

أداة مشاركة اجتماعية لمشاركة المقالات على مواقع التواصل الاجتماعى

اهلا بيكم يا شباب في موضوع جديد وهو عن اضافة لا غني عن القول أن أداة المشاركة الاجتماعية فعالة في الغالب لنشر المحتوى الخاص بنا عبر الويب. بشكل أساسي لمشاركة المحتوى الخاص بنا في العدد من مواقع التواصل الاجتماعي ، نستخدم أداة المشاركة الاجتماعية. بعد قراءة المحتوى الخاص بك إذا كان القراء يشعرون بالايهتمام ، فإنهم ينوون مشاركة المحتوى أو وضع إشارة مرجعية عليه في ملفهم الشخصي على وسائل التواصل الاجتماعي. لكن أداة المشاركة الاجتماعية تساعد المشارك على مشاركة المحتوى بسهولة. في النهاية يجعل هذا مشاركة موقعك ودية. لذلك سأشارك أداة مشاركة اجتماعية رائعة أخرى لموقعك على Blogger.

طريقة التركيب

• تتوجة الى المظهر ثم تعديل HTML وقم بالبحث عن /head وقم بوضع الكود فوقة.

<link href = '// netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css' rel = 'stylesheet' />

• ثم قم بالبحث عن /b:skin وقم بوضع الكود فوقة.

.bsshare{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;padding:10px 0;}
.bsshare li{float:left;margin:0 1%;width:18%;padding:0;list-style:none;position:relative;box-shadow:0 0 0 -1px #e3e3e3;}
.bsshare li:hover{box-shadow:4px 4px 0 -1px #e3e3e3;}
.bsshare li a{padding:5px 0 6px 35px;color:#fff;display:block;border-radius:2px;}
.bsshare li a:hover{background:#555555;color:#fff;}
.bsshare li .twitter{background-color:#85c5f5;}
.bsshare li .facebook{background-color:#6381c0;}
.bsshare li .gplus{background-color:#ed6d5d;}
.bsshare li .pinterest{background-color:#e44d52;}
.bsshare li .linkedin{background-color:#2c9ad8;}
.bsshare li .twitter:hover,.bsshare li .facebook:hover,.bsshare li .gplus:hover,
.bsshare li .pinterest:hover,.bsshare li .linkedin:hover{color:#fff;}
.bsshare li:last-child{margin-right:0}
.bsshare li .fa:before{position:absolute;top:0;left:0;display:inline-block;padding:4px 15px;font-family:fontawesome;text-align:center;background:#444444;color:#FFFFFF;line-height:20px;}
.bsshare li .fa {display:initial;}

• ثم وقم بالبحث عن <data:post.body/>وقم بوضع الكود تحتة.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='bsshare'>
                <ul>
<li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>

                <li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>

                <li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>

                <li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li>

                <li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/>Share</a></li>

                </ul>
         </div>
<div style='clear:both'/>
</b:if>

تحذيرلا يسمح باخذ المحتوي والا سوف يتم التبليغ عنك وسيتم حذف المقالة من طرف بلوجر بدون اخبارك