إضافة صفحة إتصل بنا لمدونات بلوجر

الجمعة, فبراير 26, 2016
إضافة صفحة إتصل بنا لمدونات بلوجر


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

في البداية سنقوم بالدخول لمنطقة الأدوات الخاصة بمدونتك، قم بالضغط علي زر "إضافة أداة جديدة" ومن ثم إضغط علي المزيد من الأدوات وقم بإضافة اداة نموذج الإتصال، ولست بحاجة لإضافتها اذا كانت مضافة بالفعل لمدونتك.
في الخطوة التالية وبعد التأكد من ظهور نموذج الإتصال في مدونتك قم بالدخول إلَى منطقة القالب الخاصة بك ومن ثم اضغط علي تعديل HTML وقم بالبحث عن الكود التالي <head> وقم بأضافة الكود التالي اسفل منه مباشرة 
<style>
#ContactForm1 {display: none;}
</style>
بعد القيام بتلك العملية ستجد ان نموذج الأتصال قد اختفي من مدونتك الأن قم بالدخول لمنطقة الصفحات في مدونتك وقم بأضافة صفحة جديدة "فارغة" أعطي للصفحة عنوان ما وليكن "أتصل بنا" و في نفس الصفحة قم بالدخول لمنطقة تعديل الاكواد المعروفة ب "HTML" ثم قم بمسح جميع الاكواد بها وقم بلصق الاكواد التالية بها مباشرة 
<!-- contact us page -->
<div class="bloggeram-contact-page">
<p>هنا قم بكتابة رسالة توضحية للزائر</p>
<center>
<div class="contact-us-page">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<p>
</p>
<span class="contact-us-text">الاسم</span>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" autocomplete="off">
<p>
</p>
<span class="contact-us-text">بريد إلكتروني <span style="font-weight: bolder;">*</span></span>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="">
<p>
</p>
<span class="contact-us-text">رسالة <span style="font-weight: bolder;">*</span></span>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p>
</p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال">
<p>
</p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</p>
</div>
</form>
</div>
</div>
</div>
<br />
<p>تأكد من ظهور "تم أرسال رسالتلك"</p>
</center>
</div>

<link href='//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<style>
.bloggeram-contact-page {
direction: rtl;
text-align: center;
}
.contact-us-page {
width:98%; max-width:400px;
}
.contact-us-text {
float: right;
}
.contact-form-button, .contact-form-button-submit, #ContactForm1_contact-form-submit {
font-family: 'Droid Arabic Kufi';
color: #fff;
background: #111;
border-color: #111;
width: 95%;
height: 45px;
font-size: 1.1em;
}

.contact-form-name, .contact-form-email, .contact-form-email-message {
max-width: none !important;
width: 95% !important;
min-height: 40px !important;
font-family: 'Droid Arabic Kufi' !important;
}
.contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {
box-shadow: none;
}
.contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {
box-shadow: none;
outline: none;
}


.contact-form-widget {
width: inherit;
max-width: none !important;
padding: 10px 12px 5px 0px;
font-size: .90em;
}
#ContactForm1_contact-form-submit {
font-family: 'Droid Arabic Kufi', Voces;
color: #fff;
background: #111;
border-color: #111;
width: 95%;
height: 45px;
font-size: 1.1em;
}
#ContactForm1_contact-form-submit:hover {
background: #FFA200;
border: #FFA200;
}
</style>
الأن قم بالدخول لصفحتك ستجد انها اصبحت جاهزة للعمل بشكل جيد، يمكنك أيضاً إضافة رسالة توضحية في بداية النموذج، ثم قم بتجربتها ستجدها تعمل بشكل جيد.

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

نجمة قالب بلوجر شخصي إحترافي

الثلاثاء, فبراير 23, 2016
نجمة قالب بلوجر شخصي إحترافي


نجمة هو قالب بلوجر يمتاز بتصميم احترافي يمكن استعمال هذا القالب في المدونات الشخصية و مدونات الفيديو 
هذا القالب من تصميم عربي 100/100 وهو خفيف بحيث يفتح بسرعة كبيرة ، الأمر الذي قد يجعل مدونتك تتصدر في وقت قصير نجمة هو قالب بلوجر متجاوب مع جميع الشاشات انت لن تحتاج لتطبيق خاص بالهواتف فهذا القالب يقوم بالواجب و يتحول ليناسب جميع مقاسات الشاشات ، نجمة يمتاز بالعديد من المميزات وهذه قائمة لبعضها :

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


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

نجوم قالب مجلات لمنصة بلوجر

السبت, فبراير 20, 2016
نجوم قالب مجلات لمنصة بلوجر


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

1 .  التجاوب بمعنى ان المتابع يمكنه تصفح مدونتك سواء عبر الهواتف المحمولة والحواسب المكتبية والمحمولة

2 . مستعرض كبير للتدوينات يعمل بتقنية "jQuery"، "Feed API" وهو يعمل بواسطة الاقسام فمجرد كتابة اسم القسم او اسماء مجموعة من الاقسام يقوم هذا المستعرض بعرض التدوينات من الاقسام التى ادخلتها تلقائياً

3 . خاصية تحميل الموضوعات بدلا من الانتقال الى الصفحات التالية الداخلية يتم جلب تدوينات الصفحة التالية بمجرد الضغط على زر "تحميل المزيد من الموضوعات" يتم جلب التدوينات الاقدم دون اعاده تحميل او مغادرة الصفحة

4 . محرك بحث حديث يعمل بتقنية "AJAX jQuery" فهو يعطى لك النتائج بمجرد كتابة كلمة البحث دون ان تغادر الصفحة او تعيد تحميلها من جديد

5 . تعليقات بلوجر الاساسية تم تطويرها بحيث يمكنك اضافة الابتسامات فى التعليقات وايضا تعليقات الفيس بوك مدمجة مع تعليقات "Disqus" فى تبويب واحد

6 . تمت اضافة مجموهة من الخطوط المميزة فى القالب حيث تم اضافة ثلاثة انواع من الخطوط الى المدونة وتم تحويل الخطوط الى ملفات "Data Url"

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

8 . تخصيص مناطق للاعلانات فى رئيسية القالب بجانب عنوان المنوان او اللوجو الخاص بها

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

هناك المزيد من المزايا ستلاخظها عند استخدامك القالب


روعة قالب بلوجر عصري متجاوب

الجمعة, فبراير 19, 2016
روعة قالب بلوجر عصري متجاوب

روعة هو قالب بلوجر عصري و متجاوب يمتاز بتصميم حديث و جميل يمكن استعماله كمدونة شخصية او مدونة فيديو ، قالب روعة يأتي بالكثير من المميزات و نذكر منها :

1 . قالب عصري بألوان و تصميم جديد سهل الاستخدام
2 . متوافق مع الأجهزة اللوحية و الهواتف الذكية
3 . مبني بإستخدام Html5 و Css3 و JQuery
4 . متوافق مع جمع المستعرضات الشهيرة : Internet Explorer, Firefox, Opera, Safari, Google Chrome
5 . يتميز القالب بارشفه قويه
6 . يتميز بخفة في التصفح(سريع جدا)

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



قالب Easyblog المتجاوب معرب

الأحد, فبراير 14, 2016
قالب Easyblog المتجاوب معرب


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

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

هناك مميزات اخرى اتركها لكم لتكتشفوها 


قالب بلوجر G Vusion المحدث مجاناً

الثلاثاء, فبراير 09, 2016
قالب بلوجر G Vusion المحدث مجاناً


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

✭ محسن للسيو وصديق لمحركات البحث
✭ تصميم متجاوب مع جميع الأجهزة
✭ تصميم فلات حديث و ألوان مريحة للعين 
✭ إضافة المشاركة عبر الشبكات الإجتماعية
✭ صندوق بحث محدث
✭ إضافة المقالات المتشابهة

وهناك المزيد من المميزات أتركها لكم لتكتشفوها .لا تنسو مشاركة التدوينة مع اصدقائكم ليستفيد الجميع و تدعمونا


قالب مدونة بلوجر إحترافي مجاناَ

الأحد, فبراير 07, 2016
قالب مدونة بلوجر إحترافي مجاناَ


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

✭ القالب متوافق مع أغلب الاجهزة اللوحية و الهواتف.
✭ القالب سريع في تصفحه.
✭ ذو ألوان متناسقة و مريحة للعين.
✭ يتوفر على قائمة علوية تحتوي على أيقونات، و كذالك نفس الشيء للرئيسية.
✭ يتوفر على قائمة جانبية (Sidebar) أنيقة و رائعة.
✭ مكان التدوينات بسيط و أنيق.
✭ قالب بسيط للمدونات التقنية.