منتديات شعراء
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي
pantherads
Review Widgets
تم افتتاح منتديات كلمات اغانى
وتم وقف النشاط فى منتديات شعراء
التسجيل من هنا

اعلانات
بحـث
 
 

نتائج البحث
 


Rechercher بحث متقدم

اعلانات
المواضيع الأخيرة
» لـــحـــظـة لــقــــــاء
الإثنين 10 ديسمبر 2012, 9:02 pm من طرف نانا محمد

» ليـــــــــــــــــــه كـــــــل النـــاس ظلمــــــــــانى
الإثنين 03 ديسمبر 2012, 9:01 pm من طرف نانا محمد

» أشهد يا بيتنا و سجل دمعتى
الأحد 25 نوفمبر 2012, 3:05 am من طرف نانا محمد

» كلوي كارداشيان تجلس على حضن سايمون كويل:"هل انتَ متحمس؟"
الخميس 22 نوفمبر 2012, 6:26 pm من طرف شاعر

» يـا دوحة المجد من فهرٍ ومن مضر
الخميس 22 نوفمبر 2012, 6:17 pm من طرف شاعر

»  ﻓـﻲ ﺍﻟـﺤُــﺐ ، ﻳُـﻠــﻐـﻰ ﺍﻟـﻤـﻨـﻄـﻖ
الخميس 22 نوفمبر 2012, 6:06 pm من طرف شاعر

» كلمات اغنية امال ماهر "رايح بيا فين " 2012
الخميس 22 نوفمبر 2012, 7:20 am من طرف شاعر

» « حبر العيون » راشد الماجد
الخميس 22 نوفمبر 2012, 7:18 am من طرف شاعر

»  الطيور المهاجرة.
الثلاثاء 20 نوفمبر 2012, 11:52 am من طرف الزهراء

المتواجدون الآن ؟
ككل هناك 1 عُضو حالياً في هذا المنتدى :: 0 عضو مُسجل, 0 عُضو مُختفي و 1 زائر

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 32 بتاريخ السبت 04 أغسطس 2012, 8:13 pm
احصائيات
alexa
فتحه اجباريه
اعلانات

إضافة نوافذ المفضلات الإجتماية الجانبية لمدونات بلوجر

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

إضافة نوافذ المفضلات الإجتماية الجانبية لمدونات بلوجر

مُساهمة من طرف شاعر في الأحد 19 أغسطس 2012, 2:53 am

إضافة نوافذ المفضلات الإجتماية الجانبية لمدونات بلوجر

السلام عليكم ورحمة الله تعالى وبركاته سوف نتطرق في هذه التدوينة إلى
كيفية إضافة الأزرار الجانبية للمواقع الإجتماعية : الفيسبوك ،جوجل بلس ،
تويتر ،والبريد RSS ,وهي عبارة عن إضافة واحدة تحتوي على 4 إضافات في آن
واحد حيث أنها تتميز في كونها لا تأخذ حيزا كبيرا في تنسيق المدونة .
والآن أترككم مع كيفية تطبيق هذه الإضافة على مدونكم .

قم بالبحث عن الكود التالي :

الكود:
[color=#4c4c4c][font=Tahoma]]]></b:skin>[/font][/color]
ثم قم بلصق هذا الكود قبله :

الكود:
[color=#4c4c4c][font=Tahoma]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}#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}#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;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-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;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0px}.submitbutton{background:#F2F2F2;border:1px
 solid#F66303;-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;-webkit-border-radius:5px;border-radius:5px;cursor:pointer}[/font][/color]
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :
الكود:

<blockquote>
<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_right").hover(function(){
jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){
jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500);
});    jQuery("#twitter_right").hover(function(){
jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){
jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500);
});    jQuery("#google_plus_right").hover(function(){
jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){
jQuery("#google_plus_right").stop(true,false).animate({right: -154},
500); });    jQuery("#feedburner_right").hover(function(){
jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){
jQuery("#feedburner_right").stop(true,false).animate({right: -303},
500); });    });</script><div id="on"><div
id="facebook_right" style="top: 18%;"><div
id="facebook_div"><img
src="http://2.bp.blogspot.com/-AwJK988Hw9U/T_CUbBXoLmI/AAAAAAAABuM/XIwgqyH0zLw/s1600/facebook-icon.png"
 alt=""/><iframe src="//www.facebook.com/plugins/likebox.php?
href=http%3A%2F%2Fwww.facebook.com%2F[color=orange][b]abuiyad007[/b][/color]&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_right" style="top: 35%;"><div
id="twitter_div"><img id="twitter_right_img"
src="http://2.bp.blogspot.com/-ggLNgeprfJo/T_CUf8BMk8I/AAAAAAAABuk/f38udn9GKo4/s1600/twitter-icon.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('[b][color=blue]Abuiyad007[/color][/b]').start();</script></div></div></div><div
 id="on"><div id="google_plus_right" style="top: 52%;"><div
id="google_plus_div"><img id="google_plus_right_img"
src="http://1.bp.blogspot.com/-zwfLV74trKg/T_CUcBJIkVI/AAAAAAAABuU/LVVwVCRESpI/s1600/google-plus-icon.png"/><div
 style="float:left;margin:10px 10px 10px 0;"><g:plusone
size="tall"
expr:href="data:post.url"></g:plusone></div></div></div><div
 id="on"><div id="feedburner_right" 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=[color=red][b]feedburner/simo[/b][/color]',
 '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="[color=red][b]feedburner/simo[/b][/color]"
 name="uri" type="hidden"/><input value="أرسل"
class="submitbutton"
type="submit"/></form></center><img
id="feedburner_right_img"
src="http://1.bp.blogspot.com/-zKZoEMAlSBU/T_1C8cxmMoI/AAAAAAAADXA/p9CIkL4w19E/s1600/rssfeed.png"/></div></div></div></div>


</blockquote>
إستبدل ما لون باللون البرتقالي بحسابك علي الفيسبوك
إستبدل ما لون باللون الأزرق بحسابك على التويتر
إستبدل ما لون باللون الاحمر بحسابك علي الفيدبيرنر



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

avatar
شاعر
Admin
Admin

عدد المساهمات : 859
نقاط : 2302
السٌّمعَة : 0
تاريخ التسجيل : 29/07/2012
العمر : 32

معاينة صفحة البيانات الشخصي للعضو http://mohammedsaber341985.blogspot.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى