![[ جافا سكربت ] زيادة حجم النص او انقاصه داخل HTML](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvsKajTZpsRWSwijDNPzZWU4y0frb-IeMOo9hyoe0vwzDj0lQabogU-NRKEgoLOLgK_oWpbbZRQ7PldV0kBGlWm_E0UdvJhSwujBra9u_TIFyhs8b8fgeaRXhuU5kfvTadX9jY4_6jGTOV/s72-c/Untitled-232.png)
 |
| قالب بريك |
بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه افضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .
قالب بريك | تصميم حلول بلوجر
تم بحمد من الله وفضله الانتهاء من تصميم قالب بريك , وهو قالب مطروح للكل بشكل مجاني .القالب تم تصميمه من طرفي " عبدالله الحربي " ولا ارى به مشاكل , ولاكن قد يكون هناك مشاكل في حال وجدتموها فسأكون موجود لتعديلها .
القالب يتميز ببميزات كثيرة منها انه مدعم بأفضل خصائص css3 و javascript ايضا يتميز بتصميمه الانيق والجميل بالاضافة الى مميزات اخرى كثيرة ستكتشفها بنفسك وستعجبك.
 |
| قالب بريك |
اهم المميزات المطروحة بالقالب :
- خاصية الـ responsive لاول مره اقوم بتجريبها بشكل كامل وقد نجحت بها, وهي تناسب القالب مع جميع الاجهزه , تستطيع اختبار القالب بعد تركيبه , جرب ان تفتحه بجهازك الجوال او التابلت , او جرب هذا الموقع http://www.responsinator.com/ لاختبار القالب سيعطيك تفاصيل اكثر واجمل.
- القالب يدعم جميع المتصفحات .
- الوان خفيفة على العين ومريحة.
- تصميم يتميز بالخفة والسرعة.
- القالب قوي في دعم الارشفة لما اضفته له من ميتا تاج.
- سلايد شو اوتوماتيكي.
- شريط اخبار اوتوماتيكي.
- ساعة , تاريخ , محرك بحث .. الخ.
- تستطيع اكتشاف باقي التفاصيل من خلال تصفحك للقالب.
***-------***
مصمم القالب : عبدالله الحربي.
***-------***
مثال مباشر للقالب :
ملاحظات مهمه للتركيب :
طريقة تركيب القالب , انسخ الاكواد الموجوده بالقالب الجديد والصقها بدلاَ من القالب القديم ثم اعمل حفظ.
1: تعديل الميتا تاج ( للارشفة ) :
في اول القالب تحت وسم <head> ستجد كود شبيه بهذا الكود , قم بتعديله بما يناسب مدونتك :<b:if cond='data:blog.pageType == "index"'>
<meta content='مدونة حلول بلوجر | قوالب أحترافيه 2014 | إضافات بلوجر 2014 | قوالب بلوجر 2014 | قوالب معربه 2014 | أكواد بلوجر | اسرار بلوجر | دروس بلوجر | ارشفة بلوجر | blogger seo' name='Description'/>
<meta content='حلول بلوجر | بلوجر | blogger | دروس بلوجر | إضافات بلوجر | قوالب بلوجر معربة | ادسنس.' name='keywords'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='width=1100' name='viewport'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow' name='robots'/>
<meta content='jetara x' name='author'/>
<meta content='SA' name='country'/>
<meta content='7lol blogger' name='copyright'/>
<meta content='IE=9' http-equiv='X-UA-Compatible'/>
<meta content='chrome=1' http-equiv='X-UA-Compatible'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/> | إضافات بلوجر 2014 - قوالب بلوجر 2014</title>
<b:else/>
<title><data:blog.pageName/> | حلول بلوجر</title>
</b:if>
2 : تعديل السلايد شو :
السلايد شو يعمل اتوماتيكياَ ويجلب اخر المشاركات , ولكي يعمل يجب ان تبحث في القالب عن هذا الرابط http://template-break.blogspot.com/ وتستبدله برابط مدونتك .3: ابحث في القالب عن اي شيء يخص هذا الرابط http://template-break.blogspot.com/ واستبدله برابط مدونتك.
4: تعديل روابط القائمة :
ابحث عن اسم التبويب الذي تريد تغيره , على سبيل المثال " برامج " ستجد الكود هكذا :<a href="http://template-break.blogspot.com/">استبدل الاحمر بالرابط الذي تريده , واستبدل كلمة برامج بالكلمة التي تريد.
برامج
</a>
5: لوجو المدونة يجب ان يكون بهذه المقاسات :
- عرض " 480px
- طول " 80px
6: تستطيع ان تضع بجانب اللوجو مساحتين اعلانيتين , لكل واحد منهما هذه المقاسات :
- عرض " 468px
- طول " 60px
7 : الملاحظة الموجودة فوق صندوق المشاركات تستطيع وضعها من خلال التخطيط , افتح اداة html/javascrip والصق فيها هذا الكود مع التعديل الذي تريد :
<style>
.info {
line-height: 22px;
min-height: 38px;
padding: 10px 80px 10px 5px;
margin: 5px 0;
text-align: right;
direction: rtl;
border-radius: 4px;
}
.info {
background: #fff url('https://cdn1.iconfinder.com/data/icons/meBaze-Freebies/64/info-bug.png') no-repeat right;
color: #222;
}
</style>
<div class="info">تم تصميم هذا القالب بواسطة عبدالله الحربي , من مدونة حلول بلوجر , والتي تهتم وتختص في مجال بلوجر والويب بشكل عام . <a href='http://blog.7lolblogger.com'>مدونة حلول بلوجر</a>
</div>
8 : جعلت صندوق المشاركات يستوعب لاعلان من ادسنس او حسوب بمقاس :
- عرض " 728px
- طول " 90px
9 : ازرار نشر المشاركة تعمل اتوماتيكيا داخل التدوينة سواء في الصفحة الرئيسيه او داخلها , ايضا مشاركات ذات صلة تعمل اوتوماتيكا داخل التدوينة.
10 : لا تقم بتفعيل وصف المدونة .
هذه اهم التعديلات والنصائح .
** ايضا احب ان انبه ان حقوق القالب محفوظة وفي حال تغيرها فان القالب لن يعمل معك .
** ولا احلل من يستخدم القالب فيما يغضب الله.
ارحب باستفساراتكم واسألتكم.
في الاخير اتمنى منكم نشر القالب.
التحميل :
عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.
معلومات عن التدوينة
صورة التدوينة
عنوان التدوينة :قالب بريك | تصميم حلول بلوجر
ملخص التدوينة:
قالب بريك بسم الله الرحمن الرحيم والصلاة والسلام على خير خلق الله سيدنا محمد عليه افضل الصلاة واتم التسليم السلام عليكم ورحمة الله و...
تاق :
شكرا جزيلا :)
ردحذفقالب جميل :)
ردحذفhttp://tech-ly.blogspot.com/
شكرا اخي علي القالب الجميل والرائع سوال فقط اخي ازاي اخلي شريط جديد المشاركات يظهر في جميع الصفحات وشكرا لك
ردحذفعفواَ , تفضل عدلته لك :
حذفhttp://www.gulfup.com/?8kRh4q
شكرا جزيلالالا
ردحذفاخي عندي مشكلة كلما انشر مواضيع تختفي مواضيع اخرى ماذا اعمل ارجوك
ردحذفكلما انشر موضوع جديد لااجد الموضوع الذي قبله ما العمل ارجوك
حتى من اتصفح اقسام المدونة لم اجد مواضيع انا ناشرها من قبل ارجوا حل مشكلتي ارجوك
المشكلة هذه بالقالب هذا ؟؟؟!!
حذفقالب جميل اخي ولكن وجهتني مشكلة وهي ظهور المواضيع في الصفحة الرئيسة يعني خاصية اقرا المزيد لاتظهر
ردحذفجرب هذا الحل :
حذفادخل الاعدادات > تفضيلات البحث > العلامات الوصفية > قم بتعطيلها.
لا يا اخي انا اي قالب احطه هكذا المشكلة ليست بالقوالب
ردحذفاول مره اسمع بمشكلة مثل كذا , ما اقدر افيدك اذا المشكلة خارج القالب .
حذفيا ادمن.. بدنا القالب تبع المدونة :)
ردحذفشوفلك قالب احلى ونزل هادا مجاني ^_^
انا مش عارف من وين بتجيبو القوالب ؟؟
مع انه قالب مدونتي رائع جدا .. بس حبيت القالب هادا
مدونة كنوز
ما اجيبها , اصممها ت3
حذفكيف أغير طريقة عرض التدوينات
ردحذفتقدر تتلاعب في شكل التدوينات من خلال الكلاس هذا :
حذف.post {
float: right;
width: 250px;
z-index: 1;
}
ت1
ردحذفت1 د1
ردحذفأزال المؤلف هذا التعليق.
ردحذفامرك غريب !
حذفالان انا اعمل على تصميم قالب لشهر او اكثر , حتى انجزه على اكمل وجه , ولا يحق لي انا اضع حقوقي عليه .؟
عزيزي وضع الحقوق هي من اقل حقوقي كمصمم ولا اعتقد ان سعودي او خليجي او عربي سيخالف في هذا .
نصيحه مني : ابتعد عن العنصريه لانها لن تضر احد كما تضرك وتمرضك.
بالتوفيق في سرقة تعب غيرك ت1
أسعد الله صباحك أخي عبد الله، الصراحه أعجبت كثيرا بقالب (بريك) ولكني واجهت مشكله بعد تركيبه أشرحها لك من خلال هذه الصور>
ردحذفhttp://im46.gulfup.com/o7uxpt.png
http://im46.gulfup.com/8TgObE.png
http://im46.gulfup.com/WkSc4p.png
أرجو منك حل مشكلتي في أسرع وقت أخي الغالي وبوركت ت8
هل المشكلة في متصفح انترنت اكسبلور فقط ؟ او كل المتصفحات + رابط مدونتك لو سمحت.
حذفأشكرك لسرعه ردك يا غالي،، في كل المتصفحات للأسف :(
حذفالمشكله تظهر في صفحه المواضيع ليس في الصفحه الرئيسيه
تفضل أخي رابط المدونه: http://technical-i.blogspot.com/
احذف هذه الاداة beakingnews
حذفهي سبب المشكلة .
شريط اخر الاخبار هو مشكلتك.
حذفأخي إن لم يكن في الأمر غلبه وتعب عليك، لو تكرمت تعدلي اياه لاني الصراحه مبتدأ وبوركت
حذفمع العلم أخي أني أود بالاحتفاظ بشريط الاخبار، لو تحللي مشكلتي بدون حذفه بتكون مشكور جدا
حذفابحث عن <body> وضع هذا الكود اسفله مباشره :
حذف<b:if cond='data:blog.pageType == "item"'>
<style>div#beakingnews {display: none!important;}</style>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style>div#beakingnews {display: none!important;}</style>
</b:if>
لك مني خالص الشكر والتقدير أخي الغالي، تم الأمر على خير الحمد لله ♥
حذفت1
حذفيا الله على القالب الجميل، سأستعمله لمدونة الأنمي بتاعي
ردحذفسيكون مناسبًا تمامًا مع بعض التعديلات، لكن حبيت فقط أسألك عزيزي
عبد الله،، كيف يمكنني عمل [جديد المشاركات] وتفعيله ليكون خاصًا بمدونتي؟
أقصد [آخر الأخبار] ^_^
مرحباَ بك ايوب , ابحث عن http://template-break.blogspot.com/
حذفواستبدله برابط مدونتك فقط.