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

طريقه وضع اعلانات ادسنس على جانبى المدونه الجهه اليسرى واليمنى , حيث انه هذه الطريقه تذيد نوعا ما من اعلانات ادسنس وايضا غير مخالفه لأدسنس ابدا لان الكثير من المواقع المشهوره تضع الاعلانات هكذا يمكن ان يكون تصميم القالب يعيك هذه الخاصيه بدون اكواد وايضا بعض القوالب لاتوجد بها مكان للأعلانات على جانبى المدونه .

• طريقه تركيب الاعلانات على جانبى المدونه

الطريقه سهله سوف تدخل على التخطيط اضافه اداه من ثم html جافا سكربت وتضيف الكود اخى بالله , هناك كودين كود للجهه اليسرى وكود للجهه اليومنى من المدونه

طريقة وضع اعلانات ادسنس على الجهة اليمنى  جانبي المدونة

<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML20&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("html20"));' target='configHTML20' title='تحرير'> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'>
</div>
<div id='rsidebar-wrapper'>
<div class='sidebar section' id='sidebarleft'>
<div class='widget HTML' id='HTML15'>
<div class='widget-content'>
<div class="angular_advertisement angadver_bottom angadver_right">
 <a href="#">  </a>  </div>
<div class="angular_advertisement" style="right: 0px; top: 0px; position: fixed;">
 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- تلقائى -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-2719643352600591"
     data-ad-slot="2369520862"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><div dir="rtl" style="text-align: right;" trbidi="on">
<strong><a href="http://goo.gl/f6b7gk
" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></strong></div>
</div>
</div>
</div>
</div>
</div>
طريقة وضع اعلانات ادسنس على يسار المدونة

<div class="angular_advertisement" style="left: 0px; top: 0px; position: fixed;">
 كود ادسنس هنا  <div dir="rtl" style="text-align: right;" trbidi="on">
<strong><a href="http://goo.gl/f6b7gk
" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></strong></div>
<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML15&action=editWidget§ionId=sidebarleft' onclick='return _WidgetManager._PopupConfig(document.getElementById("html15"));' target='configHTML15' title='تحرير'> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span></span></div>

وضع الاعلانات على الجهه اليومنى

<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML20&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("html20"));' target='configHTML20' title='تحرير'> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'>
</div>
<div id='rsidebar-wrapper'>
<div class='sidebar section' id='sidebarleft'>
<div class='widget HTML' id='HTML15'>
<div class='widget-content'>
<div class="angular_advertisement angadver_bottom angadver_right">
 <a href="#">  </a>  </div>
<div class="angular_advertisement" style="right: 0px; top: 0px; position: fixed;">
 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- تلقائى -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-2719643352600591"
     data-ad-slot="2369520862"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><div dir="rtl" style="text-align: right;" trbidi="on">
<strong><a href="http://goo.gl/f6b7gk
" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></strong></div>
</div>
</div>
</div>
</div>
</div>
طريقة وضع اعلانات ادسنس على يسار المدونة

<div class="angular_advertisement" style="left: 0px; top: 0px; position: fixed;">
 كود ادسنس هنا  <div dir="rtl" style="text-align: right;" trbidi="on">
<strong><a href="http://goo.gl/f6b7gk
" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></strong></div>
<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML15&action=editWidget§ionId=sidebarleft' onclick='return _WidgetManager._PopupConfig(document.getElementById("html15"));' target='configHTML15' title='تحرير'> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span></span></div>

ومن ثم سيبدا الاعلان بالظهور معك فى المدونه فى الاماكن التى تريدها ستضيف اعلانك فى الكود بدلا من اعلانى المضاف

تغيير شكل الماوس لمدونات بلوجر وجعل شكل الماوس احترافى

تغيير شكل الماوس لمدونات بلوجر وجعل شكل الماوس احترافى , عند دخولى الى بعض المواقع الاحظ ان اشكال الماوس مختلفه فى بعض المواقع قلت كيف افعل ذالك بحثت عندما وجدت الطريقه وضعتها لكم 

طريقه تغيير شكل الماوس بسيطه كل ماعليك هو نسخ الكود التالى من ثم تذهب الى قالب وتحرير وتضع الكود التالى فوق < body />

• الكود 

انظر الى الصوره بالاعلى في الكود يوجد الرقم باللون احمر فيه 127 اذا رجعنا الى صورة السابقة سنلاحظ تلك الرقم هو شكل جميل بلون أزرق او اى شكل اخر تريده .

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur127.cur), progress !important;}</style>

سلايد شو احترافى متوافق مع جميع الاجهزه والشاشات

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

• بعض مميزات السلايد

1. سلايد متوافق مع جميع الشاشات 
2. يعرض تاريخ نشر المشاركه
3. خطوط احترافيه للسلايد
4. الوان مريحه للقالب
5. شكل مميز
6. يعرض ثلاث مشاركات 
7. المشاركات ثلاثه واحده كبيره والاثنين الباقيين احترافيه

•  لتركيب القالب سوف تذهب الى 

1. التخطيط
2. اضافه اداه
3. من ثم HTML/JavaScript

بعدها ستضيف ذالك الكود

<style>
#featuredpost {padding: 10px;}
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:320px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:15px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);
height:90px;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:20px;display:block;bottom:10px;left:10px;
padding:0;box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:20px;padding:12px 15px;
background:#FC4F3F;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:#FC4F3F;padding:3px 6px;
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}
@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}
@media only screen and (max-width:600px){
#slides ul{height:600px}
#slides li:nth-child(1){width:100%;height:50%}
#slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
#slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
#slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
#slides li:nth-child(5){display:none;}}
@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}
</style>
<div id="featuredpost"></div>
<script type="text/javascript" src="https://googledrive.com/host/0B7EdpK5Vun4YcGJMbnU2T3RMV0k"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.crazytech3.com/",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script>

من ثمحفظ وبعدها سيظهر السلايد شو بشكل جميل دون مشاكل وهو بطبيعه الحال سهل التركيب كما قرأتم ان كان هناك اى مشاكل لاتنسى ترك تعليقك وسيتم الرد عليك بأقرب وقت 

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

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

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

نمر الى طريقه التركيب

اولا سوف تذهب الى تحرير القالب بعدها تبحث عن الوسم </head> وتضع الكود التالى فوقه مباشره 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.ar1web_SocialBar {
  position: fixed;
  bottom: 30%;
  padding: 0;
  right:0;
  background: none;
  text-align: center;
  margin: 0 auto;
  z-index: 99999999;
}
.ar1web_SocialBar label:hover {
  cursor: pointer;
  opacity:1;
}
.ar1web_SocialBar label {
  text-align: center;
  opacity: 0.4;
  width: 50px;
  background: #3A3939;
  color: #FFF;
  border: 0;
  font-family: FontAwesome;
  display: block;
  font-size: 12px;
  padding: 0px 0px;
  border-radius: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  position: absolute;
  line-height: 1.5em;
  margin-top: 346px;
}
input.ShowHide_Button:checked + label {
     -webkit-transform-origin: 50% 0%!important;
    opacity: 1;
    transform: translateX(0px) rotateY(-180deg);
    transition-delay: 0.2s;
    border: 1px solid #3A3939;
    border-radius: 0 50px 50px 0;
    width: 30px;
    max-width: 30px;
}
input.ShowHide_Button ~ .ShowHideMe {
  -webkit-transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620);
  -moz-transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620);
  -ms-transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620);
  -o-transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620);
  transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620);
}
input.ShowHide_Button:checked ~ .ShowHideMe {
  margin-right: -75px !important;
}
input.ShowHide_Button {
  display: none;
}
.ar1web_SocialBar .social_menu {
  display: inline-block;
  float: right;
  list-style:none;
  max-width:50px;
  margin: 0;
  padding: 0;
}
.ar1web_SocialBar .social_menu .button_facebook {
  background: #3a579a;
}
.ar1web_SocialBar .social_menu .button_facebook:hover {
  background: #314a83;
}
.ar1web_SocialBar .social_menu .button_twitter {
  background: #00abf0;
}
.ar1web_SocialBar .social_menu .button_twitter:hover {
  background: #0092cc;
}
.ar1web_SocialBar .social_menu .button_googleplus {
  background: #df4a32;
}
.ar1web_SocialBar .social_menu .button_googleplus:hover {
  background: #be3f2b;
}
.ar1web_SocialBar .social_menu .button_pinterest {
  background: #cd1c1f;
}
.ar1web_SocialBar .social_menu .button_pinterest:hover {
  background: #ae181a;
}
.ar1web_SocialBar .social_menu .button_stumbleupon {
  background: #ea4b24;
}
.ar1web_SocialBar .social_menu .button_stumbleupon:hover {
  background: #c7401f;
}
.ar1web_SocialBar .social_menu .button_linkedin {
  background: #2554BF;
}
.ar1web_SocialBar .social_menu .button_linkedin:hover {
  background: #224EB4;
}
.ar1web_SocialBar .social_menu .button_facebook .count,
.ar1web_SocialBar .social_menu .button_twitter .count,
.ar1web_SocialBar .social_menu .button_googleplus .count,
.ar1web_SocialBar .social_menu .button_pinterest .count,
.ar1web_SocialBar .social_menu .button_stumbleupon .count,
.ar1web_SocialBar .social_menu .button_linkedin .count {
  color: #fff!important;
  padding-top: 4px;
  font-size: 13px !important;
  line-height: 1.2em;
  font-family: sans-serif;
  font-weight: bold;
}
.ar1web_SocialBar .social_menu &gt; ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ar1web_SocialBar .social_menu .share {
  background: #FFF;
  color: #807F7F;
  font-size: 11px;
  height: 45px !important;
}
.ar1web_SocialBar .social_menu .share .count.h4 {
  font-size: 18px;
  font-family: sans-serif;
  color: #424242;
  height: 25px !important;
  line-height: 1.5em;
  font-weight: bold;
  margin: 0px !important;
}
.ar1web_SocialBar .social_menu .share .h6 {
  padding-bottom: 3px;
  font-family: &#39;Droid Arabic Naskh&#39;,sans-serif;font-weight: bold;
  margin: 0px !important;
  line-height: 1.5em;
  font-size: 11px;
}
.ar1web_SocialBar .social_menu &gt; ul &gt; li {
  margin: 0px 0px 0px 0px;
  position: relative;
  text-align: center;
  list-style: none;
  list-style-type: none;
  padding: 0px;
  border: 0px;
  border-left: 0 solid rgba( 0,0,0,.4);
  height: 50px;
  width: 50px;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
  background: none;
  box-sizing: content-box;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ar1web_SocialBar .social_menu &gt; ul &gt; li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 5px 0px;
  cursor: pointer;
  text-decoration: none;
}
.ar1web_SocialBar .social_menu &gt; ul &gt; li:hover {
  border-right: 5px solid rgba( 0,0,0,.3);
  width: 40px;
}
.ar1web_SocialBar .social_menu &gt; ul &gt; li i {
  color: #fff !important;
  font-family: FontAwesome;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ar1web_SocialBar .social_menu &gt; ul &gt; li:hover i {
  opacity: 0.9;
}
@media only screen and (min-width:768px) and (max-width:979px) {
.ar1web_SocialBar {
  bottom: 20% !important;
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.ar1web_SocialBar {
  bottom: 15% !important;
}
}
 @media only screen and (max-width:479px) {
.ar1web_SocialBar {
  bottom: 10% !important;
  display: none !important; /*---أحذف هذا السطر بكامله ليظهر على الهاتف--*/
}
}
</style>
</b:if>

بعدها نبحث عن الوسم <data:post.body/> وتضع الكود التى تحته مباشره .............

وغير مايلزمك من مواقع التواصل فى هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='ar1web_SocialBar'>
  <input class='ShowHide_Button' id='twiSter' type='checkbox'/>
  <label for='twiSter'><i class='fa fa-arrow-right'/></label>
  <div class='ShowHideMe'>
  <div class='social_menu'>
<div class='share'>
    <div class='share-btn' data-service='total'>
        <div class='count h4'/>
        <div class='h6'>المشاركات</div>
  </div></div>
<ul>
<li class='button_facebook'>
<a expr:href='&quot;   http://www.facebook.com/share.php?v=4&amp;   src=bm&amp;   u=&quot;   + data:post.url + &quot;   &amp;   t=&quot;   + data:post.title' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow'><strong><i class='fa fa-facebook'/>
<div class='share-btn' data-service='facebook'>
        <div class='count'/></div></strong>
</a>
</li>
<li class='button_twitter'>
<a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot; via @Hmar1web - &quot;' onclick='window.open(this.href,&quot; sharer&quot; ,&quot; toolbar=0,status=0,width=626,height=436&quot; ); return false;' rel='nofollow'><strong><i class='fa fa-twitter'/>
<div class='share-btn' data-service='twitter'>
        <div class='count'/></div></strong>
</a>
</li>
<li class='button_googleplus'>
<a expr:href='&quot;   https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,&quot;   &quot;   ,&quot;   menubar=no,toolbar=no,resizbutton_le=yes,scrollbars=yes,height=600,width=600&quot;   );   return false;   ' rel='nofollow'><strong><i class='fa fa-google-plus'/>
<div class='share-btn' data-service='google'>
        <div class='count'/></div></strong>
</a>
</li>
<li class='button_pinterest'>
<a data-pin-config='beside' expr:href='&quot;   http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;   &amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;description=&quot; + data:post.title' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=500&quot;   );   return false;' rel='nofollow'><strong><i class='fa fa-pinterest'/>
<div class='share-btn' data-service='pinterest'>
        <div class='count'/></div></strong>
</a>
</li>
<li class='button_stumbleupon'>
<a expr:href='&quot;   http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;   &amp;   title=&quot;   + data:post.title' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=500&quot;   );   return false;' rel='nofollow'><strong><i class='fa fa-stumbleupon-circle'/>
<div class='share-btn' data-service='stumbleupon'>
        <div class='count'/></div></strong>
</a>
</li>
<li class='button_linkedin'>
<a expr:href='&quot;   http://www.linkedin.com/shareArticle?mini=true&amp;   url=&quot; + data:post.url + &quot;   &amp;   title=&quot; + data:post.title + &quot;   &amp;   summary=&amp;   source=&quot;   ' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=500&quot;   );   return false;' rel='nofollow'><strong><i class='fa fa-linkedin'/>
<div class='share-btn' data-service='linkedin'>
        <div class='count'/></div></strong>
</a>
</li>
</ul>
</div>
</div>
</div>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function () {
  var shareUrl = $("link[rel=canonical]").attr("href");
    $.getJSON('http://sharecount.twistblogger.com/?url=' + encodeURIComponent(shareUrl) + "&callback=?", function (data) {
        shares = data.shares;
        $(".count").each(function (index, el) {
            service = $(el).parents(".share-btn").attr("data-service");
            count = shares[service];
            if (count > 1000) {
                count = (count / 1000).toFixed(1);
                if (count > 1000) count = (count / 1000).toFixed(1) + "M";
                else count = count + "k";
            }
            $(el).html(count);
        });
    });
});
//]]></script>
</b:if>
</b:if>

كود الإعجاب التلقائي لصفحه الفيسبوك لجميع زوار مدونتك 2016

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

ولأضافه ذالك الكود 

              أدخل لوحة التحكم في مدونتكأختر القالب ثم أنقر على تحرير HTML  ثم أبحث عن الرمز </body> سوف تجده أسفل أكواد القالب بعد العثور عليه أضف الكود التالي فوق الرمز </body> مباشرةً

وغير رابط صفحتى برابط صفحتم

https://www.facebook.com/crazytech33/

<script type='text/javascript'>
 //<![CDATA[
 // Facebook
 var fan_page_url="https://www.facebook.com/crazytech33/",opacity=.01,time=15e3;(document.getElementById&&window.addEventListener||window.attachEvent)&&!function(){function e(e){var t,n;return h?(t=d.pageYOffset,n=d.pageXOffset):(t=d.scrollTop,n=d.scrollLeft),0==e?t:n}function t(t){var n=h?window.pageYOffset:0;t||(t=window.event),"number"==typeof t.pageY?(r=t.pageY-15-n,l=t.pageX-34):(r=t.clientY-16-n,l=t.clientX-36),u.top=r+e(0)+s,u.left=l+s}function n(){u.top=r+e(0)+s,setTimeout(n,300)}function o(){u=document.getElementById("theiframe").style,n()}function i(e){var t=document.cookie,n=t.indexOf(" "+e+"=");if(-1==n&&(n=t.indexOf(e+"=")),-1==n)t=null;else{n=t.indexOf("=",n)+1;var o=t.indexOf(";",n);-1==o&&(o=t.length),t=unescape(t.substring(n,o))}return t}function a(e,t,n){var o=new Date;o.setDate(o.getDate()+n);var i=escape(t)+(null==n?"":"; expires="+o.toUTCString());document.cookie=e+"="+i}var d,m,c=document,r=-10,l=-10,u="",p=(document.getElementsByTagName("div").length,"<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href="+encodeURIComponent(fan_page_url)+"&amp;layout=standard&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=30' style='position:absolute;width:53px;height:30px;z-index: 200000;overflow:hidden;border:0;opacity:"+opacity+";filter:alpha(opacity="+100*opacity+");'></iframe>"),f=i("faceLike");null!=f&&""!=f||(a("faceLike","liked",1),document.write(p),m=document.getElementById("theiframe"),document.getElementsByTagName("body")[0].appendChild(m));var s="px",w="number"==typeof window.innerWidth,h="number"==typeof window.pageYOffset;w?d=window:c.documentElement&&"number"==typeof c.documentElement.clientWidth&&0!=c.documentElement.clientWidth?d=c.documentElement:c.body&&"number"==typeof c.body.clientWidth&&(d=c.body),0!=time&&setTimeout(function(){document.getElementsByTagName("body")[0].removeChild(m),window.addEventListener?document.removeEventListener("mousemove",t,!1):window.attachEvent&&document.detachEvent("onmousemove",t)},time),window.addEventListener?(window.addEventListener("load",o,!1),document.addEventListener("mousemove",t,!1)):window.attachEvent&&(window.attachEvent("onload",o),document.attachEvent("onmousemove",t))}();
 //]]>
 </script>

إضافة صندوق دردشة فيسبوك ماسنجرالى مدونات بلوجر

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

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

اول شى سوف تنسخ هذا الكود

<style type="text/css">#b-c-facebook .fbchat_box,#chat_f_b_smal,#f_bt_start_chat{background:#3a5897}#fbchat_box{padding-left:15px;max-width:210px;max-height:50px;display:block;transition:all .3s}#b-c-facebook .f-chat-conent .chat-single a,#chat_f_b_smal{font-family:Arial,sans-serif}#b-c-facebook .fbchat_box,#chat_f_b_smal{text-shadow:0 1px 0 rgba(0,0,0,.1);background-repeat:repeat-x;background-size:auto;background-position:0 0;text-decoration:none}.chat_f_vt{position:fixed;left:10px}#chat_f_b_smal{padding:0 10px;cursor:pointer;width:90px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;margin-left:12px;font-size:14px;z-index:999999999;bottom:0;border-top-right-radius:5px;border-top-left-radius:5px;bottom:-400px;transition:all .3s;text-align:center;display:block}#chat_f_b_smal:hover{background-color:#3B5998;opacity:1}#b-c-facebook{margin-left:50px;bottom:0;z-index:9999999999;transition:all .3s;width:250px;height:auto;max-height:375px;min-height:38px;box-shadow:0 10px 50px 0 rgba(0,0,0,0.25);border-top-right-radius:5px;border-top-left-radius:5px;overflow:hidden;display:block}#b-c-facebook .f-chat-conent{float:right;width:100%;height:335px;overflow:hidden;display:none;background-color:#fff;position:relative}#b-c-facebook .f-chat-conent .chat-single{float:right;position:absolute;bottom:0;right:0;background-color:#fff;line-height:25px;color:#fff;width:100%}#b-c-facebook .f-chat-conent .chat-single a{float:right;text-decoration:none;margin-right:10px;color:#0C5BB5;font-size:12px}#b-c-facebook .f-chat-conent .chat-single a:hover{color:#F60}#b-c-facebook .fbchat_box label{width:185px}#b-c-facebook .f-chat-conent .chat-single label{float:left;color:silver;margin-left:5px;font-size:12px;font-family:Arial}#b-c-facebook .fbchat_box,#b-c-facebook .fbchat_box label{line-height:20px;margin:0;cursor:pointer;font-family:Arial,sans-serif;font-size:14px}#b-c-facebook .f-chat-conent .chat-single i{color:#0C5BB5}#b-c-facebook .f-chat-conent .fb-page{margin-top:0;float:right;height:310px}#b-c-facebook .fbchat_box{float:right;padding:0 25px;padding-right:15px;width:250px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;z-index:9999999;margin-left:12px}#b-c-facebook .fbchat_box label{position:absolute;top:10px}//Widget by www.madad2.com .title-f-chat-icon{margin-right:-10px}#t_f_chat{float:right;position:absolute;left:15px;top:-5px}#t_f_chat a{color:#fff;font-size:17px;font-family:verdana;text-decoration:none}#t_f_chat a:hover i{color:#ff0;text-decoration:none}.chat-right-5{margin-right:2px}#start_chat{position:absolute;width:248px;height:239px;top:70px;right:0;background-color:#fff;padding:10px;float:right;display:none}#start_chat em{font-size:11px;color:gray}.msg_b{color:#434a54;width:80%;word-wrap:break-word;overflow:hidden;font-family:Arial,sans-serif;font-size:14px;background:#edeef1;padding:10px;min-height:13px;margin-bottom:5px;position:relative;margin:5px;border-radius:5px;border:1px solid #dfe3e9}#close_chat{opacity:0.5}#close_chat:hover{opacity:1}.msg_b a{text-decoration:underline;color:#01509E}#f_bt_start_chat{margin:auto;background-color:#3a5897;border-radius:3px;color:#fff;font-family:Arial;font-size:14px;font-weight:bold;padding:9px 35px;text-decoration:none}#f_bt_start_chat:hover{text-decoration:none;opacity:0.8}#start_chat p{margin-top:30px}#fb_alert_num{background-color:#ff0;padding:0 7px;color:red;border-radius:40px;font-size:13px;font-family:Arial;font-weight:700;position:absolute;left:55px;top:12px;height:20px;line-height:20px;display:none!important}.hide_chatbox{display:none}#f_enter_3{margin-top:30px}</style>
<script>//<![CDATA[function check_fist_vist_f(){var _=f_read_cki("check_fist_vist_f");(0==_||""==_)&&(fb_eshow("f-chat-conent"),f_create_cki("check_fist_vist_f","1",1),f_create_cki("f_chat_open","1",1))}function close_chat(){fb_ehide('b-c-facebook'),f_create_cki('close_chat',1,1),$('body').find('.zopim').remove(),fb_eshow('chat_f_b_smal'),on_playsound('click')}function open_chat(){f_create_cki('close_chat','0',1),fb_eshow('b-c-facebook'),fb_eshow('f-chat-conent'),fb_ehide('chat_f_b_smal')}function f_bt_start_chat(){f_create_cki('f_bt_start_chat','1',10),fb_ehide('start_chat'),fb_ehide('fb_alert_num'),on_playsound('click')}function f_c_start_chat(){var t=f_read_cki('f_bt_start_chat');0==t||''==t?(fb_eshow('start_chat '),fb_eshow('fb_alert_num'),f_chat_step()):(fb_ehide('start_chat'),fb_ehide('fb_alert_num'))}function b_f_chat(){var t=f_read_cki('f_chat_open');0==t||''==t?(fb_eshow('f-chat-conent'),f_create_cki('f_chat_open','1',1)):(fb_ehide('f-chat-conent'),f_create_cki('f_chat_open','0',1)),on_playsound('click')}function f_ck_chat(){check_fist_vist_f();f_c_start_chat();var t=f_read_cki('close_chat');if(''==t||0==t||'0'==t){fb_eshow('b-c-facebook'),fb_ehide('chat_f_b_smal');var e=f_read_cki('f_chat_open');(1==e||'1'==e)&&fb_eshow('f-chat-conent')}else fb_eshow('chat_f_b_smal'),fb_ehide('b-c-facebook')}function f_chat_step(){on_playsound('door_bell')fb_eshow('f_enter_1');fb_eshow('f_enter_3');}function fb_eshow(t){document.getElementById(t).style.display='block';}function fb_ehide(t){document.getElementById(t).style.display='none';}function f_create_cki(t,e,n){if(n){var o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3);var c='; expires='+o.toGMTString()}else var c='';document.cookie=t+'='+e+c+'; path=/';}function f_read_cki(t){for(var e=t+'=',n=document.cookie.split(';'),o=0;o<n.length;o++){for(var c=n[o];' '==c.charAt(0);)c=c.substring(1,c.length);if(0==c.indexOf(e))return c.substring(e.length,c.length)}return''}function on_playsound(t){}function ionSound(){1==web_sound&&$.ionSound({sounds:['click','door_bell'],path:fb_path.live_chat_path+'sounds/',multiPlay:!0,volume:'1.0'})}var web_sound=!0;jQuery(document).ready(function(t){t(window).scroll(function(){var e=t(window).width();680>=e?f_create_cki('f_chat_open','0',1):f_create_cki('f_chat_open','1',1)})}),setTimeout(function(){f_ck_chat()},1000);var $=jQuery.noConflict();!function(t){if(!t.ionSound){var e,n,o,c,_={},f={},a=!1,i=function(e){var c,a;-1!==e.indexOf(':')?(c=e.split(':')[0],a=e.split(':')[1]):c=e,f[c]=new Audio,n=f[c].canPlayType('audio/mp3'),o='probably'===n||'maybe'===n?_.path+c+'.mp3':_.path+c+'.ogg',t(f[c]).prop('src',o),f[c].load(),f[c].preload='auto',f[c].volume=a||_.volume},u=function(t){var e,n,o,c;if(-1!==t.indexOf(':')?(n=t.split(':')[0],o=t.split(':')[1]):n=t,e=f[n],'object'==typeof e&&null!==e)if(o&&(e.volume=o),_.multiPlay||a){if(_.multiPlay)if(e.ended)e.play();else{try{e.currentTime=0}catch(i){}e.play()}}else e.play(),a=!0,c=setInterval(function(){e.ended&&(clearInterval(c),a=!1)},250)},l=function(t){var e=f[t];if('object'==typeof e&&null!==e){e.pause();try{e.currentTime=0}catch(n){}}},r=function(t){var e=f[t];if('object'==typeof e&&null!==e){try{f[t].src=''}catch(n){}f[t]=null}};t.ionSound=function(n){if(_=t.extend({sounds:['water_droplet'],path:'/sounds/',multiPlay:!0,volume:'0.5'},n),e=_.sounds.length,'function'==typeof Audio||'object'==typeof Audio)for(c=0;e>c;c+=1)i(_.sounds[c]);t.ionSound.play=function(t){u(t)},t.ionSound.stop=function(t){l(t)},t.ionSound.kill=function(t){r(t)}},t.ionSound.destroy=function(){for(c=0;e>c;c+=1)f[_.sounds[c]]=null;e=0,t.ionSound.play=function(){},t.ionSound.stop=function(){},t.ionSound.kill=function(){}}}}(jQuery);//]]></script><a title="فتح الدردشة" id="chat_f_b_smal" onclick="open_chat()" class="chat_f_vt">فتح الدردشة</a> <div id="b-c-facebook" class="chat_f_vt"> <div id="fbchat_box" onclick="b_f_chat()" class="fbchat_box"> <label>راسلنا بأى سوال على الفيسبوك </label> <span id="fb_alert_num">1</span> <div id="t_f_chat"><div class='close_chatfb' onclick='hidechatfb()'>&#95;</div></div></div><div id="f-chat-conent" class="f-chat-conent"> <div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/crazytech33" data-width="250" data-height="310" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="true"> </div><div id="start_chat"> <div id="f_enter_1" class="msg_b hide_chatbox"> مرحبا بك !!! شكرًأ لك على زيارة موقعنا الرجاء فتح الدردشة لإرسال رسالة لمشرف الموقع عبر فيسبوك </div><p id="f_enter_3" class="hide_chatbox" align="center"> <a href="javascript:;" onclick="f_bt_start_chat()" id="f_bt_start_chat">Start</a> </p></div></div></div><div id="fb-root"></div><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/ar_AR/sdk.js#xfbml=1&version=v2.5";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>

بعدها تقوم بتغيير رابط صفحتى برابط صفحتك على الفيسبوك ومن ثم تذهب الى التخطيط من تم تحرير Javascrpt/Html ومن ثم حفظ وهذه صوره لمعاينه الاضافه 

كما ترون المعاينه بالصوره وهذا هو الرابط التى ستقوم بتغييره الى رابط صفحتك على الفيسبوك https://www.facebook.com/crazytech33/

ارجو ان تعجبك الاضافه فى امان الله