اختر لون الخلفية المفضلة لديك

الأحد، 3 نوفمبر 2013

إضافة مربع الفيسبوك بشكل عائم و منزلق في المدونة بلوجر Fan Box

10:38 ص  Unknown  

بسم الله الرحمن الرحيم

أتمنى أن تكون بخير إن شاء الله، اليوم سأشرح لك إضافة تخص ال Facebook و هي عبارة عن صندوق المعجبين يكون عائم مع صفحة المدونة و ينزلق بمجرد مرور الماوس عليه.
facebook

هذه الإضافة يبحث عنها الكثيرون و قد تلقيت بعض الرسائل من متتبعي المدونة يطلبونها، و أنا في عدم سرعة تلبية الطلب لأسباب قهرية.




1- توجه إلى لوحة تحكم المدونة
2- تصميم ثم تحرير HTML
3- إبحث عن الوسم التالي </head>
4- ثم ضع فوقه مباشرة الكود التالي
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery(function (){ 
jQuery(".slide_likebox").hover(function(){ 
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium"); 
},function(){ 
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium"); 
},500); 
return false; 
}); 
</script>
5- بعد ذالك إبحث عن الكود التالي ]]></b:skin>
6- و ألصق هذا الكود فوقه مباشرة
.slide_likebox { 
float:right; 
width:288px; 
height:345px; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmhNimP9o66cljHDkJ-M4aQYcMWAY_wzF-Hc6cK-xqAcrqO_q-vkksJGmI3nMpjFZ54ZQW_onjxbt5Xn2z39wQ7a4pekg8KgCy2ArV1z8jHWl5ZrzEwPGBIEHXT4RW6Cz5VSOxOyCk8VY/) no-repeat !important; 
display:block; 
right:-250px; 
padding:0; 
position:fixed; 
top: 130px; 
z-index:1002; 
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
} 
div.likeboxwrap { 
margin-top:2px; 
margin-left:-5px; 
width:238px; 
height:325px; 
background-color:#fff; 
overflow:hidden; 
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
} 
div.likeboxwrap iframe {margin:-1px}
7- قم بحفظ القالب الأن

بعد وضع هذه الأكواد توجه إلى تصميم عناصر الصفحة و قم بإضافة أذاة Html/JavaScript و ضع بها الكود التالي
<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="http://tabadole.blogspot.com/" name="NameCod" scrolling="auto" frameborder="no" align="center" height = "0px" width = "0px"></iframe><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/tatkifia&amp;width=238&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:228px; height:320px;" allowtransparency="true"></iframe></div></span></div></div>

الأن قم بتغير ما هو باللون الأحمر بإسم صفحتك على ال Facebook ثم إحفظ الأداة و تمتع بالإضافة الرائعة.

أتمنى أن يكون موضوع اليوم قد نال إعجابك، و إن فعل فلا تبخل علينا بتعليقاتك

بقلم فيصل الروسي

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

قسم : ,,