سلايدر إحترافي لمدونات بلوجر

سلايدر إحترافي لمدونات بلوجر السلام عليكم و رحمة الله تعالى و بركاته
السلايدر شيء مهم للمدونات لما يوفره من شكل إحترافي ومما يوفر للزائر سهولة تصفح المواضيع ,, ولذلك وضع سلايدر بالمدونة شيء مهم ,, لتعرف كيف تضع واحد إحترافي شبيه بالصورة أسفله تابع الشرح :
سلايدر إحترافي لمدونات بلوجر

أولاً : ندخل للوحة التحكم ببلوجر .
ثانياً : نضغط على "قالب" .
ثالثاً : نضغط على "تحرير html" .
رابعاً : قم بالبحث عن هذا الكود عن طريق ctrl+f :
]]></b:skin>
خامساً : ضع فوقه هذا الكود :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.ei-slider{position:relative;width:100%;max-width:995px;height:498px;margin:0 auto 35px;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);box-shadow:0 1px 2px rgba(0,0,0,0.7);}
.ei-slider-loading{width:100%;height:100%;position:absolute;top:0;left:0;z-index:990;background:#000 url('http://3.bp.blogspot.com/-IK-I72W0pxE/UnJbImSyENI/AAAAAAAABho/ToPm8X9R2ec/s1600/black-loader.gif') no-repeat 50% 48%;color:#fff;text-align:center;line-height:520px;}
.ei-slider-large{height:100%;width:100%;position:relative;overflow:hidden;}
.ei-slider-large li{position:absolute;top:0;left:0;overflow:hidden;height:100%;width:100%;}
.ei-slider-large li img{width:100%;}
.ei-title{position:absolute;right:10%;margin-right:0;margin-left:2%;bottom:25%;color:#fff;opacity:0.8;}
.ei-title h2,.ei-title h3{text-align:right;}
.ei-title h2{color:#b5b5b5;font-size:35px;font-family:BebasNeueRegular,arial,Georgia,serif;background:#000;float:right;padding:5px;margin-bottom:5px;}
.ei-title h3{clear:both;font-size:14px;line-height:20px;width:835px;background:#000;padding:5px;}
.ei-slider-thumbs{height:13px;margin:0 auto;position:relative;max-width:100%!important;}
.ei-title a{color:#FFF;}
.ei-slider-thumbs li{position:relative;float:left;height:100%;}
.ei-slider-thumbs li.ei-slider-element{top:0;left:0;position:absolute;height:100%;z-index:10;text-indent:-9000px;background:#F88C00;}
.ei-slider-thumbs li a{display:block;text-indent:-9000px;background:#666;width:100%;height:100%;cursor:pointer;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);-webkit-transition:background 0.2s ease;-moz-transition:background 0.2s ease;-o-transition:background 0.2s ease;-ms-transition:background 0.2s ease;transition:background 0.2s ease;}
.ei-slider-thumbs li a:hover{background-color:#f0f0f0;}
.ei-slider-thumbs li img{position:absolute;bottom:50px;opacity:0;z-index:999;width:100%;max-height:100px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-box-reflect:below 0px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),to(rgba(255,255,255,0.3))           );}
.content .ei-slider-thumbs li img{max-height:65px;}
.ei-slider-thumbs li:hover img{opacity:1;bottom:13px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
سادساً : قم بالبحث عن هذا الكود :

1
</head>
سابعاً : ضع فوقه هذا الكود : (مع تغيير ما لونه أحمر بالتصنيف أو القسم الذي تريده)

1
2
3
4
5
6
7
8
9
10
11
<script type='text/javascript'>
  /*عدد المواضيع المرجو تركها كما هي */
      var numposts2 = 6;/*السليدر*/
  /*التصنيفات : المرجو إضافة كل تصنيف و التأكد من أن أخره لا يحتوي على فراغ*/
      var label1 = &quot;
كل&quot;;/*السليدر*/
    </script>
<script src='https://3rab-help.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='https://3rab-help.googlecode.com/files/tie-scripts.js' type='text/javascript'/>
ثامناً : قم بالبحث عن هذا الكود :
1
<b:section class='main' id='main' showaddelement='no'>

تاسعاً : والآن ضع هذا الكود فوقه :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
3233343536
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='ei-slider' id='ei-slider'>
<script src='http://yourjavascript.com/3411331121/slide1.js'/>
<script type='text/javascript'>
var showpostsummary = true;
var numchars = 100;
</script>
<ul class='ei-slider-large'>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs2\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<script src='http://yourjavascript.com/1134333271/slide2.js'/>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs22\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</div>
<script type='text/javascript'>
            jQuery(function() {
                jQuery(&#39;#ei-slider&#39;).eislideshow({
                    animation           : &#39;center&#39;,
                    autoplay            : true,
                    slideshow_interval  : 3000,
                    speed               : 750
                    titlesFactor        : 0.60,
                    titlespeed          : 1000,
                    thumbMaxWidth       : 100
                });
            });
        </script>
<div style='clear: both;'/>
    </b:if>


وهكذا تكون قد أضفت السلايدر :)
لا تبخل علينا بتعليق مشجع ,, ولا تنسى مشاركة الموضوع مع أصدقائك .


أكمل القراءة

ثلاث مواقع للحصول على قوالب بلوجر إحترافية ومجانية :

بسم الله الرحمن الرحيم ,والصلاة والسلام على رسول الله محمد, أما بعد:
شكل وتصميم المدونة أمر مهم جداً , فهو عامل أساسيّ ببقاء الزائر مدة طويلة في المدونة أو خوجه بسرعة , كما أن الشكل يعطي طابع مميز كان أو غير مميز حول المدونة ,,, وطبعاً نحتاج لقوالب إحترافية ولكننا نجد دائماً الصعوبة للوصول إليها ,, خصوصاً إذا كانت مجانية ,,, لذلك قررت أن أقدم لكم في هذه التدوينة 3 مواقع تقدم قوالب إحترافية وفي نفس الوقت مجانية.
blogger


ثلاث مواقع للحصول على قوالب بلوجر إحترافية ومجانية :

1- موقع templateism :

ثلاث مواقع للحصول على قوالب بلوجر إحترافية ومجانية :

هو موقع أثبت جدارته بالفعل , فهو يحتوي على أكثر القوالب إحترافية , أنصح الجميع بأن يستعمل القوالب التي يضعها موقع templateism .
رابط الموقع : www.templateism.com .

1- موقع my blogger themes :

ثلاث مواقع للحصول على قوالب بلوجر إحترافية ومجانية :
هو موقع يحتوي على أكثر من ألف قالب إحترافي ومميز , يحتوي على قوالب أفلام وألعاب وغيرها الكثير .
رابط الموقع : www.mybloggerthemes.com .


1- موقع blogger themes :



موقع يحتوي على أكثر من 200 قالب إحترافي , ومن مميزات الموقع أنك تستطيع أن تبحث عن القالب حسب اللون و حسب عدد الأعمدة (الموجودة في الفوتر) .
رابط الموقع : www.bloggerthemes.net .





إن أصبت فهو من الله - عز و جل - , و إن أخطأت فهو مني

أكمل القراءة

طريقة تعريب قوالب بلوجر بدون برامج

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

طريقة تعريب قوالب بلوجر بدون برامج :

تغيير إتجاهات الكتابه فى القالب وعكسها :

1 : قم بفتح القالب ببرنامج Notepad .
2 : قم بنسخ ما بين <b:skin> و </b:skin> .
3 : قم بفتح ملف Notepad جديد وألصق به الكود الذي نسخته .
4 : من قوائم Notepad إختر Search وثم remplace .
5 : أكتب بالمربع الأول Right وفي الثاني Left .
6 : إضغط على Replace all .
7 : أكتب مرة أخرى في المربع الأول Left وفي الثاني Right .
8 : إضغط على Replace all .
9 : قم بوضع بالمربع الأول copyleft وفي المربع الثاني copyright .
10 : إضغط على Replace all .
11 : قم بنسخ الكود وألصقه بين <b:skin> و </b:skin> في الملف الأول Notepad .
12 : قم بحفظ الملف .
13 : قم بتركيب القالب على مدونة تجريبية .

تبديل الحاشية والمحاذاة :

1 : قم بالدخول إلى بلوجر وإختر المدونة التجريبية .
2 : قم بالضغط على "قالب" ثم إضغط على "تحرير Html" .
3 : قم بالضغط على Ctrl + f من لوحة المفاتيح .
4 : قم بكتابة padding: .
ستجدها على عدة أشكال لكن الشكل المقصود هو كهذا :
padding: 3px 10px 5px 4px;

5 : قم بتبديل القيمتين الثانية والرابعة (من إتجاه اليسار) .
6 : قم بالبحث عن كل الأكواد التي تشبه الخطوة 4 وقم بعمل لها مثل الخطوة 5 .
7 : الآن نكرر ما فعلناه بالخطوة 3 .
8 : قم بكتابة margin: . (يجب أن يكون شكلها كما الخطوة 4)
9 : قم بتبديل القيمتين الثانية والرابعة .

وضع حقوق التعريب :

1 : قم بالضغط على ctrl + f من لوحة المفاتيح .
2 : أكتب <footer> وإضغط Enter من لوحة المفاتيح .
3 : ضع هذا الكود أسفله تماماً مع تغيير ما يلزم :
<a href='رابط مدونتك' rel="dofollow">تعريب : إسم مدونتك</a>






إن أصبت فهو من الله - عز و جل - , و إن أخطأت فهو مني

أكمل القراءة

طريقة جعل قوالب بلوجر متوافقة مع متصفح internet explorer

بسم الله الرحمن الرحيم ,والصلاة والسلام على رسول الله محمد .  
أما بعد :
كلنا نعرف لغة الـcss واللمسة الرائعة التي تضيفها تلك اللغة للمدونات والمواقع ,وكما أنها في بعض الأحيان تسهل على الزائر تصفح المدونة فمثلاً وجود قائمة مسندلة بلغة الـcss يسهل على الزائر بشكل كبير فبدل أن يضغط على "دورات برمجية" ثم تظهر له صفحة جديدة فيها أقسام الدورات كمثال فقط يمرر
أكمل القراءة

مدونة أبلتكس التقنية بقالب جديد وشعار جديد


مدونة أبلتكس التقنية | للتقنية عنوان |

السلام عليكم ورحمة الله وبركاته ,, في أول تدوينة لي في المدونة سوف أنبهكم فيها عن القالب الجديد في المدونة ,هو قالب أجنبي وإسمه هو "Sensational" وقد عربه "قوالبنا للبلوجر" وقد قام المشرف خالد جلاجل بتطويره وتحسينه , ونتمنى أن يعجبكم ونريد رؤية آرائكم في القالب من خلال التعليقات في الأسفل ,كما نريد رؤية آرائكم في الشعار الجديد وهو موجود في جانب التدوينة .

أكمل القراءة

صديق محركات البحث قالب deviant المعرب والمطور لمدونات بلوجر | قالب شبيه بالكرتون |

بـســم الله الرحـــــمـــــــــــــــن الـرحــيــم , والـــصـلاة والــســلام على رسول الله محمد ,
أما بعد:


صورة لقالب DEVIANT العرب والطور


للمشاهدة:

 http://ar-deviant-aplaticos.blogspot.com/
أكمل القراءة

صديق محركات البحث قالب limax المعرب والمطور

بــــســم الله الرحـــــمـــــــــــــــن الـرحــيــم , والـــصـلاة والــســلام على رسول الله محمد , 
أما بعد :
صورة للقالب
أعتذر عن عدم كتابتي مشاركات جديدة في المدونة وذلك كان لسبب تحضيري لكتابة كتاب تعليمي يهتم ببلوجر; فلذلك أردت أن أعوضكم بقالب رائع قمت بتعريبه وليس ذلك فقط لأنني قمت أيضاً بتطويره وجعله صديق لمحركات البحث كما أنني أضفت إليه العديد من المميزات وهو أول قالب أقوم بتعريبه وأتمنى أن يعجبكم القالب. 

أكمل القراءة