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

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

معاينة

شرح التركيب 

الأول : الذهاب إلى  التخطيط

الثاني : إضافة أداة  HTML / JavaScri    

الثالث : ضع الكود التالي:

<style>
.twit-fbox
{
  padding:2px;
    width: 271px;
  height: auto;
  position: relative;
  z-index: 90;
border-radius: 6px;
border:1px  solid #999998;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-moz-box-shadow:0 1px 0 #dcdcdc;
-webkit-box-shadow:0 1px 0 #dcdcdc;
box-shadow:0 1px 0 #dcdcdc;
}

.twit-fbox, .twit-fbox:before, .twit-fbox:after {
    background: #ffffff;
    border: 1px solid #dcdcdc;
}
.twit-fbox:before, .twit-fbox:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 2px;
    right: 2px;
    height: 1px;
    border-top: none;
}
.twit-fbox:after {
    left: 4px;
    right: 4px;
    bottom: -5px;
    box-shadow: 0 0 2px #ccc;
}
</style>
<div class="twit-fbox">
<div class="twit-fbox-inside">
<center><br/>
<div id="twitter-box"></div>
<script>
  var tw_user = 'abduallah78901';
  var tw_width = 240;
  var tw_height = 240;
  var no_face = 9;
    (function() {
      var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true;
      tw_box.src = '//50.63.179.86/twitter/tw.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);
  })();
</script>
</center>
  </div>
</div>

التعديل

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

بعد تركيب الاضافة ستلاحط عدم ظهور المتابعون تابع الطريقة التاليه عبر الصور لا اظهار المتابعين

بعد ذلك ستوجه الى موقع قم وبالخروج منه وعمل تحديث للمدونة  

إضافة صندوق الفيس بوك تظهر مرة واحدة

إضافة صندوق الفيس بوك تظهر مرة واحدة

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

معاينة الاضافة

شرح تركيب الاضافة

1- اذهب الى لوحة التحكم 

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

الطريقة الثانية سهلة جدان ولن تواجه اي صعوبات في تركيب الاضافة تابع معي

1- ادخل على تخطيط  / إضافة أداة / HTML/JavaScript تم اضافة الكواد  

ملاحظ همه : عند تركيب الإضافة في التخطيط عليك لانتبه وعدم تركيب عنوان للإضافة تركيبه بدون عنوان

كواد الاضافة

<div dir="rtl" style="text-align: right;" trbidi="on">
<style>    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}    #cboxOverlay{position:fixed; width:100%; height:100%;}    #cboxMiddleLeft, #cboxBottomLeft{clear:left;}    #cboxContent{position:relative;}    #cboxLoadedContent{overflow:auto;}    #cboxTitle{margin:0;}    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}    .cboxPhoto{float:left; margin:auto; border:0; display:block;}    .cboxIframe{width:100%; height:100%; display:block; border:0;}
    #cboxOverlay{background:#000;opacity:0.5 !important;}    #colorbox{            box-shadow:0 0 15px rgba(0,0,0,0.4);           -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);           }       #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJyf9etdTi6JhmvM9FXf9_g_6PYLwIrLGxozKwJuijHDVYpH7As_CUan2L3HcmmR11uGJEgWJBAIvm8aP2Eb5AtC87HsNcxl8jHXNZDP4wIppdHcT2k-ST3FUn_U0lAUQ7DHA64mx1JI/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg22zhtGbLBfjCH_4e_ESU5upvpb4QUim_uCqUNzLLHEii2h-EXStnexk_igGUZ1IG4NHIATM2_v4yyGiR3ryX7VBCU-JuTnlmKVlRG5whXIkk5Lu_u-_QQRt6XKWssLTHCkiTkA3BwdG8/s400/border.png) repeat-x top left;}    #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJyf9etdTi6JhmvM9FXf9_g_6PYLwIrLGxozKwJuijHDVYpH7As_CUan2L3HcmmR11uGJEgWJBAIvm8aP2Eb5AtC87HsNcxl8jHXNZDP4wIppdHcT2k-ST3FUn_U0lAUQ7DHA64mx1JI/s1600/controls.png) no-repeat -36px 0;}    #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJyf9etdTi6JhmvM9FXf9_g_6PYLwIrLGxozKwJuijHDVYpH7As_CUan2L3HcmmR11uGJEgWJBAIvm8aP2Eb5AtC87HsNcxl8jHXNZDP4wIppdHcT2k-ST3FUn_U0lAUQ7DHA64mx1JI/s1600/controls.png) no-repeat 0 -32px;}    #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg22zhtGbLBfjCH_4e_ESU5upvpb4QUim_uCqUNzLLHEii2h-EXStnexk_igGUZ1IG4NHIATM2_v4yyGiR3ryX7VBCU-JuTnlmKVlRG5whXIkk5Lu_u-_QQRt6XKWssLTHCkiTkA3BwdG8/s400/border.png) repeat-x bottom left;}    #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJyf9etdTi6JhmvM9FXf9_g_6PYLwIrLGxozKwJuijHDVYpH7As_CUan2L3HcmmR11uGJEgWJBAIvm8aP2Eb5AtC87HsNcxl8jHXNZDP4wIppdHcT2k-ST3FUn_U0lAUQ7DHA64mx1JI/s1600/controls.png) no-repeat -36px -32px;}    #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJyf9etdTi6JhmvM9FXf9_g_6PYLwIrLGxozKwJuijHDVYpH7As_CUan2L3HcmmR11uGJEgWJBAIvm8aP2Eb5AtC87HsNcxl8jHXNZDP4wIppdHcT2k-ST3FUn_U0lAUQ7DHA64mx1JI/s1600/controls.png) repeat-y -175px 0;}    #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJyf9etdTi6JhmvM9FXf9_g_6PYLwIrLGxozKwJuijHDVYpH7As_CUan2L3HcmmR11uGJEgWJBAIvm8aP2Eb5AtC87HsNcxl8jHXNZDP4wIppdHcT2k-ST3FUn_U0lAUQ7DHA64mx1JI/s1600/controls.png) repeat-y -211px 0;}    #cboxContent{background:#fff; overflow:visible;}        #cboxLoadedContent{margin-bottom:5px;}        #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR8IQknzKhQspgBnnTFGUfXzVpSNJXkC8a01kaUM0Ow8_azUvVnjiYNP0Ms6pM-Q7-ovOECO4CPCpUI5Xh44eWU5-_PdpBU6UhxMhFebiyNqmSS8oDgwX8JYyLPfmvbVMaw51hIa4ZdPE/s400/loadingbackground.png) no-repeat center center;}        #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfq3PLihIE0YEF4EEdsmYr4IvQkyihI8ed5V5iGTSvvy0TP2om49ItFkX6K7Ys8ONERSTqiDjaT_iYXJQSOeYhUQtBowp_Akza00k4Vyu2Ta9HDSN6IJYiKBs2E-2oQ_PzepLWiFfrq7Y/s400/loading.gif) no-repeat center center;}        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJyf9etdTi6JhmvM9FXf9_g_6PYLwIrLGxozKwJuijHDVYpH7As_CUan2L3HcmmR11uGJEgWJBAIvm8aP2Eb5AtC87HsNcxl8jHXNZDP4wIppdHcT2k-ST3FUn_U0lAUQ7DHA64mx1JI/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}        #cboxPrevious{left:0px; background-position: -51px -25px;}        #cboxPrevious.hover{background-position:-51px 0px;}        #cboxNext{left:27px; background-position:-75px -25px;}        #cboxNext.hover{background-position:-75px 0px;}        #cboxClose{right:0; background-position:-100px -25px;}        #cboxClose.hover{background-position:-100px 0px;}        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
    </style><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js">"></script><script type="text/javascript">jQuery(document).ready(function(){if (document.cookie.indexOf('visited=true') == -1) {var fifteenDays = 1000*60*60*24*30;var expires = new Date((new Date()).valueOf() + fifteenDays);document.cookie = "visited=true;expires=" + expires.toUTCString();$.colorbox({width:"390px", inline:true, href:"#subscribe"});}});</script>
        <br />
<div style="display: none;">
<div id="subscribe" style="background: #fff; padding: 10px;">
<center>
<h3 class="box-title">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPi2WJ7s9cHVFVo_Bd5mprg04x4xXgrFTGxZbFpVarQRkn62y7WYZJ4fCD5KYMlHOCPEl4QM09YNJdX4JCGIaR7Nz7IlLRFY4DxYkICtDG88bIhzEOM2PvOomRR5VtR3x9HRbwtkax7Gg/s1600/subscribe.gif" /></h3>
</center>
<center>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://www.facebook.com/5633564&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=270" style="border: none; height: 270px; overflow: hidden; width: 300px;"></iframe></center>
<div style="float: right; margin-right: 10px;">
<a href="http://arts2017.blogspot.com/" style="color: #3b78cd; font-size: 7px; text-decoration: none;" target="_blank">arts</a></div>
</div>
</div>
</div>

تعليمات التعديل

https://www.facebook.com/5633564 قم بتعديل الى رابط صفحتك على الفيس بوك

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

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

معاينة الاضافة

شرح تركيب الاشتراك الاجتماعية بشكل رائع في بلوجر؟

الأول : الذهاب إلى  التخطيط

الثاني : إضافة أداة  HTML / JavaScri    

الثالث : ضع الكود التالي:

<style> #sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0} .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFC4MmQxU9GV0dJIT_1sV0dlC1A56trrwJNFcmsDZhyphenhyphen42y95Xj_c5pBNH_LSp5Ij2m9h99b6OWOq3CeaEA_5-7TeAQR4nw_LTDFvK9Mb-SXZirArlnGbb98unQUBHobKbwqmc9Uy-n3w4/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase} .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto} .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikXVrNrPJaIt0R4838Rnfi1bNUN8hH_4xDehnjEC0uhqTl_cl0BW9TZBk3oRZHuYdItffayvJ5wNDXBh14G0WwVxWrwrm3swe4JL6p7Z8na6asVxiC72KLCYWJjutU1o9XqQ28cSYQHJU/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%} .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%} .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff} .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px} #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%} a.social-icons{margin-right: 5px;height:45px;width:45px;} a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);} </style> <div id="sidebar-subscribe-box"> <div class="sidebar-subscribe-box-wrapper"> <br/> <a class="social-icons" href="https://facebook.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjevEfY5EgRhJ0sDjczF1bKqZMXdgHO20bI013sI8jpiKurgP2VphTJNyZz4ynBw_OGcOnEublWwwInFjjJXujzgWfDTkury2siSU7ACkGn1-rE118vltDjg0N-TBfb0Oue3YMobq5dPBeg/s1600/Bloggertrix-facebook.png" /></a> <a class="social-icons" href="https://twitter.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikmoU5LXAU0jDDueo-gM2DZBkft_NRG8jPhLGQ3l3B-P1DJkOwV2bIO-VXhNq-9OoSei0PaiO3EnN62W47C7tj4UjWMxqJlXkeNzBA9204xFmbPEyJVVHHrRFFQWw7I0JmIklpNMDY24h2/s1600/bloggertrix-twitter.png" /></a> <a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxTKTiZQTPjutSuhr_rcWWtK_dyXDGXx5ZzQWp2HlfNwzTPCtmuIMoZfWBYNoj5KwbsllatXi1Gvv8fOobOy6FusTj5IWyMsbWc-lZwHom8KqbRsL_1iohJ_E2wh08CmIqis2ociHDU730/s1600/Bloggertrix-Googleplus.png" /></a> <a class="social-icons" href="http://www.feedburner.com/bloggertrix"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKuwnvrGDqSmNqJDfLFnbsdF1XWICNw9FKM5ujCBfexS_gAtTf6wNb0eyJxuMPLuhpUhPXytQq94is1M-1aCoHe9zzTcLDaJVYYTIK5obZnebmbuDQ1HOODIZOsRkRe_JWqte-Eof1Nug/s1600/Bloggertrix-Rss.png" /></a> <p>اشترك معنا في نشرة البريد الإلكتروني وتلقي التحديثات</p> <div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="bloggertrix" /> <input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="أدخل عنوان بريدك الالكتروني هنا"/> <input class="sidebar-subscribe-box-email-button" title="" type="submit" value="اشترك الآن!" /></form> </div></div></div>

اضافة اعجاب الفيس بوك على جانب المدونة في بلوجر

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

معاينة الاضافة

شرح تركيب إضافة الفيس بوك

الأول : الذهاب إلى  التخطيط

الثاني : إضافة أداة> HTML / JavaScri    

الثالث : ضع الكود التالي:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><style type="text/css">img, a { border: 0; }#on { visibility: visible; }#off { visibility: hidden; }#facebook_div { width: 196px;height: 340px;overflow: hidden; }#facebook_right {z-index: 10005;border: 2px solid #3c95d9;background-color: #fff;width: 196px;height: 353px;position: fixed;right: -200px; }#facebook_right img {position: absolute;top: -2px;left: -35px; }#facebook_right iframe {border: 0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left: -2px;top: -3px; }#facebook_left {z-index: 10005;border: 2px solid #3c95d9;background-color: #fff;width: 196px;height: 353px;position: fixed;left: -200px; }#facebook_left img {position: absolute;top: -2px;right: -35px; }#facebook_left iframe {border: 0px solid #3c95d9;overflow: hidden;position: static;height: 360px;right: -2px;top: -3px; }</style><script type="text/javascript">jQuery(document).ready(function () {jQuery("#facebook_right").hover(function () {jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#facebook_right").stop(true, false) .animate({ right: -200 }, 500); });});</script> <br /> <div id="on"> <a href="http://www.jobsmag.in/" rel="dofollow" target="_blank" title="Jobsmag.in"><img src="http://img1.blogblog.com/img/blank.gif" alt="Jobsmag.in" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://www.jobsmag.in/" rel="dofollow" target="_blank" title="Indian Education Blog"><img src="http://img1.blogblog.com/img/blank.gif" alt="Indian Education Blog" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://things-guide.blogspot.com/" rel="dofollow" target="_blank" title="ThingsGuide"><img src="http://img1.blogblog.com/img/blank.gif" alt="ThingsGuide" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><div id="facebook_right" style="top: 10%;"><div id="facebook_div"><img alt=""src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiASKrtQucP7saVrwK2xK-31_bnKeReTp-0hx1VvH2HKHzGC91xKE3l30ELsghkovcfozuVY9OZ7luz5eL7SCnHHJDwt8IXIGBqT5yEn1WbVKHmfS5QbIz44Wngqwz5x3z11NZ4LIK03Li2/s1600/NBTfacebook_right.png" /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages/ThingsGuide/281417998619583&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border: none;height: 346px;overflow: hidden;width: 200px;"></iframe></div></div></div>

أربعا : قم بتعديل   pages/ThingsGuide/281417998619583 إلى رابط صفحتك على الفيس بوك

مثال  انسخ مثل التالي