اختر لون الخلفية المفضلة لديك

‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل

الاثنين، 11 نوفمبر 2013

كيفية عمل نسخة إحتياطية لقالب مدونتك ''دورة قوالب البلوجر''



بسم الله الرحمن الرحيم ،

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

ان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ بالله

من شرور انفسنا و من سيئات أعمالنا ، من يهده الله فلا مضل له

و من يضلل فلا هادي له ، و أشهد أن لا إله إلا الله وحده لا شريك له، و أن محمدا

عبده و رسوله صلى الله عليه و على آله و أصحابه و من تبعهم

بإحسان الى يوم الديـــن و سلم تسليما كثيرا ، أما بعد ...




أقدم لكم اليوم درسا
لعمل نسخة إحتاطية للقالب

و سبب وضع هذا الدرس هو الوقوع في مشكلة فقدان القالب و عدم القدرة على إسترجاعه

فمثلا ترى في النت إضافة رائعة للمدونة و تضيفها ثم تجد أنها شوهت المدونة و عندما تريد إزالتها

تجد نفسك وسط أكواد كبيرة و سطور هائلة

يصعب أن تجد فيها الإضافة

و أيضا في بعض الأحيان تغير القالب و عندما تريد إسترجاع القالب القديم

يصعب العثور عليه و حتى إن وجدته فلن تستعيد التقنيات الجيدة التي أضفتها له



الدرس :














أتمنى أن أكون قد أفدتكم

تحية خاصة لبهاء الدين

و كل العاملين في هذا المنتدى

و أرجو أن أرى ردودا نقدية و لو كانت مرة لا تقبل

و أن لا أرى شكرا أو شيئا من هذا القبيل

قالب Creative الأسود المتطور الجديد''دورة قوالب البلوجر''

بسم الله الرحمن الرحيم ،
السلام عليكم و رحمة الله تعالى و بركاته
ان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ بالله
من شرور انفسنا و من سيئات أعمالنا ، من يهده الله فلا مضل له
و من يضلل فلا هادي له ، و أشهد أن لا إله إلا الله وحده لا شريك له، و أن محمدا
عبده و رسوله صلى الله عليه و على آله و أصحابه و من تبعهم
بإحسان الى يوم الديـــن و سلم تسليما كثيرا ، أما بعد ...

أقدم لكم اليوم قالب بلوجر جديد
القالب Creative
(هذا المثال لا يبين الجودة)

المعاينة:
تم التعديل


التحميل :

قالب Martin Template الأسود الجديد''دورة قوالب البلوجر''

بسم الله الرحمن الرحيم ،
السلام عليكم و رحمة الله تعالى و بركاته
ان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ بالله
من شرور انفسنا و من سيئات أعمالنا ، من يهده الله فلا مضل له
و من يضلل فلا هادي له ، و أشهد أن لا إله إلا الله وحده لا شريك له، و أن محمدا
عبده و رسوله صلى الله عليه و على آله و أصحابه و من تبعهم
بإحسان الى يوم الديـــن و سلم تسليما كثيرا ، أما بعد ...

أقدم لكم اليوم قالب بلوجر جديد
القالب Martin Template
(هذا المثال لا يبين الجودة)

المعاينة:
تم التعديل


التحميل :

قالب SkyStyle الأزرق الهادئ الجميل ''دورة قوالب البلوجر''

بسم الله الرحمن الرحيم ،
السلام عليكم و رحمة الله تعالى و بركاته
ان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ بالله
من شرور انفسنا و من سيئات أعمالنا ، من يهده الله فلا مضل له
و من يضلل فلا هادي له ، و أشهد أن لا إله إلا الله وحده لا شريك له، و أن محمدا
عبده و رسوله صلى الله عليه و على آله و أصحابه و من تبعهم
بإحسان الى يوم الديـــن و سلم تسليما كثيرا ، أما بعد ...

أقدم لكم اليوم قالب بلوجر جديد
القالب SkyStyle
(هذا المثال لا يبين الجودة)

المعاينة:
تم التعديل


التحميل :


قالب إحترافي أخضر أنيق و جميل ''دورة قوالب البلوجر''

 ،
السلام عليكم و رحمة الله تعالى و بركاته
ان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ بالله
من شرور انفسنا و من سيئات أعمالنا ، من يهده الله فلا مضل له
و من يضلل فلا هادي له ، و أشهد أن لا إله إلا الله وحده لا شريك له، و أن محمدا
عبده و رسوله صلى الله عليه و على آله و أصحابه و من تبعهم
بإحسان الى يوم الديـــن و سلم تسليما كثيرا ، أما بعد ...

أقدم لكم اليوم قالب بلوجر جديد
القالب الساطع
(هذا المثال لا يبين الجودة)

تم التعديل لتجنب الإشهار


التحميل :


الاثنين، 4 نوفمبر 2013

موقع جديد لجلب الزيارات لموقعك بمميزات خيالية وافضل من hitleap

موقع جديد لجلب الزيارات لموقعك بمميزات خيالية




افضل موقع تصفح تلقائي على الاطلاق otohits لجلب الاف الزيارات لموقعك بمميزات خيالية




اولا مميزات الموقع 


يقبل مواقع الptp (الدفع مقابل الظهور) و مواقع اختصار الروابط مثل adfly - linkbucks و غيرها


يمكنك اضافة عدد لا نهائي من المواقع و الموافقة عليها سريعة جدا عكس hitleap الذي يمنحك 3 مواقع فقط


يمكنك اخفاء مصدر الزيارات الموقعك بايقونة على هيئة انسان موجودة بجوار ادوات التحكم في الموقع 



سرعة و سلاسة في التصفح و 10% من زيارات الريفرال 



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


بداية سجل من

هنــــــــــــــــــــــــا



ثم كما في الصور









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





تشغيل التصفح



اضافة موقع 









و بالتوفيق للجميع

الأحد، 3 نوفمبر 2013

اضافة ازرار المواقع الاجتماعية بشكل ميترو

اضافة ازرار المواقع الاجتماعية بشكل ميترو



لاضافة الاداة:
اذهب الى التخطيط >> اضافة اداة >> اختر HTML/JavaScript

الشكل الاول:


<div class="metro-social">

<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>
<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>
<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>
<li><a class="pi" href="http://pinterest.com/YOURNAME"></a></li>
<li><a class="in" href="https://www.linkedin.com/in/YOURNAME"></a></li>
<li><a class="yt" href="http://www.youtube.com/YOURNAME"></a></li>
<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v3.0 by Tech Prevue Labs
Web link to gadget code: http://tabadole.blogspot.com/2013/11/blog-post_6826.html
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>

استبدل YOURNAME بحسابك
  
الشكل الثاني:


<div class="metro-social">
<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>
<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>
<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>
<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>
</div>
<style>
/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs
Web link to gadget code: http://tabadole.blogspot.com/2013/11/blog-post_6826.html
Distributed under license CC BY-NC-ND 3.0 INT
Please keep license information intact while using this widget*/
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}
.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
</style>
<br>

استبدل YOURNAME  بحسابك

لاول مرة قالب باللون الاخضر والاسود هدية لاصحاب مدونات Blogger

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


اضغط على الصورة للمشاهدة بالحجم الاصلي

( مرات التنزيل : 500 مرة )
 تنبيه  : قبل تركيب القالب يجب اخد نسخة احتياطية من القالب القديم على جهازك 
معلومات عن القالب وكيفية التعديل عليه
* Slideshow احترافي لعرض المواضيع المميزة في المدونة يختفي تلقائيا عند الدخول الي اي موضوع

ويمكن تخصيص السلايد شو من لوحة التحكم >> تصميم >> عناصر الصفحة
ستجد اداة بإسم Slideshow قم بإضافة الكود التالي للاداة
<div class='post'>
<ul class="slideshow">
<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>
<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>
<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>
</ul>
</div>
شرح الكود :

      الاحمر لتعديل رابط الموضوع
      الاخضر في الكود لتعديل  رابط الصورة
      الازرق لتعديل عنوان الموضوع
      البرتقالي لاضافة مقتطف من الموضوع
ويمكن ايضا زيادة عدد المواضيع التي تظهر فى السلايد شو بإضافة هذا الكود
<li><a href="رابط الموضوع"><img src="رابط الصورة" width="600" height="240" title="عنوان الموضوع" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>
 ملاحظة  : يجب ان تكون ابعاد الصورة >> 600 PX في العرض × 240 PX في الارتفاع
اما ان كنت لا ترغب بهذه الاداة يمكنك حذفها من عناصر الصفحة
ميزة اخرى للقالب وهى التوافق التام  مع المتصفح انترنت اكسبلورر , جوجل كروم , موزيلا فير فوكس .
ايضا امكانية فتح الروابط الخارجية في صفحة مستقلة.
اضافة جميلة لعداد التعليقات يظهر بجانب عنوان الموضوع
تميز تعليق صاحب المدونة عن باقي التعليقات
ويمكن تغير لون التعليق لصاحب المدونة من تحرير HTML بعد توسيع القالب والضغط على مفتاح Ctrl + F من لوحة المفاتيح والبحث عن هذا الكود
<!--Commentaires_Auteur_du_Blog-->
وبعد العثور عليه قم بتغير ما تم تلوينه بالاحمر الى اللون الذي يناسبك
<!--Commentaires_Auteur_du_Blog-->
<style>
.comment-body-author {
background: none repeat scroll 0 0 #FAFAF0;
color: #000000;
border: 1px solid #EFF4D6;
font-family: tahoma;
margin: 5px 5px 10px 10px;
padding: 1px 10px 1px 10px;
}
</style>
<!--Commentaires_Auteur_du_Blog-->
اسفل كل موضوع يوجد مربع لعرض نبدة مختصرة عن صاحب المدونة
 ويمكن تخصيصه كالتالي
من تحرير HTML وبعد توسيع القالب قم بالبحث عن هذ الكود بالضغط على Ctrl + F
<data:post.body/>
اسفل منه مباشرة ستجد هذ الكود قم بتغير ما تم تلوينه كالتالي
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
 <img alt='' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRC-jzxLclv9dQsSf5pNMK_ZeoApJA1o8rhiIOFcbQ3oWxzwrnWvslaUSgOFpLgCbDDZxyijvrRnn0IJOGV4elszhsYFM1ZAN5E9SM1t0cdx470aejyEj6L_fiDC92viKwWmCt7Giy2cn/' width='80'/>
 <h4>بقلم عاشق النت</h4>
 <p> انا عاشق النت إسم على مسمى, اعشق برنامج الفوتوشوب وأحببت إنشاء هذه المدونة لاضع فيها كل ما يتعلق ببرنامج الفوتوشوب من دروس وملحقات وصور وتصاميم حتى تكون طريق المستخدم العربى ليصل الى الاحترافية </p>
</div>
</b:if>
       الاحمر لتغير رابط الصورة المصغرة لصاحب المدونة
       الاخضر لتغير اسم صاحب المدونة .
       الازرق لاضافة نبدة مختصرة عن صاحب المدونة
ايضا يوجد اسفل كل تدوينة مربع احترافي لنشر مواضيع المدونة عبر مواقع النشر المفضلة وامكانية متابعة المدونة عبر رسائل البريد الالكتروني وغيرها
وللتعديل على المربع ووضع روابط مواقع النشر الخاصة بك قم بالتالي
1- لتغير رابط الخلاصة RSS ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط الخلاصة الخاص بك
http://feeds.feedburner.com/ps4ar
 2 - لتغير رابط الصفحة الخاص بك على الفيس بوك ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط الصفحة الخاص بك على موقع الفيس بوك
http://www.facebook.com/ps4ar
3 - لتغير رابط الصفحة الخاص بك على تويتر ابحث عن الرابط التالى وستجده مكرر مرتين ثم قم بإستبداله برابط حسابك على تويتر
http://twitter.com/ps4ar
4 - لتغير رابط الاشتراك عبر البريد الالكتروني ابحث عن الرابط التالي وستجده مكرر مرتين ثم قم بإستبداله برابط اللاشتراك الخاص بك على موقع فيد بيرنر
http://feedburner.google.com/fb/a/mailverify?uri=ps4ar
------------------------------------
ايضا يوجد في القائمة الجانبية مربع لمتابعة مواضيع المدونة على المواقع الاجتماعية وسنقوم بتخصيص هذا المربع داخل القالب من تحرير HTML واستبدال الروابط

وطبعا التخصيص سيكون مثل المربع السابق اي انه لكل موقع إتنين من الروابط ستقوم بإستبدالها بروابط حسابك الخاص
1 - رابط موقع تويتر
http://twitter.com/ps4ar
2 - رابط الخلاصة RSS
http://feeds.feedburner.com/ps4ar
3 - رابط الفيس بوك
http://www.facebook.com/ps4ar
نأتي الان لتعديل قائمة الروابط والطريقة ستكون من عناصر الصفحة من الاداة Menu-Bottom
قم بتحرير الاداة واضافة الروابط المراد عرضها في القائمة
لتظهر القائمة بشكل احترافي في المدونة بهذا الشكل
القالب مضاف اليه كود Meta Tag لكسب صداقة محركات البحث وكذلك لتحسين ظهور النتائج ويمكن فقط ان نضيف عليه وصف قصير للمدونة يظهر بعد عنوان المدونة ولعمل ذلك في بداية القالب ستجد كلمة  دروس الفوتوشوب  قم بتغيرها بوصف قصير يدل بشكل قوى على محتو مدونتك كما في الصورة
فوتر جميل باللون الاسود والروابط باللون الاخضر لاضافة ثلاثة ادوات اسفل المدونة
وللراغبين بعمل التبادل الاعلاني مع مدونات اخري اليكم هذا الكود الذي سيتم اضافته من عناصر الصفحة >> اضافة اداة >> ومن بين الادوات نختار اداة HTML/JavaScript ثم نضيف الكود التالي
<div align="center">
<table border="0"  cellpadding="2" cellspacing="4" width="250" bgcolor="#ffffff">
<tbody><tr>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzeElfRkRNzs1RXbM5aB5BRJMt_cUq3gNqJhZKS6ubv_33u7F_5EbCuFfbh8SicOyv8f-d0HVcZA0YZfvBqs4FO_rm3joozxHpVYmd9b6-12P5_TVihvGicKhV0dmONf3cEnqfMJhdxrc/" height="125" /></a></center></td>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzeElfRkRNzs1RXbM5aB5BRJMt_cUq3gNqJhZKS6ubv_33u7F_5EbCuFfbh8SicOyv8f-d0HVcZA0YZfvBqs4FO_rm3joozxHpVYmd9b6-12P5_TVihvGicKhV0dmONf3cEnqfMJhdxrc/" height="125" /></a></center></td>
</tr>
<tr>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzeElfRkRNzs1RXbM5aB5BRJMt_cUq3gNqJhZKS6ubv_33u7F_5EbCuFfbh8SicOyv8f-d0HVcZA0YZfvBqs4FO_rm3joozxHpVYmd9b6-12P5_TVihvGicKhV0dmONf3cEnqfMJhdxrc/" height="125" /></a></center></td>
<td><center><a href="رابط المعلن" rel="nofollow"><img border="0" alt="وصف الإعلان" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzeElfRkRNzs1RXbM5aB5BRJMt_cUq3gNqJhZKS6ubv_33u7F_5EbCuFfbh8SicOyv8f-d0HVcZA0YZfvBqs4FO_rm3joozxHpVYmd9b6-12P5_TVihvGicKhV0dmONf3cEnqfMJhdxrc/" height="125" /></a></center></td>
</tr>
</tbody></table>
</div>
شرح الكود :
      الاحمر رابط المدونة المراد التبادل الاعلاني معها
      الاخضر وصف قصير للمدونة يظهر اثناء مرور المؤشر على البنر
      الازرق رابط البنر
ولتغير شعار المدونة من تحرير HTML قم بتوسيع القالب والبحث عن الرابط التالي واستبداله برابط الشعار الخاص بك
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgokVauFr5D8uOwWTooxjN3TWqnX2PfjohqBotbhgxwHoOQP0Jwkw0Zy7VbZHeXQdvOVHpaE-suGeqOrAQaUeTXysLQfJ9ButEDCiNimFL89vXg2CzfxZmkIVEH0Ma_5O9MBflhzqwhE5I/
ملاحظة : ليضهر الشعار داخل الهيدر بشكل جميل يجب ان يكون بأبعاد 400 PX فى العرض × 120 PX فى الارتفاع
ولمن يريد تحميل القالب مضاف اليه هاك إقرأ المزيد مع الصورة المصغرة كما في الصورة
( مرات التنزيل : 500مرة )

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