السلام عليكم
في هذا الدرس سوف أتناول أنا وإياك إضافة جميلة للمشاركة في المواقع الإجتماعية ,وهي تعتبر إضافة ضرورية لكل مدونة لكسب زوار كثيرون عندما يشارك أي شخص لموضوعك على هاته المواقع الإجتماعية المبينة في الصورة أسفله .
هاته الإضإفة سوف تظهر لأي شخص أسفل كل موضوع كتبته ، ولإضافتها مباشرة إلى مدونتك ما عليك فعله هو الذهاب إلى لوحة تحكم مدونتك، والضغط على قالب ، ثم تحرير html ، ومتابعة ثم تضع علامة على وتضغط في مفاتيح جهازك على ctrl+f وتبحث عن هذا الكود:
<data:post.body/>
بعد أن تجده ، وقد تجد الكثير منه والمقصود هو الأخير تقوم بلصق هذا الكود بعده
قم بحفظ التغييرات ومبروك عليك الإضافة
في هذا الدرس سوف أتناول أنا وإياك إضافة جميلة للمشاركة في المواقع الإجتماعية ,وهي تعتبر إضافة ضرورية لكل مدونة لكسب زوار كثيرون عندما يشارك أي شخص لموضوعك على هاته المواقع الإجتماعية المبينة في الصورة أسفله .

هاته الإضإفة سوف تظهر لأي شخص أسفل كل موضوع كتبته ، ولإضافتها مباشرة إلى مدونتك ما عليك فعله هو الذهاب إلى لوحة تحكم مدونتك، والضغط على قالب ، ثم تحرير html ، ومتابعة ثم تضع علامة على وتضغط في مفاتيح جهازك على ctrl+f وتبحث عن هذا الكود:
<data:post.body/>
بعد أن تجده ، وقد تجد الكثير منه والمقصود هو الأخير تقوم بلصق هذا الكود بعده
<b:if cond='data:blog.pageType == "item"'>
<style>
.promote_post_bg {
height: 103px;
background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE6hSAczWQfdqjhOCafbnpIFlJjqu4vXqMMQbvHdgHhPW_S5E26YeQzQ1K4PM9S6w0nhLmr8XvtFCn1d9kdjK7cIQWDMHnLgNGZRhIq2RkFkRY-V0Bnn8T7NRhkveXv36e4OXg4e-b36PI/s1600/chamelcool2.gif)
0 -7px no-repeat;
width: 500px;
margin-left: 65px;
}
.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;
}
.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;
}
.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
<div class='promote_post_bg'>
<div class='promote_twitter'>
<a class='twitter-share-button' data-via='chamelcool' href='https://twitter.com/share'>Tweet</a>
<script>
!
function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
</div>
<div class='promote_facebook'>
<div>
<b:if cond='data:post.isFirstPost'>
<script>
(function (d) {
var js, id = 'facebook-jssdk';
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
</b:if>
<fb:like action='like' colorscheme='light'
expr:href='data:post.canonicalUrl' font='verdana' layout='button_count'
send='false' show_faces='false'/>
</div>
</div>
<div class='promote_google'>
<script type='text/javascript'>
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<g:plusone annotation='none' size='medium'/>
</div>
</div>
<p style='display:none;'> Sharing Widget by<a href='http://chamelcool.blogspot.com/'>chamelcool</a></p>
</b:if>
قم بحفظ التغييرات ومبروك عليك الإضافة



