هدية لكل المدونين .... قالب بلوجر غاية في الروعة والبساطة
اقدم لزوار مدونتي ولكل المدونين هذا القالب الرائع والبسيط والذي قمت بتصميمه بنفسي من اجل زواري الاعزاء ومن اجل كل مدون يحب ان يرتقي بتصميم مدونته .
ولقد قمت بتصميم هذا القالب بإستخدام قالب الاخ احمد عبدالمنعم (القالب المركب على مدونتي) اي اني استخدمت هذا القالب كنموذج لتعديله ليصبح بالشكل المطلوب ولا اخفي عليكم ايضاً انني استوحيت تصميم القالب الجديد من احد تصاميم الاخ احمد عبد المنعم - له مني كل الود -.
الان نبدء بشرح بعض النقاط في القالب الجديد وسنبدء بأول نقطة وهي تعديل روابط الفيسبوك وتويتر والخلاصات والموجودة في اعلى الصفحة ولتعديلها اتبع الخطوات التالية :
1- اذهب الى لوحة التحكم ثم الى تصميم ثم تعديل html
2- من هناك ابحث عن social-bt وسيظهر لك الكود التالي :
<div id='social-bt'>
<a TITLE='' href='هنا ضع رابط تويتر' id='twitter-bt'>على تويتر</a>
<a TITLE='' href='وهنا رابط الفيسبوك' id='fb-bt'>على الفيسبوك</a>
<a TITLE='' href='وهنا رابط الخلاصات' id='rss-bt'>الخلاصات</a>
<a TITLE='' href='هنا ضع رابط تويتر' id='twitter-bt'>على تويتر</a>
<a TITLE='' href='وهنا رابط الفيسبوك' id='fb-bt'>على الفيسبوك</a>
<a TITLE='' href='وهنا رابط الخلاصات' id='rss-bt'>الخلاصات</a>
3- قم بحفظ القالب وسيصبح كل شئ جاهزاً
ثانياً : تعديل الروابط في رأس الصفحة ( روابط تواصل معي ومؤلفاتي ...)
1-لتعديل احد الروابط في اعلى الصفحة اذهب الى لوحة التحكم ثم الى تصميم ثم تعديل html ثم ضع علامة امام خيار توسيع القالب.
2- ابحث عن اسم الرابط الذي تريد تعديله مثلاً رابط " مؤلفاتي " وسيظهر لك الكود التالي :
<li><a href='#'><span>مؤلفاتي</span></a></li>
3-قم بتغيير المربع المؤشر باللون الاحمر الى رابط الصفحة المطلوبة والاسم المظلل باللون الاصفر قم بتغييره الى الاسم المطلوب .
4- قم بحفظ القالب .
ثالثا: اظهار صندوق التنبيهات وهو الصندوق الاحمر في اعلى الصفحة بجوار روابط الفيسبوك وتويتر والخلاصات ....
1- لاظهار صندوق التنبيهات قم بالذهاب الى لوحة التحكم ثم الى تصميم ثم تعديل html .
2- ابحث عن الكود social-bt وسيظهر لك الكود التالي :
<div id='social-bt'>
<a TITLE='' href='' id='twitter-bt'>على تويتر</a>
<a TITLE='' href='' id='fb-bt'>على الفيسبوك</a>
<a TITLE='' href='' id='rss-bt'>الخلاصات</a>
<P style='display:none;background:#d70101 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudiMjqZhThNmLs9CRYNr-LslN6RWzipQrLoTRO3eGJVjEUAzDL9kVcV5Llt5NdI4VPyjG855eLLCa1h1G99lavJDjdkeykehRSOTfCDjY7y4GT7_hKZX0IL6MXtZYIS5MkCNyR_NigQ0/s288/p-bg.png);color:#ffffff;font-family:arial;font-size:16px;width:510px;padding:5px 10px 5px 10px;font-weight:bold;'>
ضع النص هنا
</P>
</div>
3- قم بتغيير الكلمة المؤشر عليها باللون الاحمر الى كلمة block ثم اكتب النص الذي تريد اظهاره بدلاً من عبارة " ضع النص هنا " والمظلل عليها باللون الاصفر .
4- احفظ القالب .
رابعاً : اظهار الوصف ( وصف المدونة ) والمكتوب تحت الروابط في اعلى الصفحة .
2- اكتب الوصف داخل الصندوق المخصص لذلك كما هو موضح في الصوره .
3- احفظ الاعدادات .
خامساً : إظهار الصورة في إطار منبثق عن الضغط عليها ( اضغط على الصورة في الموضوع الموجود هنا) ولفعل ذلك اتبع الخطوات التالية :
1- عند كتابة موضوع وبعد رفع الصوره انتقل من النمظ "تأليف " الى النمط "تحرير html" كما في الصوره التالية :
2- من هناك ابحث عن رابط الصوره وستجده بالشكل التالي :
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLoeSkBiOAxfR4RB73XgPzEKvNQJySv0t6wVTRlrALCYyNETHGVBthTFv4wEwsM-te9QPWAyQpZDq382svgalrHHSW8JNvD4D0siU_DNRP-CuOGGCagwnKzZIa338RfR-uvAe_ct3StE/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLoeSkBiOAxfR4RB73XgPzEKvNQJySv0t6wVTRlrALCYyNETHGVBthTFv4wEwsM-te9QPWAyQpZDq382svgalrHHSW8JNvD4D0siU_DNRP-CuOGGCagwnKzZIa338RfR-uvAe_ct3StE/s400/7.JPG" width="400" /></a>
3- قم باضافة الكود rel="lightbox" بعد a ليصبح بالشكل التالي :
<a rel="lightbox" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLoeSkBiOAxfR4RB73XgPzEKvNQJySv0t6wVTRlrALCYyNETHGVBthTFv4wEwsM-te9QPWAyQpZDq382svgalrHHSW8JNvD4D0siU_DNRP-CuOGGCagwnKzZIa338RfR-uvAe_ct3StE/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLoeSkBiOAxfR4RB73XgPzEKvNQJySv0t6wVTRlrALCYyNETHGVBthTFv4wEwsM-te9QPWAyQpZDq382svgalrHHSW8JNvD4D0siU_DNRP-CuOGGCagwnKzZIa338RfR-uvAe_ct3StE/s400/7.JPG" width="400" /></a>
4- وبعد نشر الموضوع سيتم فتح الصوره في اطار منبثق عند الضغط عليها .
الان نأتي الى تحميل القالب وقبل تحميله يمكنك مشاهدة مثال مباشر للقالب لاجراء معاينة وذلك من هنا ولتحميل القالب مباشرة من هنا .
لا تنسوا ترك ملاحظاتكم وارائكم حتى يتسنى لنا تحسين القوالب التي سنضعها مستقبلاً مع تمنياتي للجميع بالتوفيق .
الله يخليك على جهودك يا اخ علاء الدين و انا الان بصدد تركيب هذا القالب في مدونتي
ردحذفاريد ان اسئلك هل يمكن حماية مقالاتي من النسخ
اخوك صرصار محمد و انا اسف على هذه الغيبة و ارجو ان تكون بخير
شكرا على الشرح ساحاول تطبيق الاضفات مثل ( مدونتي ومن انا بجانب كلمة الرئيسية كما شرحتها انت
ردحذف+شكرا
badboy
ردحذفمرحبا بك والحمدلله على السلامة
Black Duck
مرحبا بك صديقا للمدونه
جزاك الله خيراً على القالب الرائع جداً انت مبدع ماشاء الله اتمنى لك التوفيق في اعمالك
ردحذفقالب رائع يا غالى
ردحذفقمت باستخدامه فى مدونتى بعد بعض التعديلات
مشكووووووور
قالب رائع جدا تسلم اخوى
ردحذفلاكن عندى استفسار ازاى اضيف خاصية اقرا المزيد مع العلم انى حاولت تطبيق شرح ابو اياد لاكن بيظهر لى خطا فى تنسيق القالب
الاخ سعيد احمد | شكرا ومرحبا بك
ردحذفمدونة لا يمل | مرحبا بك لقد قمت بزيارة مدونتك ولاحظت التعديلات التي اجريتها على القالب
عرباوي | مرحبا ... بخصوص خاصية اقرء المزيد اخبرني بالطريقة التي استخدمتها وسنحل المشكلة ان شاء الله
هذه الطريقه اللى اتبعتها
ردحذفhttp://www.abu-iyad.com/2010/07/read-more-for-blogger.html
الاخ عرباوي
ردحذفقم بالغاء الكود الذي قمت بتركيبه كما هو مشروح في مدونة الاخ ابو اياد
ثم اتبع الطريقة المعتمدة من بلوجر وهي مشروحة في كتابي " التدوين مع بلوجر " في الصفحة رقم 21
يمكنك تحميل الكتاب من قسم مؤلفاتي في اعلى المدونة
مع خالص تحياتي
بارك الله بك ... شكراً على هذا القالب
ردحذفقالب رائع ............. شكرا لك اخي
ردحذفالأخ الغالى علاء الدين
ردحذفمشكور على المجهود ولو تكرمتم اريد كود المشاركات الشائعة الوجود فى مدونتكم ولكم جزيل الشكر وجزاكم الله خيرا
انا صممت المدونة بهذا القالب ولكني اريد الاستفسار عن كيفية جعل المواضيع تظهر كصورة وبجوارها رابط قراءة المزيد
ردحذفكذلك كيف اظهر المواضيع كصور متحركة على يمين الصفحة كما هو في المدونة الرسمية لكم
شكرا لك أخي على هذا الثيم المعتبر، وشكرا لروح الأخوة داخلك التي شاركتنا هذا العمل الشخصي القدير، ونتمتى من اخوتنا العرب ان يقتدوا بك ،
ردحذف