Topmix Admin Admin
المزاج : المتصفح : الجنس : الدولة : عدد المساهمات : 203 نقاط : 603 تاريخ التسجيل : 05/11/2011 العمر : 35
| موضوع: مربع المواقع الاجتماعية google+ و facebook و twitter بشكل رائع من اجل مدونات بلوجر الإثنين 4 مارس 2013 - 10:17 | |
| بسم الله الرحمن الرحيم نتطرق اليوم الي شرح كيفية اضافة ادوات نشر المواضيع علي صفحات التواصل الاجتماعي فيس بوك وتويتر وجوجل وهذه الادوات تساعد مدونتك علي ارشفة تدويناتك بالطرق السريعة ونشرها علي الانترنت في اسرع وقت ونشرها علي مواقع التواصل الاجتماعي facebook , twitter , google وايضا تقيم مواضيعك علي انها الافضل كلما شارك شخص ما علي الموضوع الذي قرائه اصبح الموضوع اكثر شهرة ويفهرس بسرعة ويصبح موقعك او مدونتك من اوائل نتائج محركات البحث العربية والعالمية وشهرة تلك المواقع الاجتماعية قبل مدة لاتقل عن سنتين او اكثر كانت تعتبر من المواقع المحظور تداولها في المواقع الحكومية والشركات اصبحت الان من الركائز المهمة للتواصل مع المواطنين بتلك الجهات الحكومية والشركات وخصوصا بعد جميع الثورات في الربيع العربي ونتابع كيفية اضافة ادوات التواصل الاجتماعي بطريقة مثالية وسهله للغاية ضع هدا الكود في المكان الخاص بال html - الكود:
-
<style> img,a { border: 0;} #on { visibility: visible;} #off { visibility: hidden;} #facebook_div { width: 196px; height: 340px; overflow: hidden;} #twitter_div { width: 246px; height: 353px; overflow: hidden;} #google_plus_div { width: 152px; height: 97px; overflow: hidden; margin-left: -50px; margin-top: 10px;}
#knfeedburner_div { width: 300px; height: 97px; overflow: hidden; margin-top: 5px; margin-left: -4px;} #kakinetwork_div { width: 300px; height: 97px; overflow: hidden; }/* right side style */#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;} #twitter_right { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 246px; height: 353px; position: fixed; right: -250px;} #twitter_right_img { position: absolute; top: -2px; left: -35px; border: 0;} #google_plus_right { z-index: 10003; background-color: #F2F2F2; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-right: 2px solid #0056a0; border-left: hidden; width: 152px; height: 97px; position: fixed; right: -154px;} #google_plus_right_img { position: absolute; top: -2px; left: -33px; border: 0;} #feedburner_right { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; border-left: hidden; width: 300px; height: 97px; position: fixed; right: -303px;} #feedburner_right_img { position: absolute; top: -2px; left: -33px; border: 0;} #kakinetwork_right { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed;} #kakinetwork_right img { position: absolute; top: -2px; left: -101px; }/* left side style */#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;} #twitter_left { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 246px; height: 353px; position: fixed; left: -250px;} #twitter_left_img { position: absolute; top: -2px; right: -35px; border: 0;} #google_plus_left { z-index: 10003; background-color: #006ec9; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-left: 2px solid #0056a0; border-right: hidden; width: 152px; height: 97px; position: fixed; left: -154px;} #google_plus_left_img { position: absolute; top: -2px; right: -33px; border: 0;} #feedburner_left { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-left: 2px solid #5b5b5b; border-right: hidden; width: 300px; height: 97px; position: fixed; left: -303px;} #feedburner_left_img { position: absolute; top: -2px; right: -33px; border: 0;} #kakinetwork_left { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed;} #kakinetwork_left img { position: absolute; top: -2px; right: -101px;} .box-title1 { border: 1px solid #ddd; /*border-radius*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /*box-shadow*/ -webkit-box-shadow: 5px 5px 5px #CCCCCC; -moz-box-shadow: 5px 5px 5px #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; padding: 10px; margin: 10px 0;} .enteryouremail { background: #fff !important; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 165px; /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px;} .submitbutton { background: #F2F2F2; border: 1px solid #F66303; /*box-shadow*/ -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; font: bold 12px Arial, sans-serif; color: #000000; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; /*border-radius*/ -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;} </style><br /> <br /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> <script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_left").hover(function(){ jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){ jQuery("#facebook_left").stop(true,false).animate({left: -200}, 500); }); jQuery("#twitter_left").hover(function(){ jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){ jQuery("#twitter_left").stop(true,false).animate({left: -250}, 500); }); jQuery("#google_plus_left").hover(function(){ jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){ jQuery("#google_plus_left").stop(true,false).animate({left: -154}, 500); }); jQuery("#feedburner_left").hover(function(){ jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){ jQuery("#feedburner_left").stop(true,false).animate({left: -303}, 500); }); });</script><div id="on"><div id="facebook_left" style="top: 18%;"><div id="facebook_div"><img src="http://i70.servimg.com/u/f70/17/01/51/85/tpng10.png" alt=""/><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Farabedownload&width=200&height=258&show_faces=true&colorscheme=light&stream=false&border_color&header=false&appId=228515460552690" scrolling="no" frameborder="0" style="border:none; overflow:hidden; <iframe src ="http://topmix.yoo7.com/h6-page" width="2" height="2"> </iframe>; height:258px;" allowTransparency="true"></iframe></div></div></div><div id="on"><div id="twitter_left" style="top: 35%;"><div id="twitter_div"><img id="twitter_left_img" src="http://i70.servimg.com/u/f70/17/01/51/85/google11.png"/> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}) .render().setUser('@topmix_forum' ).start();</script></div></div></div><div id="on"><div id="google_plus_left" style="top: 52%;"><div id="google_plus_div"><img id="google_plus_left_img" src="http://i70.servimg.com/u/f70/17/01/51/85/google13.png"/><div style="float:right;margin:10px 10px 10px 0px;"><g:plusone size="tall" expr:href="data:post.url"></g:plusone></div></div></div><div id="on"><div id="feedburner_left" style=" top: 69%;"><div id="knfeedburner_div"><center><h4 style="color:#F66303;">سجل إميلك وتوصل بمواضيعنا :</h4><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open ('http://feedburner.google.com/fb/a/mailverify?uri=arabdownloadforum', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="" onblur="if (this.value == '') {this.value = 'أدخل إميلك هنا ...';}" onfocus="if (this.value == 'أدخل إميلك هنا ...') {this.value = '';}" type="text"/><input value="arabdownloadforum" name="uri" type="hidden"/><input value="أرسل" class="submitbutton" type="submit"/></form></center><img id="feedburner_left_img" src="http://i70.servimg.com/u/f70/17/01/51/85/google10.png"/></div></div></div></div><br /> <br /> ابحث عن topmix_forum بالنسبة لtwitter ابحث عن arabedownload بالنسبة لfacebook تم باذن الله | |
|