تحميل قالب عرب سيد الاحترافى باخر تحديث للبلوجر

تحميل قالب عرب سيد للبلوجر

تحميل قالب مشابه لعرب سيد وماى ايجى ومزيكا تو داى للمدونات 

قالب المجله للبلوجر

تنزيل قالب عرب سيد

مدونه بلوجر تصميم عرب سيد مجانا بالتحديث الجديد 

قالب عرب سيد للبلوجر يعنى بشكل سليم 100% 

قالب عرب سيد للمدونات 
بتاريخ اليوم تحديث قالب عرب سيد بالدوات الاحترافية 
قالب عرب سيد احترافى باخر تحديث 

مميزات القالب 

او ميزة من مميزات القالب يدعم اعلانات جوجل ادسنس

2- من مميزات قال عرب سيد ايضا انه سريع فى التصفح والتحميل 

3- يوجد به تاثيرات على الصور 

4- المواضيع ذات صله بشكل جميل اسفل كل تدوينة 

5- صديق لمحركات البحث 

6- مزود بزرار اعجبنى والمشاركه فى تويتر و زرار جوجل بلس اعلى كل تدوينة 

2:42 م | 0 التعليقات | قراءة المزيد

تحميل قالب الفوتو شوب للبلوجر photoshop Blogger

تحميل الفوتو شوب للبلوجر

تحميل قالب فوتو شوب للبلوجر

تنزيل قالب مشابه لبرنامج الفوتو شوب لمدونات البلوجر

رابط تحميل قوالب الفوتو شوب للمدونه

قالب بلوجر فوتو شوب

قالب بلوجر تستطيع من خلاله تصميم وتعديل والكتابه على الصور بسهوله مقدم من الفوتو شوب 

قالب مقدم من الفوتو شوب لدعم بلوجر

لتحميل القالب من هنا

download photo shop  Blogger Template

حمل القالب من هناااا Click here to download

 او   حمل القالب من هناااا Click here to download

فوتو شوب , تحميل , تنزيل , قالب , بلوجر , اون لاين , رابط , معرب , jpldg , rhgf , t,j, a,f , h,k ghdk 

2:07 ص | 0 التعليقات | قراءة المزيد

تحميل قالب مجله للبلوجر Johny Light Banget معرب

تحميل قالب  Johny Light Banget  معرب

تنزيل قالب Johny Light Banget   عربى

حمل قالب بلوجر Johny Light Banget

download Johny Light Banget 

رابط تحميل  Johny Light Banget    للبلوجر

تنزيل قالب مدونه لوجر عربى  Johny Light Banget 

قالب مجله جميل عربى Johny Light Banget 

قالب مجله مشابه لعرب سيد وماى ايجى ومزيكا تو داى
صورة القالب 

تحميل قالب مشابه لطرقيعو لبلوجر

 القالب متوافق مع ادسنس

القالب متوافق مع نتائج جوجل

ومن مميزات القالب سهوله فى التصفح وسريع فى تحميل الصفح

حمل القالب من هناااا

حمل القالب بدون اسلايد من هنااا 

حمل القالب من هناااا Click here to download

او رابط سريع من هنا Click here to download

حمل القلب  بالسلايد من هنااا

حمل القلب من هناااا Click here to download

او رابط سريع من هنا Click here to download


تحميل , قالب , بلوجر , معرب , مجله , سريع , متوافق , ادسنس  , rhgf , fg,[v , jpldg , jk.dg  ,Johny, Light ,Banget 

11:43 ص | 0 التعليقات | قراءة المزيد

تحميل قالب بلوجر بثلاث اعمده لزياده زوار مدونتك

قالب بلوجر بثلاث اعمده 

تحميل قالب بلوجر 

تنزيل قالب سريع للبلوجر

تحميل قالب متوافق مع اعلانات ادسنس 

تحميل قالب سريع الارشفه فى جوجل وزياده ترتيب مدونتك فى جوجل

قالب المزيد من الزوار لمدونتك

القالب معرب وبه الكثير من الادوات مثل :-

المواضيع المشابهه نصوص فقط

والتدوينات زات صله  صور وتصوص بطريقه رائعه 

من اهم مميزات القالب :-

(سريع التحميل - رسيع الارشفه - متوافق مع مصمم النماذج) 

 و تستطيع تغيير 100 % من محتوى القالب  بواسطة مصمم النمازج 

تحميل قالب بلوجر بثلاث اعمده 

تنزيل قالب بلوجر

روابط تحميل قوالب بلوجر

حمل الان قالب بلوجر معرب لمدونتك

حمل القالب من هناااا Click here to download

قالب , بلوجر , ثلاثه , اعمده , زياده , الزوار  , ثلاث , مدونات , تحميل , تنزيل  , سريع , منسق

6:52 ص | 0 التعليقات | قراءة المزيد

تحميل قالب الفيس بوك للبلوجر template-facebook

تحميل قالب الفيس بوك

تنزيل قالب الفيس بوك للبلوجر

قالب الفيس بوك لمدونات البلوجر

روابط تحميل تصميم الفيس بوك لمدونات البلوجر

تصميم الفيس بوك الاحترافى لمدونات بلوجر

بلوقر استايل الفيس بوك

مميزات قالب الفيس بوك

 شبيه بنسبة 85 % بموقع الفيس بوك

سرعه التصفح 

سهولة التصفح

اضافه خاصيه المواضيع المتشابهه داخل كل موضوع

متوافق مع جوجل ادسنس

مثال للمعاينه من هناااااااا

الان مع التحميل 

حمل من هنااااااااا

قالب , الفيس بوك , تحميل , تنزيل , قوالب , بلوجر , تنزيل , مشابه , للفيس بوك , لمدونات , البلوجر 

8:21 ص | 0 التعليقات | قراءة المزيد

شرح طريقه ازالة الناف بار للبلوجر

السلام عليكم ورحمة الله

درسنا اليوم هو طريقة ازلة لناف بار NavBar
لمدونات بلوجر
" ما هو الناف بار NavBar ؟ "
هو شريط الادوات الخاص بمدونات البلوجر الذي يظهر بشكل افتراضي مع كل قوالب مدونات البلوجر و من وظائف الشريط عرض مدونات اخرى و متابعة المدونة و حاجات تانية كدة ملهاش لازمة بالنسبة للمدونة

طريقة الحذف


1-انتقل إلى لوح تحكم مدونتك،إختر "قالب" ،ثم "تحريرHTML "

2- نضغط على "متابعة"


3-ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء

4-الكود الذي سنبحث عنه هنا هو الكود التالي :

كود:

<b:skin><![CDATA[/*

5- اضف بعدة مباشرة الكود التالي :

كود:

/* ----- Hide Navbar Start : http://developed-blog.blogspot.com/ ----- */ #navbar-iframe { display: none !important; } /* ----- Hide Navbar End : http://developed-blog.blogspot.com/ ----- */

6- اضغط معاينة لتتأكد من حذف الناف بار ثم اضغط حفظ القالب

و مبروك عليكم الاداة بنجاح

5:14 ص | 0 التعليقات | قراءة المزيد

شرح اضافة مواضيع ذات صلة في مدونة بلوجر

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

 كيفية اضافة او وضع مواضيع ذات صلة في مدونة بلوجر ؟ 

1 - اذهب الى لوحة تحكم المدونة .
2 - من لوحة تحكم مدونتك اختر قالب - ثم تحرير HTML - ثم متابعة . ( لا تنسى حفظ نسخة احتياطية لقالب مدونتك من اي خطاء قد يقع  )
3 - قم بتوسيع قوالب عناصر واجهة المستخدم اي بوضع علامة صح في المربع .

4 - ابحث عن الكود التالي باستخدام مفتاح ( CTRL+F ) :

</head>

5 - قم بنسخ الكود التالي ثم ضعه او انسخة فوق كود خطوة4 .

<!--RelatedPostsStarts-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;http://www.gigaimage.com/images/brrl1rtaziisu0yj6kj6.gif&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='https://sites.google.com/site/php0103/New%20.js' type='text/javascript'/><!--RelatedPostsStops-->

6 - ابحث عن الكود التالي في مدونتك بواسطة المفتاح ( CTRL+F ) :

<data:post.body/>

7 - قم بنسخ الكود التالي ثم الصقة بعد كود خطوة رقم6 :

<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>مواضيع ذات صلة: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if><!--RELATED-POSTS-STOPS-->

8 - قم بعمل حفظ للقالب 

ملاحظة مهمة : قد تجد كود  ( <data:post.body/> ) مكرر مرتين ، قم بوضع كود رقم7 بعد
( <data:post.body/> ) الثاني .

1:27 م | 0 التعليقات | قراءة المزيد

اضافة تأثيرات حركية على الصور في مدونات بلوجر

اضافة تأثيرات حركية على الصور في مدونات بلوجر 

خاصية تعطي للصور جمالية وتنسيق رائع عند وضع مؤشر الماوس علي الصورة سوف تميل جانبا وعند إبعاد مؤشر الماوس تعود الصورة لوضعيتها الطبيعية ، وايظاً صور الخلاصات "إقرأ المزيد" هي كذلك تطبق عليها هذه الخاصية مما يعطي للمدونة جمالية ورونق رائعين ،،،

والآن دعونا لنتوجه لتطبيق الكود : 

- انتقل الى لوحة تحكم مدونتك ثم اختر علامة ( تصميم ) ثم ( تحرير HTML )ثم ضع علامة ( صح ) في خانة " توسيع قوالب عناصر واجهة المستخدم " . بعدها قم بالبحث عن الكود التالي وذلك بالاستعانة بلوحة التحكم ( Ctrl + F ) :

]]></b:skin>

ثم قم بوضع الكود التالي قبلة : -

.post img {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}
.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}

يمكنك التحكم في درجة ميلان الصور كما تريد وبإتجاهها كذلك  سواء على اليسار أم على اليمين وذلك بإستبدال الرمز (+) بالرمز( -) والعكس، حيث تمثل القيمة 2deg+ درجة الميلان قبل وضع مؤشر الماوس  وتمثل كذلك القيمة  1deg- درجة الميلان عند وضع مؤشر الماوس على الصورة .


والتتيجة تكون الصورة على هذا الشكل .

11:14 ص | 0 التعليقات | قراءة المزيد

إضافة خاصية "إقرأ المزيد"وتلخيص التدوينات

:

 إضافة خاصية "إقرأ المزيد" أو "تابع القراءة" تحت كل ملخض للتدوينة .وكما تلاحظ في مدونتي أن كل المقالات عبارة على ملخصات متبوعة بثلاثة نقط وذلك يعني أن هناك تتمة للموضوع وتحتها مكتوب إقرأ المزيد .أما طريقة تطبيق هذه الخاصية ،عليك سوى تتبع المراحل التالية :

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

</head>

قم بلصق الكود التالي قبله مباشرة :ملاحظة : عند تطبيقك لهذا الكود سوف يتم عرض صورة الملخص على اليسار ,ولعرض صورة الملخص على اليمين ،تجاهل هذا الكود وقم بلصق الكود الذي يليه.

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */ summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/ img_thumb_height = 128; /* عرض الصورة في الملخص*/ img_thumb_width = 128; /*طول الصورة في الملخص */ </script> <script src='https://sites.google.com/site/php0103/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

الصورة في يمين النص

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */ summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/ img_thumb_height = 128; /* عرض الصورة في الملخص*/ img_thumb_width = 128; /*طول الصورة في الملخص */ </script> <script src='https://sites.google.com/site/php0103/read-more-right.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

وإذا رغبت في ظهور الصورة في الوسط قم بلصق الكود التالي :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */ summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/ img_thumb_height = 128; /* عرض الصورة في الملخص*/ img_thumb_width = 128; /*طول الصورة في الملخص */ </script> <script src='https://sites.google.com/site/php0103/red meCentre.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

والآن قم بالبحث عن الكود التالي :

<data:post.body/>

ثم قم بإستبدالة بهذا الكود :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/> <b:else/> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></span> <a href='http://developed-blog.blogspot.com/2012/03/blog-post.html' style='display:none;'>Résumé</a><a href='http://developed-blog.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> </b:if><font size="0"><a href="http://developed-blog.blogspot.com"></a></font>

يمكنك تبديل كلمة "إقرأ المزيد" ذات اللون الاحمر في الكود السابق بكلمة أخرى حسب رغبتك أو تبديلها بصورة مثل هذه :

وذلك بإستبدال عبارة إقرأ المزيد.. بالكود التالي :

<img src="https://sites.google.com/site/lightbox007/photo/readmore.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>

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

11:58 ص | 0 التعليقات | قراءة المزيد

صندوق الفيس بوك متحرك اعلى واسفل

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


 

الطريقة :

اولا : اضافة الجي كويري لتتمكن من تحريك الاداة للداخل و الخارج :
1. اذهب للوحة التحكم
2. تخطيط
3. تحرير HTML
4. توسيع عناصر القالب
5. ابحث عن : 

</head>

6. و ضع قبلة مباشرة :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

اذا كنت قد اضفتة قبل ذلك فلا داعي من اضافتة مرة اخرى
ثانيا : لأضافة الأداة :
1. اذهب الى لوحة التحكم
2. تخطيط
3. اضافة اداة
4. اداة HTML
ثم انسخ الكود التالي : 

script src='https://sites.google.com/site/php0103/facebooklike-box.js' type='text/javascript'></script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/-EPvwpAF9kWs/TzBDTh1YvgI/AAAAAAAAACc/LS4p3zdGS_A/s1600/facebook.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=https://www.facebook.com/radiomahatetmasr&amp;width=245&amp;colorscheme=lig ht&amp;show_faces=true&amp;connections=9&amp;strea m=false&amp;header=false&amp;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>

لان كل ما عليك فعلة هو استبدال الرابط التالي:

    https://www.facebook.com/radiomahatetmasr

برابط صفحتك
و لتغيير صورة الفايس بوك ابحث عن الرابط التالي باللون الاحمر

    http://1.bp.blogspot.com/-EPvwpAF9kWs/TzBDTh1YvgI/AAAAAAAAACc/LS4p3zdGS_A/s1600/facebook.png
و استبدلة برابط صورة اخرى تريدها
 

ومبروك عليك الاداه

1:41 م | 0 التعليقات | قراءة المزيد