معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   إضافة تابعني عبر الشبكات الجتماعية بشكل رائع (https://www.bloggerexp.com/showthread.php?t=3756)

joukr 09-16-2012 05:03 PM
إضافة تابعني عبر الشبكات الجتماعية بشكل رائع
 

بـسم الله الـرحمن الـرحيم
الســــلام عليكم

هده الإضافة كنت أحتفض بها لمدونتي ( أخبار الفبس بوك ) لكن لكترت الطلبات عليها قررة مشاركتها معكم

صورة الإضافة :
http://im15.gulfup.com/2012-09-16/1347813922891.png

معلومات عن الإضافة :

مصمم الإضافة : أنا :nosweat:
التوافق : تتوافق مع جميع المتصفحات ولكنها قد لا تعمل مع المتصفحات القديمة جدا

مميزات الإضافة :

متوافقة مع جميع المتصفحات
إضافة تتميز بالخفة والسرعة ولا تأثر فى سرعة الموقع
تتميز بأيقونات دائرية جذابة
مصممة بتقنية html و اللتقنية الاحترافية Css3
به خاصية الدوران عند مرور الماوس على الأيقونة

شرح تركيب الإضافة على بلوجر :

لوحة تحكم بلوجر > التخطيط ( عناصر الصفحة ) > إَصافة أداة > Html/JavaScript

ثم أضف هذا الكود :

كود بلغة HTML:
<link rel="stylesheet" href="http://joukr.jo.funpic.org/leftsrss.css" />
<center>
<div class="leftsrss">
    <h1>إنضم لأكثر من <b>3,600</b> متابع لـ <div class="text2">أخبار الفيسبوك</div></h1>
    <div class="social">
    <a target="_blank" href="http://feeds.feedburner.com/blogspot/xUAwG" data-bitly-type="bitly_hover_card" title="RSS"><img src="http://im15.gulfup.com/2012-09-16/1347813922573.png"></a>

        <a target="_blank" href="https://Youtube.com/" data-bitly-type="bitly_hover_card" title="YouTube"><img src="http://im15.gulfup.com/2012-09-16/1347813922105.png"></a>

    <a target="_blank" href="https://www.facebook.com/0News0" data-bitly-type="bitly_hover_card" title="Facebook" ><img src="http://im15.gulfup.com/2012-09-16/134781392282.png"></a>
       
        <a target="_blank" href="https://twitter.com/" data-bitly-type="bitly_hover_card" title="Twitter" ><img src="http://im15.gulfup.com/2012-09-16/1347813922284.png"></a>

    </div>
</div>
</center>

ثم قم بتغيير ما باللون الأحمر :


أخبار الفيسبوك بـ : إسم مدونتكم

3,600 بعدد متابعيكم

http://feeds.feedburner.com/blogspot/xUAwG بـ : رابط خلاصات المدونة

https://Youtube.com/ بـ : قناتكم على يوتيوب

https://www.facebook.com/0News0 بـ : رابط صفحتكم على الفيس بوك

https://twitter.com/ ررابط صفحتكم على تويتر

REDA 09-16-2012 06:52 PM
رد: إضافة تابعني عبر الشبكات الجتماعية بشكل رائع
 
الف شكر اخى ...تسلم بجد :ok:

REDA 09-16-2012 06:59 PM
رد: إضافة تابعني عبر الشبكات الجتماعية بشكل رائع
 
اخى ....

الكود لايعمل ؟؟ :nosweat:

السيد ابو جبل 09-16-2012 07:40 PM
رد: إضافة تابعني عبر الشبكات الجتماعية بشكل رائع
 
نعم الكود لا يعمل

REDA 09-16-2012 08:51 PM
رد: إضافة تابعني عبر الشبكات الجتماعية بشكل رائع
 
ياريت اخى تضع الكود الصحيح :):

yosefssss 09-16-2012 09:29 PM
رد: إضافة تابعني عبر الشبكات الجتماعية بشكل رائع
 
شكراً على الإضافة الرائعة

joukr 09-17-2012 12:58 PM
رد: إضافة تابعني عبر الشبكات الجتماعية بشكل رائع
 
من لم يعمل معه الكود السابق فل يضع مكانه هدا الكود:nosweat:

كود بلغة HTML:
<style>
.leftsrss{

        width:280px;
        height:140px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 0 4px #777;
       

}

.leftsrss h1{
        color:#777777;
        margin:0;
        text-align:center;
        font:bold 18px Arial, Helvetica, sans-serif;
        padding:10px;
        padding-top:20px;
}

.leftsrss b{
        font:bold 20px Arial, Helvetica, sans-serif;
        color: #EF8A2A;
}


.leftsrss b:hover {
        color:#2265A6 !important;
}

.leftsrss .text2{
        font:bold 20px Arial, Helvetica, sans-serif;
        color:#2265A6 ;
}



.leftsrss .text2:active {
        color:#EF8A2A !important;
}

.leftsrss .social{
        margin-right:14px;

}

.leftsrss .social a img{
        float:right;
        margin-right:20px;
        margin-top:5px;
        -moz-transition: all 0.8s ease-in-out;
        -webkit-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;

}

.leftsrss .social a img:hover {
        -moz-transform: rotate(720deg);
        -webkit-transform: rotate(720deg);
        -o-transform: rotate(720deg);
        -ms-transform: rotate(720deg);
        transform: rotate(720deg);

}

</style>
<center>
<div class="leftsrss">
    <h1>إنضم لأكثر من <b>3,600</b> متابع لـ <div class="text2">أخبار الفيسبوك</div></h1>
    <div class="social">
    <a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/blogspot/xUAwG" data-bitly-type="bitly_hover_card" title="RSS"><img src="http://im15.gulfup.com/2012-09-16/1347813922573.png"></a>

        <a rel="nofollow" target="_blank" href="https://Youtube.com/" data-bitly-type="bitly_hover_card" title="YouTube"><img src="http://im15.gulfup.com/2012-09-16/1347813922105.png"></a>

    <a rel="nofollow" target="_blank" href="https://www.facebook.com/0News0" data-bitly-type="bitly_hover_card" title="Facebook" ><img src="http://im15.gulfup.com/2012-09-16/134781392282.png"></a>
       
        <a rel="nofollow" target="_blank" href="https://twitter.com/" data-bitly-type="bitly_hover_card" title="Twitter" ><img src="http://im15.gulfup.com/2012-09-16/1347813922284.png"></a>

    </div>
</div>
</center>


الساعة الآن 08:12 AM

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012