Moh'd S Hammoudeh ..
الجنس : تاريخ التسجيل : 03/02/2010 العمر : 33
بطاقة الشخصية احترام القوانين: (3/3)
| موضوع: الفيس بوك وتويتر وجوجل بلس واخر المواضيع feedburner على يسار المنتدى الجمعة فبراير 08, 2013 8:29 am | |
|
السلام عليكم
اليوم نقدم لكم كود مميز وجميل ليس غريب عليكم لكن بشكل جديد وجميل
مميزات الكود:
1- اضافة صفحة الفيس بوك على يسار الصفحة 2- اضافة حساب تويتر ايضا على يسار الصفحة 3-اضافة جوجل بلس على اليسار 4- اضافة اشتراك باخر المواضيع على اليسار feed-burner
اليكم صورة للكود
الان اليكم الكود
- الكود:
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</style>
</a> </span> </span> <div class='clear'></div> </div><div class='widget HTML' id='HTML9'> <div class='widget-content'> <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: -60px; 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: Relative; 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: static; 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: 2px solid #0056a0; width: 152px; height: 97px; position: fixed; right: -154px;} #google_plus_right_img { position: absolute; top: -2px; left: -50px; 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: 2px solid #5b5b5b; width: 300px; height: 97px; position: fixed; right: -303px;} #feedburner_right_img { position: absolute; top: -2px; left: -50px; 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: -56px;} #facebook_left iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 360px; right: -2px; top: -3px;} #twitter_left_img { position: absolute; top: -2px; right: -56px; border: 0;} #twitter_left { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 246px; height: 353px; position: fixed; left: -255px;}
#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: 2px solid #0056a0; width: 152px; height: 97px; position: fixed; left: -154px;} #google_plus_left_img { position: absolute; top: -2px; right: -56px; 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:2px solid #5b5b5b; width: 300px; height: 97px; position: fixed; left: -303px;} #feedburner_left_img { position: absolute; top: -2px; right: -56px; 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 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://download.mrkzy.com/e/1012_md_13366738281.png" alt=""/><iframe src="//www.facebook.com/plugins/likebox.php?href=موقع جنتل الاردن1&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" 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://download.mrkzy.com/e/1012_md_13366738293.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('موقع جنتل الاردن 2').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://download.mrkzy.com/e/1012_md_13366738282.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=موقع جنتل الاردن3', '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="موقع جنتل الاردن4" name="uri" type="hidden"/><input value="أرسل" class="submitbutton" type="submit"/></form></center><img id="feedburner_left_img" src="http://download.mrkzy.com/e/1012_md_13366739821.png"/></div></div></div></div> </div> <div class='clear'> </div> </a> </span> </span> <div class='clear'></div> </div></div> <div style='clear:both'></div> </div> </div>
كل ما عليك هو عمل تغييرات للأتي 1- قم بتغيير كلمة موقع جنتل الاردن1 برابط صفحتك على الفيس بوك 2-قم بتغيير كلمة موقع جنتل الاردن2 باسم حسابك على تويتر 3-قم بتغيير كلمة موقع جنتل الاردن3 وموقع جنتل الاردن4 باسم حسابك على feed burner
>>
والان اضف الكود من خلال الذهاب الى لوحة الادارة >>>عناصر اضافية >>> ادارة العناصر المستقلة >>>انشاء عنصر جديد
او ضع الكود في اي مكان يقبل لغة html
لا مانع من النسخ لكن شريطة ذكر المصدر
| |
|