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

موقع جنتل الاردن هو عبارة عن فكرة بسيطة جدا مواضيع نطرحها نؤلف نترجم ونقتبس كل ذلك سبيلا في خدمة القارئ العربي
 
الرئيسيةس .و .جمكتبة الصوربحـثالتسجيلدخول

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

الموضوع السابق الموضوع التاليمركز رفع الصور
Posted By

Moh'd S Hammoudeh


انشرالموضوع
الرد عن طريق الفيس بوك
الابلاغ عن الموضوع




مواقع صديقة
All Tricks And Tips
Entertainment
أضف موقعك هنا
أضف موقعك هنا


صفحات فيسبوكية رائعة
All Tricks And Tips
Entertainment
المحاسبين
موقع جنتل الاردن
أضف صفحتك هنا
أضف صفحتك هنا


صفحتنا الرسمية على الفيس بوك

صفحتنا الرسمية على تويتر



الجمعة فبراير 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&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;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

لا مانع من النسخ لكن شريطة ذكر المصدر












جميع المواضيع و الردود تعبر عن رأي صاحبها ولا تعبر عن رأي إداره موقع جنتل الاردن بــتــاتــآ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

الموضوع السابق الموضوع التالي
صفحة 1 من اصل 1








جميع الحقوق محفوظة لبوابة جنتل الاردن © 2013