طريقة اضافة المعجبين بصفحتك على الفيس بوك بتقنية ال css

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


]]></b:skin>

وضع قبله الكود الموجود بالاسفل ويمكنك تغيير القيمه  540 الي اى قيمه اخرى فهى خاصه بعرض الاضافه


.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:540px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url("http://lh5.ggpht.com/_u4gySN2ZgqE/TJ3dpjy9PaI/AAAAAAAABr0/PTUXIS8ykps/fblogo%5B3%5D.jpg") no-repeat scroll left top transparent;
}
.fb_like_top a {
height:24px;
width:114px;
background:url("http://lh6.ggpht.com/_u4gySN2ZgqE/TJ3do-mtwuI/AAAAAAAABrw/NXxp85pCaD0/beafan%5B3%5D.jpg") no-repeat scroll left top transparent;
display:block;
margin-left:425px;
text-indent:-5000px;
}.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:515px;
height:42px;
}

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


<data:post.body/>

وضع قبله او بعده الكود الموجود بالاسفل مع تغيير المعلم باللون الاحمر باسم صفحتك على الفيس بوك ها هو الكود


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_like_box'>
<div class='fb_like_top'><a rel='nofollow' href='http://www.facebook.com/EgyMigrants'>Be a Fan</a></div>
<div class='fb_like_button_holder'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>
</div>
</div>
</b:if>


أصدقاء(تطوير ويب)
تعليقات Facebook
2تعليقات Blogger

2 عدد التعليقات على موضوع طريقة اضافة المعجبين بصفحتك على الفيس بوك بتقنية ال css

مدونة افتيكسات يقول...

جميله جميله فعلن
الف شكر ليك عجبتنى هيه والى عندك علي اليمين

mostafa behiry يقول...

http://mostafabehiry.blogspot.com/2012/02/blog-post_5585.html

جزاك الله كل خير

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .