بلوجر فيس | face-alarab

ادراج مقطع فيديو من الانستقرام الي تدويناتك

noreply@blogger.com (صلاح) — Tue, 31 Dec 2013 09:26:00 -0800

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

اليوم سوف نشرح طريقة ادراج مقاطع فيديو من الانستقرام الي التدوينات .

اولاً اذهب الي الفيديو المراد ادراجه الي التدوينه .

ثانياً إضغط بزر الماوس الايمين في اي مكان في المتصفح واختار فحص العنصر .

ثم سيظهر لك التالي

انسخ رابط الفيديو .

ثم انشاء تدوينة جديده واختار تبويب html وضع الكود التالي مع تغيير الرابط المحدد بللون الاحمر برابط فيديو الانستقرام:

<video controls="controls" poster="http://distilleryvesper1-5.ak.instagram.com/d8ce72ea633f11e3a1b20a5f90c653b9_101.mp4" width="600" height="640"><source src="http://distilleryvesper3-7.ak.instagram.com/2ea7416ad9e311e28f2322000a9e0753_101.mp4" type="video/mp4"></source>

وفي الاخير نشر التدوينة .

لرؤية حسابي على الانستقرام من هنا

معاينة للفيديو المستخدم في الشرح (:

إضافة منزلقة لأزرار المشاركة على المواقع الإجتماعية

noreply@blogger.com (صلاح) — Sat, 21 Dec 2013 10:51:00 -0800

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

ندخل في موضعنا الاضافة منزلقة جميله و مميزه ولتركيب الإضافة على مدونتك قم بإتباع التالي :

اذهب الي لوحة تحكم بلوجر
ثم القالب
تحرير
قم بالبحث عن هذا الوسم </head> و اضف فوقة الكود التالي :

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

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js' type='text/javascript'/> <b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/*<![CDATA[*/
#mblSocialFloat {clear:both;padding: 6px 0;display:block;background:#FFFFFF;}
#mblSocialFloat td{padding:4px;margin:0;border:none;}
#mblSocialFloat td iframe{max-width:82px;width:82px !important;}
#mblSocialFloat.mblFloatSocial{position: fixed;top:0;z-index:9999999;border-bottom:1px solid #ccc;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15);}
/*]]>*/
</style>
<script type='text/javascript'>
/*<![CDATA[*/
// Set the Top Offset
$theOffset = 0; jQuery(document).ready(function(b){var a=b("#mblSocialFloat");a.wrap('<div id="mblSocialPlaceholder"></div>').closest("#mblSocialPlaceholder").height(a.outerHeight());a.width(a.outerWidth());e=a.offset().top-$theOffset;b("#mblSocialFloat iframe[src*=plusone]").closest("div").css("max-width","82px");b(window).scroll(function(){d=b(this).scrollTop();d>=e?a.addClass("mblFloatSocial"):a.removeClass("mblFloatSocial");f=b(".post");if(f.length!=0){c=f.outerHeight()+f.offset().top;d>=c?a.stop().animate({top:"-150px"}):a.stop().animate({top:$theOffset+"px"})}else d>=e?a.css("top",$theOffset+"px"):a.css("top","0")})});
/*]]>*/
</script>
<script src='http://mbl-flipper-google-blogger.googlecode.com/files/mbl_blogger_pinit.js' type='text/javascript'/>
<script type='text/javascript'>
/*<![CDATA[*/
// Twitter
(function(a,b,c){var d=a.getElementsByTagName(b)[0];if(!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src="//platform.twitter.com/widgets.js";d.parentNode.insertBefore(a,d)}})(document,"script","twitter-wjs");
// Google + (plus)
(function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://apis.google.com/js/plusone.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
// Stumbleupon
(function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
// Digg
(function(){var a=document.createElement("SCRIPT"),b=document.getElementsByTagName("SCRIPT")[0];a.type="text/javascript";a.async=true;a.src="http://widgets.digg.com/buttons.js";b.parentNode.insertBefore(a,b)})();
/*]]>*/
</script>
</b:if>

ثم اضف الكود التالي قبل او فوق هذا الوسم <data:post.body/> .

<b:if cond='data:blog.pageType == "item"'>
<div class='mblSocialFloat' id='mblSocialFloat'>
<table class='mblSocialFloat' width='100%'>
<tr>
<td>
<a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</td>
<td>
<iframe allowTransparency='true' expr:src='"//www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/>
</td>
<td>
<div class='w2bPinitButton' expr:id='"w2bPinit-" + data:post.id' style='display: none;visibility: hidden;height: 0;width:0;overflow: hidden;'>
<data:post.body/>
<script type='text/javascript'>
w2bPinItButton({
url:"<data:post.url/>",
thumb: "<data:post.thumbnailUrl/>",
id: "<data:post.id/>",
defaultThumb: "http://4.bp.blogspot.com/-YZe-IcKvGRA/T8op1FIjwYI/AAAAAAAABg4/j-38UjGnQ-Q/s1600/w2b-no-thumbnail.jpg",
pincount: "horizontal"
});
</script>
</div>
</td>
<td>
<div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/>
</td>
<td>
<su:badge expr:location='data:post.url' layout='1'/>
</td>
<td>
<a class='DiggThisButton DiggCompact'/>
</td>
</tr>
</table>
</div>
</b:if>

و الان حفظ و مبروك الاداه .

تحياتي

عذراً تم نقل المدونه

noreply@blogger.com (صلاح) — Fri, 4 Oct 2013 03:44:00 -0700

السلام عليكم و رحمة الله و أهلاً و سهلاً بأعضاء المدونة و زوارها الكرام

نريد ان نخبركم انه تم تغيير اسم المدونه الي فلاش تكنو ونقلها الي رابط جديد

http://flash-tec.blogspot.com/

برنامج swish max 4 كامل

noreply@blogger.com (صلاح) — Thu, 3 Oct 2013 12:24:00 -0700

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

جايب لكم اليوم برنامج swish max 4 مع شرح التثبيت بالفيديو

بسم الله نبدأ :

_________________________________________

swish max 4

_________________________________________

برنامج لعمل المؤثرات الحركية التي تجذب الأنظار إليها ، يشبه الفلاش إلى حد كبير لكنه يختلف عن الفلاش فيه أنه يحوي على كثير

من الحركات والمؤثرات الجاهزة بعكس الفلاش الذي لا يحوي على هذه المؤثرات الجاهزة .يستعمل في تصميم البطاقات الفلاشية ، يستعمل في تصميم المواقع وكذلك الألعاب والبنرات ، وبعض الأفلام الكرتونية .لغة البرمجة المصاحبة للسويش ماكس هي الـ Action Script وهي نفس الموجودة بالفلاش

لكن الفلاش بالإصدار الجديد أصبح يضم لغة متطورة من الـ Action Script متطورة أكثر من السويش ماكس .

مفاهيم ومصطلاحات أساسية يجب أن نعرفها بالسويش ماكس :

أ - Scene وهي : المشاهد ( السينات ) و وظيفتها تقسيمية . وكل فليم فلاشي يكون مقسم لعدة مشاهد ( سينات ) .

ب - Sprite وهي : السبيرات ويمكن إضافتها بداخل المشاهد وهي تعتبر كمشاهد مصغرة ومنفصلة عن بقية الكائنات داخل المشهد .

ج - TimeLine وهو : شريط الوقت أو شريط الزمن وهو يتكون من عدد لانهائي من الـ Frames ( الفريمات ) ، و شريط الوقت هو الذي نقوم بإضافة المؤثرات والحركات عليه ، والذي توجد عليه جميع المؤثرات ( Effects ) المختارة للكائنات .

د - Effects وهي : الحركات والمؤثرات المختلفة التي توضع للكائنات ، ويتم التحكم بها إما عن طريق الـ Events أو عن طريق الـ Action Script

هـ - Events وهي : وهي الأحداث من الأزرار Buttons أو السبيرات Sprite وغيرها ...

و - Objects وهي : الكائنات من صور وأشكال وأصوات وأزرار ونصوص

مميزات النسخة الاخيره :

-1 الآن في سويتش ماكس 4 أصبح الصوت كما أنه ستيديو تستطيع اللعب بالصوت

2- أصبح تصميم الويب في سويتش ماكس احترافي وتستطيع إنشاء موقعك الفلاشي باحتراف وزيادة الخصائص

3- زيادة أكواد السكربت فالآن خاصية السكربت أصبحت تقبل أنواع عديدة من الأكواد كأكواد من نوع php أو html أو جافا سكربت

4- خاصية التصدير أصبحت أكثر احترافية من ذي قبل فالآن تستطيع تصدير عملك HD عالية الصيغة +دمج مقاطع الفيديو

5- عندما يقفل البرنامج ما عليك سوا التوجه إلى مجلد البرنامج على المسار التالي:

وستجد ملف باسم error

قم بفتح الملف وستجد العمل الذي قمت به مؤخرا

C:\Program Files\Swish Max4

_________________________________________

ONLY $149.95

مجاني لعيونكم :)

_________________________________________

للتحميل اضغط على الصورة الموقع المفضل لك

_________________________________________

في الختام اتمنى ان الموضوع ان ينال على اعجابكم و ان الشرح واضح لا غبار عليه

واي استسفار انا حاضر

المصدر

قالب ابداع بلوجر مجاناً

noreply@blogger.com (صلاح) — Wed, 28 Aug 2013 06:23:00 -0700

موضوعنا اليوم هو قالب من إنشائي و تطويري و هو قالب لبلوجر شبيه بقالب كويت فن

أترككم مع المعاينة

رابط معاينة القالب

رابط المعاينة هنا

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

* الألوان الرئيسية : الأبيض و الأسود
* قائمة إحترافية في الهيدر
* مكان لوضع إعلان أدسنس في الهيدر
* يدعم لاهم المتصفحات (IE9, Mozilla, Chrome)
* تعريف كاتب الموضوع بشكل جديد
* 2 سليدشوو تلقائي إحترافي
* …………

القالب ليس مجاني بل هو مقابل كلمة شكر

وبعض التعديلات ليكون القالب متناسق

إضافة المواضيع الشائعة

إضافة الأرشيف

إضافة التسميات

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

المرجو ذكر المصدر عندى نسخ الموضوع

و لتحميل القالب يوجد ألرابط أسفله

رابط التحميل

إذا واجهتكم أي مشكلة المرجو ترك تعليق

المصدر

بمناسبة حلول شهر رمضان المبارك

noreply@blogger.com (صلاح) — Mon, 15 Jul 2013 04:12:00 -0700

بسم الله الرحمن الرحيم الهم صلٍ وسلم وزد وبارك علي سيدنا محمد عدد ما احاط به علمك واخط به قلمك واحصاه كتابك وارض اللهم عن ساداتنا ابي بكر وعمر وعثمان وعلي وعن الصحابه اجمعين وعن التابعين وتابعيهم باحسن الي يوم الدين .

زوار ومتابعي بلوجر فيس العرب السلام عليكم ورحمة الله وبركاتة

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

نود ان نخبركم انه بعد انقطاع دام حوالي شهرين قررنا

1-تغيير اسم المدونة.

2-تغيير شكل المدونة.

3-جعل المدونة ذات تخصصات كثيره.

فانتظرونا ،،

ولكم منا خالص التحايا والتقدير ،،

قالب محترفي الويب مطور من بلوجر فيس العرب

noreply@blogger.com (صلاح) — Tue, 21 May 2013 10:10:00 -0700

السلام عليكم ورحمة الله وبركاته اهلن بكم زوار ومتابعي مدونة بلوجر فيس العرب اليوم اتيت لكم بقالب مدونة محترفي الويب مطور من بلوجر فيس العرب هديه لكم

معاينة القالب

تحميل

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

noreply@blogger.com (صلاح) — Tue, 21 May 2013 06:23:00 -0700

بسم الله والحمدلله والصلاة والسلام على رسول الله ، الكثير منا يعرف اهمية المواقع الاجتماعيه في نشر المدونات والحصول على زوار منها فاليوم جئت لكم بإضافة ازرار المواقع الاجتماعيه الاضافه جميله جداً و تحوي على فيس بوك Facebook ، تويتر twitter، جوجل بلس google plus، الخلاصات feedburner، واداة الاشتراك عبر البريد Email Subscription

تركيب الاضافة سهل جداً فقط قم بإضافة الكود التالي في اداة HTML/JavaScript

وهذه صوره لمعاينه الاضافه

كود الإضافة

<center>
<div align="center" id="face-alarab-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;">
<h3 id="face-alarab-title-text" style="color: white; font-size: 20px;">
تابعنا لتتوصل بالجديد</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=face-alarab', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="social-icons" href="https://facebook.com/blogger.face.alarab"><img src="http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/face_alarab"><img src="http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="http://3.bp.blogspot.com/--KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/face-alarab"><img src="http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/s1600/Bloggertrix-Rss.png" /></a>
<input class="email" id="face-alarab_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="ضع بريدك الإلكتروني هنا" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="face-alarab" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="إشتراك" /></form>
</div>
</div>
</center>
<style>
a.social-icons {margin-right: 5px; height:40px;width:40px;}
a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(http://3.bp.blogspot.com/-Jl2lcnXe42Y/UOb49YMFH8I/AAAAAAAAAiA/hOnOANR83gc/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(http://2.bp.blogspot.com/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(http://2.bp.blogspot.com/-nmlWGnTX5y4/UOb44zqKGBI/AAAAAAAAAh4/Aaa-E2D0Umk/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style>

تنسيق الإضافه

استبدل Blogger.Face.alarab برابط صفحتك على فيس بوك

استبدل face-alarab بمعرف حسابك على فيديا برنر

استبدل face_alarab بإسم حسابك على تويتر

استبدل userId برابط صفحتك على جوجل بلس

طريقة إضافة قسمين في السايدبار

noreply@blogger.com (صلاح) — Sun, 19 May 2013 11:35:00 -0700

كلنا رأينا قوالب تحتوي أكثر من عمود أو قسم في السايدبار adding two columns at blogger sidebar ولكن احيانا لا يكون القالب يعجبنا ولكن نحتاج لتلك الإضافة في قالب خاص خصوصا انا مفيده لكثير من المدونين في عرض وحدات إعلانية او اضافات صغيرة لا تحتاج عمود كامل ولهذا بإذن الله في هذا الدرس سنستطيع اضافة قسمين للسايدبار وسنضيف أيضا قسم ثالث بعد هاذين القسمين لزيادة التنسيق لكن يجب ان ننوه أن هذه الإضافة في الغالب ستعمل مع جميع القوالب لكن تنسيقها قد لا يتوافق مع جميع القوالب لذا قبل عمل أى تعديل قم باخذ نسخة احتياطية من قالبك لتجنب أى مشكلة

طريقة الإضافة

ادخل الى لوحة تحكم مدونتك ثم قم بالبحث عن آخر اضافة في السايدبار لديك يمكنك البحث عنها بالإسم

ثم قم بالبحث تحت أكوادها عن هذا الكود </b:section> ملاحظة ان لم تجده قد تجد أسهم توسيع عناصر بجانب الإضافة اضغط عليها حتى تظهر جميع أكوادها وعندما تجد الكود أضف تحته مباشرة الأكواد التالية

<b:section class='sidebar' id='cnmu-right-col' preferred='yes'/>
<b:section class='sidebar' id='cnmu-left-col' preferred='yes'/>
<b:section class='sidebar' id='cnmu-center-col' preferred='yes'/>

وهذه صورة للتوضيح

ثم بعد ذلك نبحث عن هذا الوسم sidebar-wrapper

والذي نقصده سيكون موجود في اكواد الستايل فقم بتوسعتها بالضغط على سهم التوسعة

عندما تجده ستجد بعده قوس فتح كهذا { ثم اكواد قليلة ثم قوس إغلاق كهذا }

بعد قوس الإغلاق أضف الأكواد التالية

#cnmu-right-col {
width:49%;
float:right;
word-wrap:break-word;
overflow:hidden;
}
#cnmu-left-col {
width:49%;
float:left;
word-wrap:break-word;
overflow:hidden;
}
#cnmu-center-col {
width:100%;
float:right;
word-wrap:break-word;
overflow:hidden;
}

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

بعض القوالب تكون الوسوم بها متغيرة وقد لا تجد sidebar-wrapper

حينها ستفعل التالي

ابحث عن اول آضافة لديك في السايدبار وفوق اكوادها ستجد كود مثل هذا

<b:section class='sidebar' id='#'

الكود سكون مشابه وليس مطابق وفي مكان هذا الرمز # ستجد كلمة هذه الكلمة هي الوسم البديل لــ sidebar-wrapper

قم بنسخها وابحث عنها بين اكواد الستايل وعندما تجد الكود الخاص بها ستجد نفس الشئ قوس فتح وقوس اغلاق بعد قوس الإغلاق أضف الأكود

وبالتوفيق بإذن الله

المصدر : كن مدون

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

noreply@blogger.com (صلاح) — Wed, 10 Apr 2013 09:58:00 -0700

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