تحسينات جديدة تطرأ على محرر قوالب بلوجر


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


تحسينات جديدة تطرأ على محرر قوالب بلوجر
ونبدأ موضوعنا بعرض لقطة عامة للشكل الجديد لمحرر قوالب بلوجر لكت يتوجب علينا الدخول إلى لوحة التحكم > قالب > تحرير Html




تحسينات جديدة تطرأ على محرر قوالب بلوجر
أليس جميلا ؟! من المميزات الجديد أيضا أنه يمكنك الانتقال إلي أي أداة في القالب من خلال زرق "الانتقال إلى الأداة":


تحسينات جديدة تطرأ على محرر قوالب بلوجر
حسنا، أنا انتقلت إلى أداة "Blog1" وهذه هي النتائج :


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


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




في هناك 3 تعليقات:

طريقة اضافة أزرار النشر على المواقع الاجتماعية بجانب اعلان أدسنس لبلوجر


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

طريقة التركيب

  • اذهب الي لوحة التحكم
  • ثم قالب
  • ثم تحرير html
  • ثم ابحث على ]]></b:skin>
  • ثم ضع هذا الكود فوقه مباشره 
.ads{margin-bottom:10px;border-top:solid 1px #dedede;padding-top:10px;font-size:13px}.ads-right-min{border-right:solid 1px #dedede;height:250px;padding-right:10px}.ads-right-min a:link,.ads-right-min a:visited,.bottom-share-links a:link,.bottom-share-links a:visited{color:#222;display:block;height:32px;width:140px;font-size:12px;line-height:22px;margin-top:10px;padding-left:42px}.ads-right-min a:hover,.bottom-share-links a:hover{color:#666}.mini-facebook{background:url(http://cdn1.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/32/facebook.png) no-repeat}.mini-tweet{background:url(http://cdn1.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/32/twitter.png) no-repeat}.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx3yPfNmX2zyX5RCTBwyL3HzFeEMqBQK3L6F0Up43wo5xqQSGOcecmNEVMXvcNkzFxSQ11ynJWL3h24GN-Nt1hi5PqaSTywHdDQQsL5-cnZMKl-mFJXkqfznIXTOv2hsHP4K1nASOtk_5Y/s1600/delicious.png) no-repeat}.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWI9QrNdrLEDxvhMJoLWzY7oUXYAMEUZvX7E179WUKrA-x5cX2T0CRZyaCIdr-CO8d-_0Eoa_2sGyeIbYtsqiqSXpyTNo38D56vdoPIWZYGNXZXsdYQ1Pmzn5mIDwgnb8WHHXvxbeifNs2/s1600/stumbleupon.png) no-repeat}.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDIzGoWKAyrN8jXpOMehSlD3gCYJAmmkEFXfLU5s5xFuHnTHkmPEED1m14iC65Q3btqsSpQXJ1618drfphNP61RcWK3eXsnhYy02hrktomcOY9AeuA5SjJ6-QJl4x_iMLIvi3aHP5WFWds/s1600/digg.png) no-repeat}.mini-plus{background:url(http://cdn1.iconfinder.com/data/icons/GooglePlus_IconSet/32x32/1.png) no-repeat}.flt-wdt{position:fixed;margin-right:10px;left:0;top:40%}.flt-wdt img{float:left;clear:left;margin:5px}

ثم قم بالبحث عن الكود التالي 
<data:post.body/>

ثم ضع الكود التالي فوقه مباشره

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='ads'><table border='0' cellpadding='0' cellspacing='0' width='100%'><tr><td width='354'>ضع كود اعلان أدسنس بقياس(280*336) </td><td><div class='ads-right-min'><a class='mini-plus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>شاركه على  +Google</a><a class='mini-del' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>أضفه الى Delicious</a><a class='mini-tweet' expr:href='&quot;http://twitter.com/home?status=Reading &quot; + data:post.title + &quot; &quot; + data:post.url' rel='external nofollow' target='_blank'>شاركه على Twitter</a><a class='mini-facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>شاركه على  Facebook</a><a class='mini-stumble' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>أضفه الى StumbleUpon</a><a class='mini-digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>أضفه الى Digg</a></div></td></tr></table></div></b:if>

ملاحضه
قم بتغير ضع كود اعلان أدسنس بقياس(280*336) بكود اعلان أدسنس بقياس(280*336) ,يعني ادهب الى حسابك في ادسنس ثم ادخل على تبويب اعلاناتي ثم أنشىء اعلانا جديدا اختر الألوان وما الى دالك ثم خد الكود ثم قم بتحويل الكود في هده الصفحة ضعه في الجدول واضغط ترميز وخد الكود المحصل عليه ثم عوضعه بالجملة المعلمة بالأصفر ,

ثم قم بالحفض

هذا كل مافي الموضوع على أمل أن يفيدكم والسلام عليكم

في هناك تعليقان (2):

قالب فضاء التطوير الاحترفي بتقنية css3 & Jquery مجانا





اسم القالب : قالب فضاء التطوير الاحترافي
مصم القالب : Dragon_for_ever
موقع مصمم القالب : http://www.spacedevloper.com

صورة كاملة للقالب

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

تغيير الخط الى خط الدرويد الخارجي

سلايد شو احترافي


شكل والوان احترافية



شكل احترافي لارقام الصفحات



هيدر احترافي


لــتــغــيــيــر الــســلايــد شــو
ابحث عن
شروحات بلوجر



واستبدلها باسم التصنيف المراد عرضه



واخير وليس آخرا يمــ ازالة الحقوقة ـــنع

التحـــــ من هنا ــــــميل

في

إضافة ازرار تابعني على شكل شاحنات لمدونات البلوجر


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

لتركيب الاضافه

  • اذهب الي لوحة التحكم
  • تخطيط 
  • إضافة اداه
  • ثم اضف الكود التالي الي اداة HTML/JavaScript

<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://www.facebook.com/Blogger.Face.alarab" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0SpW9JjqkRZSDHU5M0KsGFfF2JPcuEc42V7QoPoZoCmdsayTkDK27BWOp2vYVgRO587KFNsA1bM-x3SPq6gsFwy6DZvCwZz_m4cVRRcHASGp1By3ZIRhBPqSWbdLG0L6ZAImvD7b0b6UI/s1600/Social-Truck_fb2.png" width="120px" height="100px"/> </abbr> </a> <a href="http://feeds.feedburner.com/face-alarab" target="blank"> <abbr title="Subscribe Our Feeds"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirLR6CoE9rPUqIBl9rrFX6Byj_sD8xzbG2oh-mpCuNfQRWYXB6xRuUVRja1qJFsBOuF3GXOnry4weFgEnM1_1wTlpfZdKavk9Jxpo6IZU8RgqNXk8i0UDtWPdhdROXZuYZucEdz2-ZHsGm/s1600/Social-Truck_rss.png" width="120px" height="100px"/> </abbr> </a><a href="http://twitter.com/face_alarab" target="blank"> <abbr title="Follow Us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBSSfClqi-Ut2wClPtcwS6LfeV_lD1SZUcvCbd_DknO-Jpwecbah2khGMWi5MQYmbjlZ-064B3GPVgHdO-jlOoLlzLButmbBtHLmsXMuzG24AJAzOJb7Ib7pcx246yc7ubBh92ZU6-LR4w/s1600/Social-Truck_twi.png" width="120px" height="100px"/> </abbr> </a> </marquee></div>
 ولاتنسي تغيير
Blogger.Face.alarab

face-alarab

face_alarab

بما يلزم

الي هنا انتهى شرحنا والي اللقاء في تدوينه جديده
في هناك 3 تعليقات: