كيفية اضافة صندوق أعجبني متحرك للفيس بوك Like Box

[5:46 م | 0 التعليقات ]

السلام وعليكم ورحمة الله اخواني أوفياء مدونة لكم.

بعد ما رأينا أخر مر ة شرح طريفة اضافة هاك خاص بأحدث المواضيع، هذه المرة جاء فريقمدونة لكم بتدونة جديدة خاصة بأصحاب المدونات حول شرح كيفية اضافة صندوق أعجبني متحرك للفيس بوك Like Box في مدونتكم بلوجر كما هو مبين في الصورة ، وهو متحرك مع الصفحة.

طريقة اضافة الزر

1- اضافة الجي كوبري لتتمكن من تحريك الأداة للداخل والخارج.

- اذهب للوحة التحكم الخاصة بك

- تخطيط

- تحرير html

- توسيع عناصر القالب

- قم بالبحث عن

</head>

و ضع فوقه مباشرة :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

2- اضافة الأداة

- اذهب للوحة التحكم

- تخطيط

- اضافة أداة

- أنسخ الكود التالي بداخلها

<script src='http://egymodern.googlecode.com/files/facebooklike-box.js' type='text/javascript'></script>
<style type="text/css">
.w2bslikebox{background: url("http://2.bp.blogspot.com/-XgOlfackuq0/TsWV2-ME2CI/AAAAAAAACkQ/5sQXpo2KuJ4/s1600/facebook-page2.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>

<div class="w2bslikebox" style="z-index: 9999999999;">
<div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/laqom&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="z-index: 9999999999; border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;">
</iframe>

</div>
<script type="text/javascript">
writeHTMLasJS();
</script>
</div>