الشيخ عدنان العرعور و الشيعى عبدالعال سليمة 9

مناظرة الشيخ العرعور مع الشيعة^^9^^

 

إقرأ المزيـــد

الشيخ عدنان العرعور و الشيعى عبدالعال سليمة 10

مناظرة الشيخ العرعور والشيعة^^10^^

 

إقرأ المزيـــد

عرض المشاركات الشائعه على شكل سلايدر متحرك جذاب جدا

معظمنا يستخدم سلايدر فى مدونته لعرض تدويناته الهامه وربما لعرض تدويناته المهمله التى يود لفت النظر أو الإنتباه إليها, ولكن كل من يستخدمها يقوم بعملها يدويا, الآن تستطيع إستخدام سلايدر جميل جدا فى مدونتك يقوم بعرض المشاركات الشائعه أوتوماتيكيا, أى أنه يقوم بعرض تدويناتك الأكثر زياره والإكثر شعبيه آليا.

كل ما عليك فعله هو أن تتبع الخطوات السهله التاليه

إذهب إلى تخطيط الصفحه فى قالب مدونتك وقم بإضافة ( المشاركات الشائعه ) فى أعلى مدونتك, ذلك إن لم تكن مضافه بالفعل, فإن كانت مضافه قم بنقلها لأعلى مدونتك فقط.

ثم قم بإضافة أداة HTML / JAVASCRIPT جديده فى العمود الجانبى, وقم بلصق الكود التالى فيها

<style>
* {
    margin: 0;
    padding: 0;
}

body {
    font: 11px Helvetica, Arial, sans-serif;
}

#wrapper {
    width: 800px;
    margin: 60px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
    border: 10px solid #ccc;
}

.scroll {
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
    position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
    height: 318px;
}

#left-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    bottom: 0;
    background: url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/leftshadow.png) repeat-y;
}

#right-shadow {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    bottom: 0;
    background: url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/rightshadow.png) repeat-y;
}

.inside {
    padding: 10px;
    border: 1px solid #999;
}

.inside img {
    display: block;
    border: 1px solid #666;
    margin: 0 0 10px 0;
    width: 250px;
}

.inside h2 {
    font-weight: normal;
    color: #111;
    font-size: 16px;
    margin: 0 0 8px 0;
}

.inside p {
    font-size: 11px;
    color: #ccc;
}

a {
    color: #999;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

a:hover {
    border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

</style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="http://accordion-template.googlecode.com/svn/trunk/slidermovingbox.js" type="text/javascript" charset="utf-8"></script>

ثم قم بحفظ القالب وشاهد النتيجه الرائعه حقا

إقرأ المزيـــد

إضافة أداة المشاركات الشائعة بألوان جميلة لمدونات بلوجر

إضافة أداة المشاركات الشائعة بألوان جميلة لمدونات بلوجر

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

 

 

 

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

        

]]></b:skin>

بعد أن تجده قم بوضع هذا الكود قبله مباشرة

      

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}

#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}

#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}

#PopularPosts1 ul li:first-child:after,

#PopularPosts1 ul li:first-child + li:after,

#PopularPosts1 ul li:first-child + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}

#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}

#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}

#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}

#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}

#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}

#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}

#PopularPosts1 ul li:first-child + li + li:after{content:"3"}

#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}

#PopularPosts1 ul li:first-child + li:after{content:"2"}

#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}

#PopularPosts1 ul li:first-child:after{content:"1"}

#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}

#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

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

قم بحفظ التغييرات ومبروك عليك الإضافة الجميلة

إقرأ المزيـــد

القرآن الكريم كامل بصوت الشيخ المعيقلي **من اليوتيوب**

 الشيخ المعيقلي

إقرأ المزيـــد

سورة البقرة كاملة 5 ساعات - محمد صديق المنشاوي - مجود

 محمد صديق المنشاوي - مجود

إقرأ المزيـــد

سعد الغامدي

القران الكريم

القران الكريم كاملا بصوت الشيخ  سعد الغامدي

إقرأ المزيـــد

اعرف المدة التي قضتها البشرية في مشاهدة اي فيديو على اليوتيوب !

 

السلام عليكم

 

 

 

 

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

 

 

الموقع :

 

 

 

http://wastedhumanity.com

إقرأ المزيـــد

موقع جميل مختص في خلفيات متنوعة بصيغة hd لسطح المكتب وغيرها

اهلا بكم اخوانى في الله

اقدم لكم باذن الله تعالى موقع جميل وذو خصائص مذهلة هذا الموقع مختص في خلفيات متنوعة بصيغة hd لسطح المكتب او كنت مهتم برنامج فوتوشوب لتوظيفها فيه او في اشياء اخرى الموقع سهل الاستخدام ما عليك سوى ان تكتب في مربع البحث الموضوع الذي تريده للبحث عن الخلفيات على سبيل المثال اكتب كلمة windows وستحصل على خلفيات والى غير ذالك...

الموقع

http://wallbase.cc/home

إقرأ المزيـــد