طريقه جديده لنشر مدونتك في مواقع النشر الاجتماعيه فيس بوك وتويتر

بسم الله الرحمن الرحيم
في هذا الدرس البسيط سنتعلم سويا طريقة اضافه صندوق جميل الشكل متناسق مع مدونتك ايا كان قالب مدونتك الذي تستخدمه
من خلال تلك الاضافه تستطيع نشر المدونه علي المواقع الاجتماعيه المختلفه للنشر والتواصل الاجتماعي واشهرهم الفيس بوك وتويتر
وهذه الاضاه الرائعه وسهلة الاستخدام متاحه لاي زائر او عضو بمدونتك دون تعقيد وبالتاكيد تفيد المدونه في محركات البحث لانها تقوم بنشر ماضيع المدونه وجلب اكبر عدد ممكن من الزوار
والان ناتي لطريقة التطبيق
بعد اخذ نسخه احتياطيه من القالب كما هو المعتاد عند القيام باي تغيير نقوم بالبحث عن التالي

<div class='post-header-line-1'/>

ثم نقوم باضافة الكود التالي تحته مباشرة

ملحوظه: ان لم تجد الكود الذي بالاعلى ضع الكود اللذي بالاسفل مباشره قبل هذا الكود data:post.body/> .

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type='text/css'>
.multisharebox {
  background: none repeat scroll 0 0 #EFEFEF;
  float: right;
  margin: 5px 0px 3px 10px;
  padding: 0 5px 0;
  text-shadow: 0 1px 0 #FFFFFF;
  width: 260px;
  border:4px solid #d8dfea;
}
.fb-like-boxtop {
  background: none repeat scroll 0 0 #EDEFF4;
  border: 1px solid #D8DFEA;
  color: #000000;
  float: right;
  font-size: 11px;
  margin: 0 0;
  padding: 5px 10px;
  text-align: left;
  width: 230px;
}
.fb-like-boxtop a {
  color: #000000;
  text-decoration:none;
}
.fb-like-boxtop a:hover {
  color: #000000;
  text-decoration:underline;
}
.fb-like-box {
  background: none repeat scroll 0 0 #EDEFF4;
  border: 1px solid #D8DFEA;
  color: #000000;
  float: right;
  font-size: 11px;
  height: 60px;
  margin: 5px 0;
  overflow: hidden;
  padding: 5px 10px;
  text-align: left;
  width: 230px;
}
</style>

<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->
<div class='multisharebox'>
<table><tr>
<td><table><tr>
<td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if></td>
<td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + data:post.url'/></td>
<td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr></table></td>
</tr><tr>
<td><div class='fb-like-boxtop'><a expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>Email This!</a> | <a href='javascript:window.print();'>Print This!</a> | <b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></div></td>
</tr><tr>
<td><div class='fb-like-box'>
Do you like this post?
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></td>
</tr></table>
</div>
<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->

</b:if>


الان الاضافه جاهزه للاستخدام في اي موضوع من مواضيع مدونتك

ماعليك الا القيام بحفظ التغييرات على القالب ومشاهدة الاضافه بعينك

الي اللقاء في درس جديد من دروس بلوجر
أصدقاء(تطوير ويب)
تعليقات Facebook
19تعليقات Blogger

19 عدد التعليقات على موضوع طريقه جديده لنشر مدونتك في مواقع النشر الاجتماعيه فيس بوك وتويتر

تربية وتكوين يقول...

كل الشكر والتقدير لك ،فما أحوج الكثير إلى الاطلاع على مثل كدا موضوع،بالتوفيق ....

نجار ديزاين يقول...

اخي صاحب مدونة تربيه وتكوين بارك الله فيك على كلماتك الاكثر من رائعه
بالتوفيق اخي

Dr nasr يقول...

مشكوووووور بس انا اريد مثل هذه

شارك أصدقائك على فيس بوك وياهو وتويتر هذا الموضوع:
Facebook Twitter Technorati digg Delicious MySpace Yahoo Google Reddit LinkedIN FriendFeed


الي تحت اي تعليق في مدونتك اريد ان اطبقها في مدونتي
http://enboiraq.blogspot.com/

نجار ديزاين يقول...

من عنيا اخي ساقوم بوضع تلك الطريقه اليوم

غير معرف يقول...

@Ahmed
وجزاك الله بالمثل يااخي
بالتوفيق لك ولمدونتك

غير معرف يقول...

@مسحراتى شووت
ياعم المسحراتي بليز بلاش دعايه بدون اذن انت مدون وفاهم في الاصول

البروفسور مهند يقول...

ممكن نشر مدونتى http://mroslove.blogspot.com/
مدونة مدينة احلام الحب

غير معرف يقول...

@البروفسور مهند
بالطبع اخي يمكنك ولذك قد سمحت لتعليقك بالنشر فمدونتي وانا لا يوجد لدينا اي بند يمنع دعم المدونات الناشئه..تقبل مودتي وتقديري

rayan يقول...
أزال أحد مشرفي المدونة هذا التعليق.
غير معرف يقول...

@سعودي كول
شرفنى مرورك الطيب بالتوفيق لك اخى

biko0o يقول...
أزال أحد مشرفي المدونة هذا التعليق.

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .