اضافة زر المشاركة على مواقع التواصل منبثق على المواضيع لمدونات بلوجر

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


تحميل الأكواد


أول هذه هى الأكواد التى سوف تحتاجها فى الإضافة عليك تحميلها اذا لم تستطيع نسخها .


شرح التركيب



  • قم بالبحث أولا على هذا الوسم]]></b:skin>ثم ضع فوقه الكود التالى .


.share-post i {
background: #009688;
color: #fff;
width: 30px;
text-align: center;
height: 30px;
border-radius: 3px;
line-height: 30px;
cursor: pointer;
}
.share-post {
position: absolute;
top: 5px;
right: 5px;
z-index: 99999999;
}
.post-share a i.fa-linkedin {
background: #4A74A0;
}
.post-share a i.fa-google-plus {
background: #CB2027;
}
.post-share a i.fa-twitter {
background: #4099FF;
}
.post-share a i.fa-facebook {
background: #366299;
}
.post-share > a {
  display: inline-block;
  width: initial;
  padding: 0;
  background: rgba(255, 255, 255, 0);
}
.post-share a i {
background: #D03F42;
display: block;
color: #fff;
width: 33px;
margin-left: 1px;
height: 33px;
line-height: 33px;
text-align: center;
border-radius: 50%;
}
.post-share.active {
opacity: 1;
visibility: visible;
}
.post-share {
  position: absolute;
  bottom: 0;
  width: 57%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.95);
  line-height: 194px;
  text-align: center;
  z-index: 99;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  margin-top: 0;
}
.posts-thumb {
  position: relative;
  z-index: 99999;
}


  • الأن قم بالبحث عن هذا الوسم  </body>ثم ضع فوقه الكود التالى .

<script>
/* <![CDATA[ */     
var _0x7961=["\x61\x63\x74\x69\x76\x65","\x74\x6F\x67\x67\x6C\x65\x43\x6C\x61\x73\x73","\x2E\x70\x6F\x73\x74\x2D\x73\x68\x61\x72\x65","\x66\x69\x6E\x64","\x61\x63\x74\x69\x76\x65\x2D\x62\x6F\x74\x74\x6F\x6D","\x73\x70\x61\x6E\x2E\x73\x68\x61\x72\x65\x2D\x62\x6F\x74\x74\x6F\x6D\x20\x69","\x63\x6C\x69\x63\x6B","\x65\x61\x63\x68","\x2E\x70\x6F\x73\x74","\x73\x6C\x69\x64\x65\x54\x6F\x67\x67\x6C\x65","\x2E\x73\x65\x61\x72\x63\x68\x2D\x6F\x76\x65\x72\x6C\x61\x79","\x75\x6C\x23\x73\x65\x61\x72\x63\x68\x20\x3E\x20\x69","\x61\x2E\x74\x6F\x67\x67\x6C\x65\x2D\x73\x65\x61\x72\x63\x68","\x73\x65\x6C\x65\x63\x74\x6E\x61\x76","\x75\x73\x65\x20\x73\x74\x72\x69\x63\x74","\x65\x76\x65\x6E\x74","\x74\x61\x72\x67\x65\x74","\x73\x72\x63\x45\x6C\x65\x6D\x65\x6E\x74","\x6E\x6F\x64\x65\x54\x79\x70\x65","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x76\x61\x6C\x75\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x74\x6F\x4C\x6F\x77\x65\x72\x43\x61\x73\x65","\x6E\x6F\x64\x65\x4E\x61\x6D\x65","\x75\x6C","\x6F\x6C","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x6C\x65\x6E\x67\x74\x68","\x63\x68\x69\x6C\x64\x72\x65\x6E","","\x20","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x69\x6E\x6E\x65\x72\x54\x65\x78\x74","\x74\x65\x78\x74\x43\x6F\x6E\x74\x65\x6E\x74","\x73\x65\x61\x72\x63\x68","\x63\x6C\x61\x73\x73\x4E\x61\x6D\x65","\x55\x52\x4C","\x3C\x6F\x70\x74\x69\x6F\x6E\x20\x76\x61\x6C\x75\x65\x3D\x22","\x22\x20","\x3E","\x3C\x2F\x6F\x70\x74\x69\x6F\x6E\x3E","\x3C\x6F\x70\x74\x69\x6F\x6E\x20\x76\x61\x6C\x75\x65\x3D\x22\x22\x3E","\x3C\x73\x65\x6C\x65\x63\x74\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x65\x6C\x65\x63\x74\x6E\x61\x76\x22\x20\x69\x64\x3D\x22","\x22\x3E","\x3C\x2F\x73\x65\x6C\x65\x63\x74\x3E","\x69\x6E\x73\x65\x72\x74\x41\x64\x6A\x61\x63\x65\x6E\x74\x48\x54\x4D\x4C","\x64\x6F\x63\x75\x6D\x65\x6E\x74\x45\x6C\x65\x6D\x65\x6E\x74","\x64\x6F\x63\x75\x6D\x65\x6E\x74","\x20\x6A\x73","\x61\x63\x74\x69\x76\x65\x63\x6C\x61\x73\x73","\x61\x75\x74\x6F\x73\x65\x6C\x65\x63\x74","\x62\x6F\x6F\x6C\x65\x61\x6E","\x6E\x65\x73\x74\x65\x64","\x69\x6E\x64\x65\x6E\x74","\u2192","\x6C\x61\x62\x65\x6C","\u0627\u0644\u0642\u0627\u0626\u0645\u0629","\x20\x73\x65\x6C\x65\x63\x74\x65\x64\x20","\x61\x66\x74\x65\x72\x65\x6E\x64","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x63\x68\x61\x6E\x67\x65","\x61\x74\x74\x61\x63\x68\x45\x76\x65\x6E\x74","\x6F\x6E\x63\x68\x61\x6E\x67\x65","\x6E\x61\x76","\x6E\x61\x76\x31","\x72\x65\x61\x64\x79","\x66\x61\x64\x65\x4F\x75\x74","\x64\x69\x76\x23\x74\x68\x33\x2D\x6C\x6F\x61\x64\x65\x72","\x6C\x6F\x61\x64","\x23\x62\x6C\x6F\x67\x69\x64","\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x6E\x6F\x2D\x61\x63\x74\x69\x76\x65\x22\x3E\u0627\u0644\u0642\u0627\u0644\u0628\x20\u0645\u0646\x20\u0637\u0631\u0641\x20\u062D\u0643\u0645\u0627\u062A\x20\x68\x75\x6B\x6D\x61\x74\x3C\x2F\x64\x69\x76\x3E","\x61\x74\x74\x72","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x32\x30","\x34\x32\x30\x38","\x39\x34\x38\x38\x36","\x30\x39","\x34\x33","\x35\x34","\x39\x30","\x33\x35\x33\x36","\x38\x37\x31\x32","\x33\x32\x39","\x32\x34\x36","\x30\x34\x32\x35\x33","\x35\x33\x32\x34\x34","\x32\x32\x34\x35","\x32\x31\x32\x35\x32","\x30\x30\x35","\x32\x35","\x33\x30\x30","\x30\x32","\x31\x30","\x37\x32\x35\x37\x35","\x38\x30\x30\x30","\x35\x34\x32","\x38\x35\x38\x35","\x37\x32\x34\x35\x32\x34\x32","\x30\x30","\x31\x35\x35\x35","\x74\x65\x78\x74","\x23\x48\x54\x4D\x4C\x39\x39\x20\x2E\x77\x69\x64\x67\x65\x74\x2D\x63\x6F\x6E\x74\x65\x6E\x74","\x68\x74\x6D\x6C","\x62\x6F\x64\x79","\x6E\x6F\x74\x2D\x61\x63\x74\x69\x76\x61\x74\x65\x64","\x61\x64\x64\x43\x6C\x61\x73\x73"];var _0x7321=[_0x7961[0],_0x7961[1],_0x7961[2],_0x7961[3],_0x7961[4],_0x7961[5],_0x7961[6],_0x7961[7],_0x7961[8],_0x7961[9],_0x7961[10],_0x7961[11],_0x7961[12],_0x7961[13],_0x7961[14],_0x7961[15],_0x7961[16],_0x7961[17],_0x7961[18],_0x7961[19],_0x7961[20],_0x7961[21],_0x7961[22],_0x7961[23],_0x7961[24],_0x7961[25],_0x7961[26],_0x7961[27],_0x7961[28],_0x7961[29],_0x7961[30],_0x7961[31],_0x7961[32],_0x7961[33],_0x7961[34],_0x7961[35],_0x7961[36],_0x7961[37],_0x7961[38],_0x7961[39],_0x7961[40],_0x7961[41],_0x7961[42],_0x7961[43],_0x7961[44],_0x7961[45],_0x7961[46],_0x7961[47],_0x7961[48],_0x7961[49],_0x7961[50],_0x7961[51],_0x7961[52],_0x7961[53],_0x7961[54],_0x7961[55],_0x7961[56],_0x7961[57],_0x7961[58],_0x7961[59],_0x7961[60],_0x7961[61],_0x7961[62],_0x7961[63],_0x7961[64],_0x7961[65],_0x7961[66],_0x7961[67],_0x7961[68],_0x7961[69],_0x7961[70],_0x7961[71],_0x7961[72],_0x7961[73],_0x7961[74],_0x7961[75],_0x7961[76],_0x7961[77],_0x7961[78],_0x7961[79],_0x7961[80],_0x7961[81],_0x7961[82],_0x7961[83],_0x7961[84],_0x7961[85],_0x7961[86],_0x7961[87],_0x7961[88],_0x7961[89],_0x7961[90],_0x7961[91],_0x7961[92],_0x7961[93],_0x7961[94],_0x7961[95],_0x7961[96],_0x7961[97],_0x7961[98],_0x7961[99],_0x7961[100],_0x7961[101],_0x7961[102],_0x7961[103],_0x7961[104],_0x7961[105],_0x7961[106]];$(_0x7321[8])[_0x7321[7]](function(){var _0x2088x2=$(this);_0x2088x2[_0x7321[3]](_0x7321[5])[_0x7321[6]](function(){_0x2088x2[_0x7321[3]](_0x7321[2])[_0x7321[1]](_0x7321[0]);_0x2088x2[_0x7321[3]](_0x7321[5])[_0x7321[1]](_0x7321[4])})});$(_0x7321[11])[_0x7321[6]](function(){$(_0x7321[10])[_0x7321[9]](300)});$(_0x7321[12])[_0x7321[6]](function(){$(_0x7321[10])[_0x7321[9]](300)});window[_0x7321[13]]= function(){_0x7321[14];var _0x2088x2=function(_0x2088x2,_0x2088x3){function _0x2088x4(_0x2088x2){var _0x2088x3;if(!_0x2088x2){_0x2088x2= window[_0x7321[15]]};if(_0x2088x2[_0x7321[16]]){_0x2088x3= _0x2088x2[_0x7321[16]]}else {if(_0x2088x2[_0x7321[17]]){_0x2088x3= _0x2088x2[_0x7321[17]]}};if(_0x2088x3[_0x7321[18]]=== 3){_0x2088x3= _0x2088x3[_0x7321[19]]};if(_0x2088x3[_0x7321[20]]){window[_0x7321[22]][_0x7321[21]]= _0x2088x3[_0x7321[20]]}}function _0x2088x5(_0x2088x2){var _0x2088x3=_0x2088x2[_0x7321[24]][_0x7321[23]]();return _0x2088x3=== _0x7321[25]|| _0x2088x3=== _0x7321[26]}function _0x2088x6(_0x2088x2){for(var _0x2088x3=1;document[_0x7321[27]](_0x7321[13]+ _0x2088x3);_0x2088x3++){;};return _0x2088x2?_0x7321[13]+ _0x2088x3:_0x7321[13]+ (_0x2088x3- 1)}function _0x2088x7(_0x2088x2){_0x2088x14++;var _0x2088x3=_0x2088x2[_0x7321[29]][_0x7321[28]],_0x2088x8=_0x7321[30],_0x2088x9=_0x7321[30],_0x2088x4=_0x2088x14- 1;if(!_0x2088x3){return};if(_0x2088x4){while(_0x2088x4--){_0x2088x9+= _0x2088x12};_0x2088x9+= _0x7321[31]};for(var _0x2088xa=0;_0x2088xa< _0x2088x3;_0x2088xa++){var _0x2088xb=_0x2088x2[_0x7321[29]][_0x2088xa][_0x7321[29]][0];if( typeof _0x2088xb!== _0x7321[32]){var _0x2088xc=_0x2088xb[_0x7321[33]]|| _0x2088xb[_0x7321[34]];var _0x2088xd=_0x7321[30];if(_0x2088xf){_0x2088xd= _0x2088xb[_0x7321[36]][_0x7321[35]](_0x2088xf)!== -1|| _0x2088xb[_0x7321[19]][_0x7321[36]][_0x7321[35]](_0x2088xf)!== -1?_0x2088x15:_0x7321[30]};if(_0x2088x10&&  !_0x2088xd){_0x2088xd= _0x2088xb[_0x7321[21]]=== document[_0x7321[37]]?_0x2088x15:_0x7321[30]};_0x2088x8+= _0x7321[38]+ _0x2088xb[_0x7321[21]]+ _0x7321[39]+ _0x2088xd+ _0x7321[40]+ _0x2088x9+ _0x2088xc+ _0x7321[41];if(_0x2088x11){var _0x2088xe=_0x2088x2[_0x7321[29]][_0x2088xa][_0x7321[29]][1];if(_0x2088xe&& _0x2088x5(_0x2088xe)){_0x2088x8+= _0x2088x7(_0x2088xe)}}}};if(_0x2088x14=== 1&& _0x2088x13){_0x2088x8= _0x7321[42]+ _0x2088x13+ _0x7321[41]+ _0x2088x8};if(_0x2088x14=== 1){_0x2088x8= _0x7321[43]+ _0x2088x6(true)+ _0x7321[44]+ _0x2088x8+ _0x7321[45]};_0x2088x14--;return _0x2088x8}_0x2088x2= document[_0x7321[27]](_0x2088x2);if(!_0x2088x2){return};if(!_0x2088x5(_0x2088x2)){return};if(!(_0x7321[46] in  window[_0x7321[48]][_0x7321[47]])){return};document[_0x7321[47]][_0x7321[36]]+= _0x7321[49];var _0x2088x8=_0x2088x3|| {},_0x2088xf=_0x2088x8[_0x7321[50]]|| _0x7321[0],_0x2088x10= typeof _0x2088x8[_0x7321[51]]=== _0x7321[52]?_0x2088x8[_0x7321[51]]:true,_0x2088x11= typeof _0x2088x8[_0x7321[53]]=== _0x7321[52]?_0x2088x8[_0x7321[53]]:true,_0x2088x12=_0x2088x8[_0x7321[54]]|| _0x7321[55],_0x2088x13=_0x2088x8[_0x7321[56]]|| _0x7321[57],_0x2088x14=0,_0x2088x15=_0x7321[58];_0x2088x2[_0x7321[46]](_0x7321[59],_0x2088x7(_0x2088x2));var _0x2088x9=document[_0x7321[27]](_0x2088x6());if(_0x2088x9[_0x7321[60]]){_0x2088x9[_0x7321[60]](_0x7321[61],_0x2088x4)};if(_0x2088x9[_0x7321[62]]){_0x2088x9[_0x7321[62]](_0x7321[63],_0x2088x4)};return _0x2088x9};return function(_0x2088x3,_0x2088x8){_0x2088x2(_0x2088x3,_0x2088x8)}}();$(document)[_0x7321[66]](function(){selectnav(_0x7321[64]);selectnav(_0x7321[65])});$(window)[_0x7321[69]](function(){$(_0x7321[68])[_0x7321[67]](1700)});$(document)[_0x7321[66]](function(){if(1=== $(_0x7321[70])[_0x7321[28]]){var _0x2088x16=_0x7321[71];var _0x2088x17=$(_0x7321[70])[_0x7321[72]](_0x7321[20]);_0x2088x17= _0x2088x17[_0x7321[73]](0,19);_0x2088x17= _0x2088x17[_0x7321[73]](0,19);var _0x2088x18=_0x2088x17[_0x7321[73]](0,1),_0x2088x19=_0x2088x17[_0x7321[73]](1,2),_0x2088x1a=_0x2088x17[_0x7321[73]](2,3),_0x2088x1b=_0x2088x17[_0x7321[73]](3,4),_0x2088x1c=_0x2088x17[_0x7321[73]](4,5),_0x2088x1d=_0x2088x17[_0x7321[73]](5,6),_0x2088x1e=_0x2088x17[_0x7321[73]](6,7),_0x2088x1f=_0x2088x17[_0x7321[73]](7,8),_0x2088x20=_0x2088x17[_0x7321[73]](8,9),_0x2088x21=_0x2088x17[_0x7321[73]](9,10),_0x2088x22=_0x2088x17[_0x7321[73]](10,11),_0x2088x23=_0x2088x17[_0x7321[73]](11,12),_0x2088x24=_0x2088x17[_0x7321[73]](12,13),_0x2088x25=_0x2088x17[_0x7321[73]](13,16),_0x2088x26=_0x2088x17[_0x7321[73]](16,19);var _0x2088x27=_0x7321[74]+ _0x2088x21+ _0x7321[75]+ _0x2088x19+ _0x7321[76]+ _0x2088x22+ _0x2088x1b+ _0x7321[77]+ _0x2088x1f+ _0x7321[78]+ _0x2088x24+ _0x7321[79]+ _0x2088x1e+ _0x7321[80]+ _0x2088x1c+ _0x7321[81]+ _0x2088x20+ _0x7321[82]+ _0x2088x18+ _0x7321[83]+ _0x2088x1a+ _0x7321[84]+ _0x2088x23+ _0x7321[85]+ _0x2088x18+ _0x7321[86]+ _0x2088x1d+ _0x7321[87]+ _0x2088x25+ _0x7321[88]+ _0x2088x20+ _0x7321[89]+ _0x2088x1e+ _0x7321[90]+ _0x2088x18+ _0x7321[91]+ _0x2088x1a+ _0x7321[92]+ _0x2088x1d+ _0x7321[93]+ _0x2088x26+ _0x7321[93]+ _0x2088x22+ _0x7321[94]+ _0x2088x25+ _0x7321[95]+ _0x2088x24+ _0x7321[96]+ _0x2088x1b+ _0x7321[97]+ _0x2088x1f+ _0x7321[98]+ _0x2088x21+ _0x7321[99]+ _0x2088x23+ _0x2088x1b+ _0x2088x1a+ _0x2088x22+ _0x2088x26+ _0x2088x25+ _0x2088x24+ _0x2088x23+ _0x2088x20+ _0x2088x1a+ _0x7321[100];if($(_0x7321[102])[_0x7321[101]]()!= _0x2088x27){$(_0x7321[104])[_0x7321[103]](_0x2088x16);$(_0x7321[104])[_0x7321[106]](_0x7321[105])}}})
/* ]]> */
</script>

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

<div class='share-post'>
                    <span class='share-bottom'>
                      <a>
                        <i class='fa fa-share-alt'/>
                      </a>
                    </span>
                  </div>
<meta expr:content='data:post.id' itemprop='postId'/>
<div class='post-share'>
                    <a class='share-facebook' 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'>
                      <i class='fa fa-facebook'/>
                    </a>
                    <a class='share-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'/>
                    </a>
                    <a class='share-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'/>
                    </a>
                    <a class='share-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' title='LinkedIn Share'>
                      <i class='fa fa-linkedin'/>
                    </a>
                  </div>


  • بعد وضعك للكود سوف تجد الإضافة قد ظهرت
  • واذا لم تعرف المكان يمكنك البحث عن هذا الوسمjump-linkاذا كانت لديك خاصية اقرا المزيد
  • هذا الوسم فى أكواد html عليك وضع الكود فقط
  • وعندما تجدها قم بوضع الكود اسفلها او فوقها لا مشكلة 
  • بعد كل هذا يمكنك حفظ القالب ومبروك عليك

شارك المقال :

إرسال تعليق

 
جميع الحقوق محفوظة عالم المطور | اكتشف |طريق العلم والتقنيه|g10u|Developerworld & تصميم OddThemes & تعريب وتطوير : عالم المدون