تعرف على أنظمة التعليقات وإختيار نظام يتناسب مع مدونتك

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="comments system" border="0" src="http://1.bp.blogspot.com/-SCZ5iJ55gtc/UVgDYfF5_eI/AAAAAAAAA-4/I-iYm4v3h94/s1600/comsys.jpg" title="أنظمة التعليقات" /></div>التعليقات هي الركيزة الأساسية للتواصل بين الكاتب والزائر وهي جزء لا يتجزأ من نجاح المواقع بشكل عام والمدونات بشكل خاص وهي التي تظهر رضا أو سخط الزائر على الموضوع لذا يجب ان يوليها الكاتب إهمامه ويعمل دائماً على جعل الزائر مرتاح في إستخدامها والحقيقة فكرت كثيراً قبل كتابة هذا الموضوع هل أبدأ به أم أبدا بوضع شرح لطريقة تركيب الانظمة ثم أوضح ما أريد فيما بعد لكن قررت أن أبدأ بالتوضيع وذلك حتى يدرك القارئ تماما ما الذي سيحدث عند إختياره أى من الأنظمة لأن هناك من قد يظن أن تزكيتنا لنظام تعليق معناه أنه الأنسب للمدونة وقد يقوم بتركيب اكثر من نظام لذا التوضيح أولا سيكون أفضل وفي مواضيع قادمة سنقدم الشروحات العملية لتطبيق كل نظام وإدارته والأنظمة التي سنتطرق لها هي<br /><div style="text-align: right;"></div><a name="more"></a><br /><h3 style="text-align: center;">نظام تعليقات بلوجر الإفتراضي </h3><div style="text-align: right;"></div>هو النظام المدمج مع مدونات بلوجر وأول ما يميزه أنه أخف نظام يعمل على بلوجر نظرأ أنه جزء من البنية الأساسية للقوالب فانت لا تضيف شئ جديد وبالتالي لا يوجد أى أعباء على السرعة وهذا النظام هو الانسب لكل مدونة جديدة لانه يتيح الرد لأي شخص فهو يمكن ضبطه لإستقبال تعليقات المجاهيل أى الذين لا يملكون أى حسابات على مواقع وأى شخص يمكنه التعليق عليه وقد قامت بلوجر بتطويره خلال العام الماضي بجعله نظام تفاعلي يمكن وضع ردود على التعليقات وهو ما كان مفقود في السابق وهذا يسهل الإستخدام بشكل قوي مشكلة هذا النظام هو أنه عند وجود العديد من التعليقات يصبح عبئ وتصبح الصفحة طويلة جداً وهو لا يتناسب مع المدونات التي ترد لها أعداد كبيرة من التعليقات وليكن <b>30</b> تعليق إن كانت مدونتك معتاده على إستقبال أكثر من<b> 30</b> تعليق في الموضوع الواحد فهذا النظام لا يناسبك أما إن كانت التعليقات أقل فهذا النظام هو الانسب لك وخصوصا إن كانت مدونتك تتمحور حول محتوى يخص بلوجر او التدوين بشكل عام<br /><h3 style="text-align: center;">نظام تعليقات الفيس بوك </h3><span style="color: #0b5394;">هذا النظام ممتاز وتفاعلي ويقبل عليه الكثير من المدونين لانه يساعد في النشر فكل تعليق ينشر تلقائيا على الفيسبوك وبالتالي فرصة لوجود زوار أكثر لكن إنتظر</span><br /><span style="color: #0b5394;"> هذا النظام هو آخر نظام يجب ان تفكر فيه لماذا ؟</span><br /><span style="color: #0b5394;">لانه وببساطه حكر على فيس بوك فمن لا يملك حساب فيس بوك او لا يستطيع تسجيل الدخول بحسابه لاى سبب كان لن يتمكن من التعليق ولهذا لا تفكر بداً في تركيب هذا النظام إلا في حالة أن مدونتك مواضيعها تخص الفيس بوك او أنك تستهدف في الأساس مستخدمي الفيس بوك أما إن كانت مواضيعك عامه فيكفيك نظام تعليقات بلوجر ويمكن لمستخدم الفيس بوك الرد به عن طريق مستخدم مجهول مثلا ,<span style="color: #cc0000;"> مهلا مهلا </span>وكاني اسمع أحداً يقول أفضل شئ أركب النظامين وأحصل على كل المميزات ويضحك ضحكه طويلة مخيفة فرحاً بالفكرة الجهنمية التي قفزت أمام عينه <span style="color: #b45f06;"><b>^_^</b></span> أقول له قف مكانك ولا حركة إخلع حذائك وإضرب تلك الفكرة أو رشها باى مبيد فهي ستسبب صداع لك فيما بعد , والأسباب كالآتي بوضع نظامين للتعليق في مدونتك أيا كانت الطريقة سواء دمجهم أو وضعهم متتالين لا فرق فانت تحمل الزائر عبئ وهو أنه مضطر لإنتظار تحميل نظامين للتعليق هو لن يستخدم إلا واحد وقد لا يستخدم اي منهما عليك ان ترأف بزائرك وخصوصا أن الإنترنت في العالم العربي أبطأ من السلحفاة معذرة بل أبطأ من الحلزون فلا تجعل زوارك يطفشون من أول موضوع إذن فكرة نظامين للتعليق هذه أفشل فكرة يمكن أن تفكر فيها لمدونتك </span><br /><h3 style="text-align: center;">نظام تعليقات DISQUS</h3><span style="color: #444444;">هذا هو الحل الوسط الذي تفكر فيه في حالة زيادة تعليقاتك عن <b>30</b> تعليق أو في حالة تقديم محتوى يهم أكثر من فئه فهو يوفر كل شئ هو نظام ممتاز بمعنى الكلمة نعم هو أثقل من نظام بلوجر العادي ولكنه بالتأكيد أخف من نظامين يعملان معا </span><br /><span style="color: #444444;">فهو يوفر الدخول بحسابات المواقع الإجتماعية الى جانب إمكانية النشر الى إمكانيات أخرى ممتازه ولكن كما قلت لا نلجأ له إلا  عندما تصبح أعداد التعليقات زائدة وذلك لانه يحتوي ميزة إخفاء التعليقات عند بلوغها حد معين فلا تصبح الصفحة مبالغ في طولها </span><br />ملاحظة اخيرة <b>30</b> تعليق هو ليس رقم ملزم ولكن هو عدد إفتراضي كمثال ولكن أنا إخترت <b>30</b> لان عند بلوغ <b>30</b> تعليق يصبح طول الصفحة كبير فاكثر من ذلك سيصبح الطول مبالغ فيه وبإذن الله سنتطرق لطريقة تركيب كل نظام من تلك الأنظمة والتعامل معه طبعا ً نظام بلوجر مركب تلقائيا ولكن سنشرح تطويره فقط لمن لم يطوره بعد, إلي هنا إنتهى الموضوع دمتم في أمان الله<br /><br /><h3 style="text-align: center;">تحديث بتاريخ 26 يونيو 2013</h3><div style="text-align: center;">ينضم لهذه الانظمة نظام تعليقات جوجل بلس Google plus وهو نظام يشابه نظام فيسبوك الفرق بينهما أنها اسهل في التركيب واكثر توافقاً مع مدونات بلوجر من فيسبوك لكنه بنفس المحدودية فهو يقتصر على مستخدمي جوجل بلس </div><div style="text-align: center;">وهذه طرق تركيب كل نظام من الأنظمة فنكون وفينا بما وعدنا بشرح تركيب كل منها</div><br /><h2 style="text-align: right;"><a href="http://cnmu.blogspot.com/2013/04/Blogger-Threaded-Comments.html" target="_blank">شرح كامل للتعليقات التفاعلية في بلوجر</a></h2><h2 style="text-align: right;"><a href="http://cnmu.blogspot.com/2013/05/Facebook-Comments.html" target="_blank"> الموضوع الشامل حول تعليقات فيس بوك</a></h2><h2 style="text-align: right;"><a href="http://cnmu.blogspot.com/2013/04/Google-Plus-Comments.html" target="_blank">نظام تعليقات جوجل بلس على بلوجر</a></h2><h2 style="text-align: right;"><a href="http://cnmu.blogspot.com/2013/06/DISQUS.html" target="_blank">إعداد وتفعيل تعليقات DISQUS على بلوجر</a></h2><br /></div>

تعرف على أنظمة التعليقات وإختيار نظام يتناسب مع مدونتك

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

مزيد من المعلومات »

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

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="Blogger Ultimate Subscriptions Widget" border="0" src="http://2.bp.blogspot.com/-kogaG9y4hWg/UVaDeBs64tI/AAAAAAAAA-Y/ALZDGJwoUSU/s1600/Ultmate1.jpg" title="إضافة للإشتراك في المواقع الإجتماعية ومتابعة بلوجر" /></div>إضافة قوية جداً تجمع اشهر صناديق وازرار المتابعة على بلوجر سواء الخاصة بالمواقع الإجتماعية <b>Social Network</b> أو البريد <b>Email</b> أو خدمات الإشتراك الخاصة ببلوجر وبالتفصيل تحتوي الإضافة كل من صندوق الإشتراك بصفحات جوجل بلس <span style="color: red;"><b>Google Plus</b></span> وزر إحترافي للإعجاب بصفحة الفيس بوك<span style="color: #0b5394;"><b> Facebook</b></span> وزر المتابعة على تويتر <span style="color: #3d85c6;"><b>Twitter Follow Button</b></span> وآداة الإشتراك عبر البريد <span style="color: #666666;"><b>Email Subscription</b></span>  وآداة الإشتراك في  اليوتيوب <span style="color: #cc0000;"><b>Youtube Subscript</b></span> وأخيرا آداة المتابعة الخاصة ببلوجر كل هذا في اداة واحده أنيقة والتركيب غاية في السهولة فقط إضافة كود الإضافة في آداة <b>HTML/JavaScript </b>وهذه صورة لمعاينة شكل الإضافة<br /><br /><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><img alt="أقوى إضافة إشتراك في المواقع الإجتماعية" border="0" src="http://1.bp.blogspot.com/-pSnqvLGjnts/UVZ-7QGKRfI/AAAAAAAAA-I/RPGBbyAH-O4/s1600/Ultmate2.jpg" title="Blogger Ultimate Subscriptions Widget" /></div><br /><div style="text-align: center;"><span style="font-size: large;">كود الإضافة</span></div><br /><blockquote class="tr_bq"><style type="text/css"><br />/*<!CDATA[*/<br />#cnmu-ultm{width:<span style="color: purple;"><b>300</b></span>px;margin:auto;padding:0;}<br />.cnmu-googleplus {height:107px;}<br />.cnmu-facebook {background:#E7EBF2;border: 1px solid #DCDCDC;margin-top: -6px;padding:0px 10px 3px;}<br />.cnmu-twitter {background-color: #eef9fd;border: 1px solid #c7dbe2;border-top: 0;}<br />.cnmu-twitter a.twitter-follow-button {display: block;}<br />.cnmu-twitter iframe {margin: 6px 11px -1px;}<br />.cnmu-emailbox {background-color:#70706E;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 5px 16px;overflow: hidden;}<br />.cnmu-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}<br />.cnmu-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}<br />.cnmu-emailbox input.emailu:focus {color: #333;}<br />.cnmu-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}<br />.cnmu-emailbox input.submitu:hover {text-decoration: none;}<br />.cnmuGray{color:#444 !important;border:1px solid #CCC;background: #dbdbdb;background: -moz-linear-gradient(top, #dbdbdb 0%, #bbbbbb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#bbbbbb));background: -webkit-linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);background: -o-linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);background: -ms-linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);background: linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bbbbbb',GradientType=0 );}<br />.cnmuGray:hover{background: #e6e6e6;background: -moz-linear-gradient(top, #e6e6e6 0%, #bbbbbb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#bbbbbb));background: -webkit-linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);background: -o-linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);background: -ms-linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);background: linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#bbbbbb',GradientType=0 );}.cnmu-moresubs {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;padding: 3px 8px 3px 3px;text-align: right;font-size: 7px;letter-spacing: 1px;}<br />.cnmu-moresubs a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}<br />/*]]>*/<br /></style><br />    <div id="cnmu-ultm"><br />    <div class="cnmu-googleplus"><br />        <script type="text/javascript"><br />        /*<![CDATA[*/<br />        window.___gcfg = {lang: 'en'};<br />        (function(){<br />            var po = document.createElement("script");<br />            po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";<br />            var s = document.getElementsByTagName("script")[0];<br />            s.parentNode.insertBefore(po, s);<br />        })();<br />        /*]]>*/<br />        </script><br />        <div class="g-plus" data-href="https://plus.google.com/<b><span style="color: red;">googlplusid</span></b>" data-width="<span style="color: purple;"><b>300</b></span>" data-height="69" data-theme="light"></div><br />    </div><br />    <div class="cnmu-facebook"><br />       <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="<span style="color: blue;"><b>fbpageurl</b></span>" width="250" show_faces="false" stream="false" header="true"></fb:like-box><br />    </div><br />    <div class="cnmu-twitter"><br />        <a color:="" href="https://twitter.com/<span style="><b>twitteid</b></span>" class="twitter-follow-button" data-show-count="true">Follow @<span style="color: #3d85c6;"><b>twitteid</b></span></a><br />        <script type="text/javascript">/*<![CDATA[*/!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script><br />    </div><br />    <div class="cnmu-emailbox"><br />        <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: orange;"><b>feedbid</b></span>', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow"><br />        <table width="100%"><br />            <tr><br />            <td><br />                <input class="emailu" name="email" placeholder="أدخل بريدك الإلكتروني" type="text"/><br />            </td><br />            <td width="64px"><br />                <input class="submitu cnmuGray" type="submit" value="إشتــرك"/><br />            </td><br />            </tr><br />        </table><br />        <input name="uri" type="hidden" value="<span style="color: orange;"><b>feedbid</b></span>"/><br />        <input name="loc" type="hidden" value="en_US"/><br />        </form><br />    </div><br /><span style="color: #999999;"><iframe src=http://www.youtube.com/subscribe_widget?p=<span style="color: magenta;"><b>ytid</b></span> style="overflow: hidden; height: 100px; width: <span style="color: purple;"><b>291</b></span>px; background: #fff;background: -moz-linear-gradient(top,#F0EFEF,#fff);background: -webkit-linear-gradient(top,#F0EFEF,#fff);margin-bottom:-5px; padding:3px;border:1px solid #BBBBBB;" scrolling="no" frameborder="0"></iframe></span><br /><span style="color: #9fc5e8;"><script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script><br /><!-- Define the div tag where the gadget will be inserted. --><br /><div id="div-<span style="color: #bf9000;"><b>BID</b></span>" style="width:<span style="color: purple;"><b>296</b></span>px;margin-right:1px;margin-top:-1px;border:1px solid #BBBBBB;"></div><br /><!-- Render the gadget into a div. --><br /><script type="text/javascript"><br />var skin = {};<br />skin['BORDER_COLOR'] = '#BBBBBB';<br />skin['ENDCAP_BG_COLOR'] = '#DFDFDF';<br />skin['ENDCAP_TEXT_COLOR'] = '#333333';<br />skin['ENDCAP_LINK_COLOR'] = '#A51800';<br />skin['ALTERNATE_BG_COLOR'] = '#ffffff';<br />skin['CONTENT_BG_COLOR'] = '#ffffff';<br />skin['CONTENT_LINK_COLOR'] = '#A51800';<br />skin['CONTENT_TEXT_COLOR'] = '#333333';<br />skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';<br />skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';<br />skin['CONTENT_HEADLINE_COLOR'] = '#333333';<br />skin['NUMBER_ROWS'] = '2';<br />google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);<br />google.friendconnect.container.renderMembersGadget(<br /> { id: 'div-<span style="color: #bf9000;"><b>BID</b></span>',<br />   site: '<span style="color: #38761d;"><b>SID</b></span>' },<br />  skin);<br /></script></span><br /></div></blockquote><br /><h3 style="text-align: center;">تنسييق الإضافة </h3><h4 style="text-align: right;">إستبدل <b><span style="color: red;">googlplusid</span></b>  بمعرف صفحتك على جوجل بلس </h4><h4 style="text-align: right;">إستبدل <span style="color: blue;"><b>fbpageurl</b></span>  برابط صفحتك على الفيس بوك </h4><h4 style="text-align: right;">إستبدل <span style="color: #3d85c6;"><b>twitteid</b></span>  بإسم حسابك في تويتر</h4><h4 style="text-align: right;">إستبدل <span style="color: orange;"><b>feedbid</b></span>  بمعرف حسابك في فييد برنر</h4><h4 style="text-align: right;">إستبدل <span style="color: magenta;"><b>ytid</b></span>  بإسم قناتك على اليوتيوب </h4><h4 style="text-align: right;">أما <span style="color: #bf9000;"><b>BID</b></span> و <span style="color: #38761d;"><b>SID</b></span> فهما يخصان إضافة المتابعين على بلوجر</h4> إقرا الموضوع التالي لمعرفة كيفية الحصول عليهم من <a href="http://cnmu.blogspot.com/2013/01/Google-Friend-Connect.html" target="_blank">هنــا</a><br />وأخيرا  الجزء المميز باللون الرمادي الفاتح إحذف إن لم ترد إضافة اليوتيوب في الآداة<br />والجزء باللون الأزرق الفاتح إحذفه إن لم ترد إضافة المتابعين على بلوجر في الآداة<br />ملاحظة هامه إن كانت الإضافة عريضة بالنسبة لمدونتك يمكن تصغير العرض بتعديل الأرقام المحددة باللون البني في الكود ويجب تغييرها جميعا بنفس القيمة مثال إن اردت تقليل العرض بنسبة<b> 20px</b> يجب أن تقلل كل الأرقام بنفس النسبة<br /><br /><br /></div>

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

إضافة قوية جداً تجمع اشهر صناديق وازرار المتابعة على بلوجر سواء الخاصة بالمواقع الإجتماعية Social Network أو البريد Email أو خدمات الإشترا...

مزيد من المعلومات »

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

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="رحلة من الفشل والنجاح كيف تصنع مدونة ناجحة وكيف تجعلها فاشلة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEqiGPTby8v9Tw_PtZ5b5aQxhlbHGGrmlwfRrqsvp7IXdMXidu4zlevjlKeFNhHzGwQYYi9xnFTu9LFn9aOXDpUe7TVHsP9XrTrXbgRxxvTzQHzQhiFH-MWV3fXUF4pE6cqzy0JIrloMRh/s1600/blogger-can.gif" title="رحلة من الفشل والنجاح كيف تصنع مدونة ناجحة وكيف تجعلها فاشلة" /></div></div>قد يستغرب البعض عنوان الموضوع ويظن انني سأحول المدونة لكشك (محل) حاجه ساقعة  <br />ربما يحدث ذلك<b> ^_^</b> لكن ليس في الوقت الحالي , لكن مع قرائتك للموضوع ستفهم ما صلة العنوان ببلوجر وكيف سيكون الموضوع في صميم التدوين لكن أول شئ , قم بفتح زجاجة<span style="color: #0b5394;"> بيبسي</span> و <span style="color: #cc0000;">كوكاكولا</span> , وإستعد لجولة في عالم من الفشل والنجاح , شركة <span style="color: #0b5394;">بيبسي</span> <b><span style="color: #0b5394;">Pepsi </span></b>وشركة <span style="color: #cc0000;">كوكاكولا</span> <span style="color: #cc0000;"><b>Coca cola</b></span> هما الشركتان الأبرز في عالم المشروبات الغازية وهناك عشرات الشركات الأخرى لكن حتى تلك الشركات عندما يرغب أحد بشراء منتجاتها يقول أعطني <span style="color: #0b5394;">بيبسي</span> أو <span style="color: #cc0000;">كوكاكولا</span>  هل تعرف السبب<b>؟</b> <br /><a name="more"></a>ببساطه السبب هو أن تلك الشركات فرضت سيطرتها على سوق المياه الغازية فأصبح أى منافس لا مجال له سوى أن يباع منتجه تحت إسميهما وفرض السيطرة ليس بالجوده فقط فهناك من الشركات المغمورة في هذا المجال ما تضاهي جودتها جودة هاتين الشركتين ومع ذلك لا يذكرون في سوق المنافسه كيف نجحتا في فرض إسميهما ؟<br />بالنسبة لشركة<span style="color: #cc0000;"> كوكاكولا</span> ببساطه كانت  الاولى في مجالها عندما إنطلقت صناعة المشروبات الغازية في العالم كانت كوكاكولا من أول تلك الشركات التي دخلت تلك الصناعة وإشتهرت نظرا لقلة المنافسه في البداية وبالتالي لم تتعب كثيرا لتفرض إسمها على الساحة بل فرض الإسم فقط بسبب الريادة في مجالها ,وهذا هو مربط الفرس لكي تصبح مدونتك ذات إسم شهير لديك أحد السبلين للتميز في مجال التدوين<br /><h2 style="text-align: right;"><span style="color: #cc0000;">السبيل الأول هو سبيل الكوكاكولا</span></h2> أن تختار مجال لمدونتك لا يكتب فيه الكثيرون ولم يبرز أحد فيه وبالتالي تكون الساحة فارغة أمامك ويسهل ان تتميز بسرعة وبمجهود بسيط<br /><h2 style="text-align: right;"><span style="color: #0b5394;">السبيل الثاني هو سبيل شركة بيبسي</span></h2> ظهرت بيبسي في مجال تسيطر عليه <span style="color: #cc0000;">كوكاكولا</span> وهناك شركات أخرى تحاول المنافسة لكنها لا تقدر مع وجود إسم <span style="color: #cc0000;">ككوكاكولا</span> فكان على<span style="color: #0b5394;"> بيبسي </span>سلوك الطريق الصعب وهو طالما انها بالفعل في سوق المنافسة , وليست رائدة في مجال جديد إذا يجب ان تفرض قوتها بأن تتميز في المجال واول سبيل للتميز هو عدم التقليد<br />بيبسي لم تقدم منتج جديد ولا مختلف في طعمه أو جودته كثيرا عن <span style="color: #cc0000;">كوكاكولا</span> ولكن طرحت نفس المنتج بشكل بعيد عن شكل <span style="color: #cc0000;">كوكاكول</span>ا وبدأت بالترويج له بطرق مميزه وتستخدم أنواع متعددة من الدعايا وتجدد في شكل العبوات بإستمرار مع أن المضمون واحد لكن لفتت الأنظار ببعض التغييرات البسيطة ,نفس الشئ إن كنت في مدونتك ستكتب في شئ موجود وبه منافسه يجب ان تكون ذكيا وتقدمه في إطار جديد <br /><h2 style="text-align: right;">سنضرب مثال ببعض المدونات الشهيرة في عالم التدوين</h2><span style="color: blue;"> الاولى مدونة ذؤيب استطيع أن اقول أن<b> 80%</b> من الذين يكتبون في مجال التدوين يستخدمون قالب <b>Arthemia</b> الذي تستخدمه مدونة ذؤيب حتى أن القالب أصبح مقرون بإسمها</span><br /><span style="color: blue;">وكل هؤلاء مهما فعلوا ومهما وصلوا الى علم وجوده في آدائهم سيظل الناس ينظرون لهم كظلال باهته لمدونة ذؤيب حتى وإن قدموا جديد  تخيل لو كانت شركة بيبسي إختارت اللون الأحمر لشعارها كانت ستظل مقلد لكوكاكولا حتى لو أصبحت أفضل <b>1000</b> مرة</span><br /><span style="color: #b45f06;">ومثال آخر مدونة المحترف <b>90%</b> أيضا من الذين يكتبون في التقنية يستخدمون قالب المحترف ويسمي نفسه بإسم مشابه وينقل مواضيع من المحترف ببساطه هذا لن يصل بك إلا أن تكون ظل باهت للمحترف</span><br />وبهذه الطريقة لن يتطور أبداً المحتوى العربي طالما سيصبح أغلب المدونين ظلال لمدونين آخرين<br />أظن وضحت فكرة الموضوع , ولكنه لم ينتهي نحن لا نهدف الى تحطيم معنويات نحن نهدف الى رفعها ولكن بالطريقة الصحيحة سنضع الخطواط العملية لكي تتميز مدونتك<br /><h4 style="text-align: right;">أولاً لا تستخدم قالب تستخدمه مدونة شهيرة وتكتب في نفس مجالها</h4><span style="color: #674ea7;">ببساطه يعجبك قالب تستخدمه مدونة شهيرة لا مشكله ولكن لا تكتب في نفس المجال حتى لا تكون هناك دائما مقارنة لانه مهما فعلت ستظل هي الأصل وأنت التقليد</span><br /><h4 style="text-align: right;">ثانيا إياك إياك بنقل المحتوى </h4><span style="color: #660000;">أفشل المدونون هم من ينقلون المحتوى ,طبيعي لا يوجد محتوى موجود على الإنترنت إلا وقد سبق أحد بالكتابه به فمن المستحيل ان تجد موضوع جديد لم يكتب به احد أبداً حتى لو كان من افكارك فهناك المليارات على الإنترنت ووارد جداً ان تتشابه حتى الأفكار</span><br /><span style="color: #660000;">لذا ما عليك فعله هو أن تكتب كل مواضيعك من الألف الى الياء لا تنسخ أكتب بنفسك وصمم صور موضوعك بنفسك</span><br /><span style="color: #660000;">ثالثا لا تكن لصاً هناك من ينسخ المواضيع ويغير بها ويعدل بالتصاميم وينسبها لنفسه وفي النهاية لن تصبح في أعين قرائك إلا لص , أهم شئ ان تكتسب ثقة قرائك ولن ياتي ذلك بنقل المواضيع ونسبها لنفسك فحفظ حقوق الغير ستجعل القارئ ينظر لك بإحترام حتى إن لم تكن نظرة إعجاب لانك لست مبتكر المحتوى ولكن سظل لديه نظرة إحترام أما السرقة ستفقدك الإحترام والإعجاب , فنسخ موضوع طبق الأصل ثم تعديل الصور ونسبه لنفسك هذه سرقة </span><br /><h4 style="text-align: right;">رابعا يجب ان تكون على علم في المجال الذي تكتب به</h4><span style="color: #134f5c;"> لا تكتب في تطوير المواقع إلا إن كنت تعرف تطوير المواقع لا تكتب في التقنية إلا إن كنت متابع لها لا تكتب في السياسة وأنت تقرأ ( مجلة ميكي )</span><br /><h4 style="text-align: right;">خامسا لا تكن ( أبو العريف ) </h4><span style="color: #674ea7;">وهو شخص يدعي معرفة كل شئ وهو لا يعلم شئ نجد بعض المدونات تضع موضوع في بلوجر  وخبر ولعبة وبرنامج وقصيده , ماهذا كله لا تظن أن التنوع شئ جيد ربما يكون لك خبرة في كل تلك المجالات لا نمانع من ذلك ولكن لا تجمعها كلها في مكان واحد إجعل مدونتك متخصصة في شئ واحد تجيده ثم يمكنك إنشاء اخرى بمحتوى آخر لكن لا تكن مدونة واحده وتقول إنها متنوعة ستجدها في النهاية تفشل وتصبح مجرد حاجه ساقعه , لا إسم لها ولا وزن لها في عالم التدوين</span><br /><span style="color: #674ea7;">تكتب في الأخبار لا تضع مواضيع ربح من الإنترنت إلتزم بمجال مدونتك</span><br /><span style="color: #674ea7;">فالتخصص والتميز في ما تخصصت به هو سر النجاح</span><br /><h4 style="text-align: right;">سادسا التطوير المستمر </h4><span style="color: #b45f06;">تخيل لو بيبسي توقفت عند أو حملة دعائية لاقت نجاحا ولم تعدل وتطور وتضيف جديد لم تكن لتستمر كل تلك السنوات , فالمدونون الذين بعد نجاحهم في فترة معنة يترك مدونته ويتوقف او يطول الوقت في تحديثها وإضافة جديد هذا يحكم على مدونته بالموت فحتى لو أصبح احد كبار المتميزين في مجال محدد إن لم تتطور سيظهر جديد يزيحك عن عرشك ويحتل مكانك </span><br /><h4 style="text-align: right;">سابعا حاول ان تضيف لمستك على كل شئ ولو كانت بسيطة </h4><span style="color: #38761d;">سأضرب مثال ليس ببعيد موضوعي السابق حول إضافة الإشتراك في اليوتيوب هذه الإضافة تقريبا متوافرة في كل المواقع التي تكتب في التدوين وإن أضفتها كما هي لا بأس فهي ضرورة ويجب ان توفر لمتابعينك إحتياجاتهم , لكن قمت بإضافة تغيير بسيط جداً عليها , بهذا التعديل البسيط أصبحت هناك نسخة مميزه بمدونتي وستجد بعض من كان يستخدم الإضافة السابقة سيغيرها بالجديدة مع أنها هي هي نفس الإضافة فقط تعديل بسيط , ولكن هو المطلوب للفت الإنتباه فحاول دائما إضافة لمستك ولو حتى بان تنسق الموضوع بشكل جيد يلفت الإنتباه ويميز موضوعك عن غيره </span><br />الى هنا إنتهى موضوعنا وما ذكرناه من سلبيات لهدف واحد أن تصبح أفضل أن تكون مثال يحتذى به أن تكون بالفعل مدون محترف وليس ظل لمدون آخر فراجع حساباتك وراجع مدونتك وصحح ما فيها من أخطاء وإبدا في بذل المجهود فأساس النجاح هو البذل ولكل مجتهد نصيب , إتخذ قرارك هل تريد مدونتك<span style="color: blue;"> بيبسي</span> أم<span style="color: red;"> كوكاكولا</span> ام مجرد <span style="color: #666666;">حاجه ساقعة </span><br /><br /><br /></div>

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

قد يستغرب البعض عنوان الموضوع ويظن انني سأحول المدونة لكشك (محل) حاجه ساقعة  ربما يحدث ذلك ^_^ لكن ليس في الوقت الحالي , لكن مع قرائتك للم...

مزيد من المعلومات »

إضافة الإشتراك في قناة اليوتيوب بتنسيق جديد

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="youtube Subscribe blogger widget" border="0" src="http://2.bp.blogspot.com/-rlTN8_7FHEQ/UVDewsvUlPI/AAAAAAAAA80/-jyn6cmVXjU/s1600/ytw.gif" title="إضافة الإشتراك في اليوتيوب" /></div>الكثير إن لم يكن كل المدونون يملكون قناة على موقع اليوتيوب <span style="color: red;"><b>Youtube</b></span> وطبعا هناك آداة شهيرة مقدمة من اليوتيوب نفسه للإشتراك بالقنوات <b>Youtube channel Subscribe Widget</b> وكنوع من التجديد قمت بعمل بعض التنسيقات على الآداة لتصبح بشكل افضل وأكثر تنسيقا للتناسب مع القوالب ويمكن بسهولة تغيير لون الآداة ليتناسب مع لون قالب مدونتك وهذا مثال للمعاينة قمت بتنسيقة بلون يتناسب مع قالب مدونتي وفي نفس الوقت هو يتكون من الوان محايده فيناسب عموم القوالب لكن سنوضح كيف تجعل اللون مناسب لقالبك تماما وطبعا لا تنسى الإشتراك بقناتنا ^_^<br /><a name="more"></a><br /></div><center><iframe frameborder="0" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=cnmutv" style="-moz-border-radius: 10px; -moz-box-shadow: 0 1px 2px #999; -webkit-border-radius: 10px; -webkit-box-shadow: 0 1px 2px #999; background: #fff; background: -moz-linear-gradient(top,#F0EFEF,#fff); background: -webkit-linear-gradient(top,#F0EFEF,#fff); border-radius: 10px; border: 3px dotted #000; box-shadow: 0 1px 2px #999; height: 100px; overflow: hidden; padding: 1px; width: 260px;"></iframe></center><br /><div style="text-align: center;"><span style="font-size: large;">الكود</span></div><div style="text-align: center;"><br /></div><blockquote class="tr_bq"><div style="text-align: center;"><center><iframe src=http://www.youtube.com/subscribe_widget?p=<span style="color: red;"><b>cnmutv</b></span> style="overflow: hidden; height: <span style="color: orange;"><b>100px</b></span>; width: <span style="color: #38761d;"><b>260</b></span>px; background: #fff;background: -moz-linear-gradient(top,<span style="color: blue;"><b>#F0EFEF</b></span>,#fff);background: -webkit-linear-gradient(top,<span style="color: blue;"><b>#F0EFEF</b></span>,#fff); box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999; padding:1px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; border:3px dotted <b>#000</b>;" scrolling="no" frameborder="0"></iframe></center> </div></blockquote><div style="text-align: center;"><br /></div><div style="text-align: center;"> قم بإستبدال <span style="color: red;"><b>cnmutv</b></span> بإسم قناتك على الوتيوب </div><div style="text-align: center;">وإستبدل هذا اللون <span style="color: blue;"><b>#F0EFEF</b></span>  بلون يناسبك لكن دائما إختار الدرجة الفاتحة من اللون إن اردت الأزرق إختر أفتح الدرجات بحيث  تظهر الآداة بشكل جميل ويمكنك الحصول على<a href="http://cnmu.blogspot.com/p/copy-color-picker.html" target="_blank"> أكواد الألوان من هنــا</a></div><div style="text-align: center;">وهذا الرقم <span style="color: #38761d;"><b>260</b></span> خاص بعرض الآداة قم بالزيادة او النقصان بحسب مساحة مكان الإضافة المتاح في مدونتك<br />أما الرقم<span style="color: orange;"><b> 100</b></span> فهو إرتفاع الآداة لا تقوم بزيادته إلا إذا كانت الآداة لا تظهر بشكل كامل  </div><div style="text-align: center;">وهذا هو لون الإطار الخارجي إن أردت تعديله <b>#000</b> </div><div style="text-align: center;">أما اللون #fff هو اللون الأبيض في خلفية الآداة يمكنك تعديله ولكن لا أنصح بذلك فوجوده يجعل الآداة تبدو بشكل أفضل </div><br /></div>

إضافة الإشتراك في قناة اليوتيوب بتنسيق جديد

الكثير إن لم يكن كل المدونون يملكون قناة على موقع اليوتيوب Youtube وطبعا هناك آداة شهيرة مقدمة من اليوتيوب نفسه للإشتراك بالقنوات Youtube c...

مزيد من المعلومات »

إضافة الفوتوشوب أونلاين من موقع Pixlr

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://2.bp.blogspot.com/-MtQVr_w7aNo/UU-BHmXKazI/AAAAAAAAA74/fFKmCbWFUaw/s1600/pixlr.jpg" /></div><div style="text-align: center;">كنا إستعرضنا في موضوع سابق عن تصميم البنرات للمدونات وكان التصميم عبر خدمة في مدونتي وهي الفوتوشوب أونلاين </div><div style="text-align: center;"><b>Photo Editor Blogger Widget</b></div><div style="text-align: center;">وقد طلب بعض متابعينا الكرام هذه الإضافة وها هي متاحة للجميع والإضافة بسيطه هي عرض موقع <b>Pixlr Photo Editing</b></div><div style="text-align: center;">عبر نموذج<b> Iframe</b> من يريد معاينة الإضافة من <a href="http://cnmu.blogspot.com/p/photoshop.html" target="_blank">هنــــا</a></div><div style="text-align: center;">وهذا هو الكود قم بوضعه داخل مشاركة او داخل صفحة ثابته لكن مع تحويل صندوق الرسائل من وضع تأليف الى وضع <b>HTML</b></div><br /><blockquote class="tr_bq"><iframe height="600" src="http://pixlr.com/editor/" width="100%"></iframe></blockquote><br /></div><div style="text-align: center;"><span style="color: #cc0000;">أو يمكن إضافتها كرابط عادي<b> </b><b>http://pixlr.com/editor</b></span> </div><div style="text-align: center;"><span style="color: #0b5394;">وهذه معاينة أخرى لكن بحجم أصغر وعموما الإضافة تتكيف مع حجم الصفحة التي توضع بها </span></div><br /><a name="more"></a><br /><iframe height="600" src="http://pixlr.com/editor/" width="100%"></iframe></div>

إضافة الفوتوشوب أونلاين من موقع Pixlr

كنا إستعرضنا في موضوع سابق عن تصميم البنرات للمدونات وكان التصميم عبر خدمة في مدونتي وهي الفوتوشوب أونلاين  Photo Editor Blogger Widget وقد ...

مزيد من المعلومات »

متصفح جوجل كروم Google Chrome مع إضافات تهم المدونين

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://4.bp.blogspot.com/-pNkRteTI-Jo/UU4rFvArlVI/AAAAAAAAA7Q/XlAOieDQwlM/s1600/google-chrome.gif" /></div>سبق وعرضنا متصفح فايرفوكس وإضافات له والآن جاء دور جوجل كروم <b>Google Chrome</b> ومحبيه وسنستعرض مجموعة من إضافاته التي تهم المدونين<b> Google Chrome Extension for Bloggers</b> طبعا جوجل كروم  هو متصفح صعد بقوة في العامين الماضيين ومعه صك التميز من العملاق جوجل أصبح له آلاف الإضافات المتنوعة وما سنضعه هو جزء صغير من مكتبة إضافاته لكن أولا نقوم بتحميل البرنامج <br /><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="cnmubo" href="https://www.google.com/intl/ar/chrome/browser" rel="nofollow" target="_blank">تحميل جوجل كروم</a>   <a class="cnmubb" href="https://www.google.com/intl/en/chrome/browser" rel="nofollow" target="_blank">Download Google Chrome</a></div><br /><h3 style="text-align: center;">الإضافات</h3><br /><a href="http://2.bp.blogspot.com/r7gwBQp-K-i7TRYNJZfBKeKIIEeF2NXWqXdwK6Oarlw9AozKzgmsbCAAkYvSD-B207GVpXIh4g=s26-h26-e365" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://2.bp.blogspot.com/r7gwBQp-K-i7TRYNJZfBKeKIIEeF2NXWqXdwK6Oarlw9AozKzgmsbCAAkYvSD-B207GVpXIh4g=s26-h26-e365" /></a><b>Color Picker</b> إضافة تساعد في إختيار الألوان وتحديد أى جزء في الصفحة وإظهار كود اللون الخاص به <b><a href="https://chrome.google.com/webstore/detail/color-picker/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en-US" rel="nofollow" target="_blank">تركيب الإضافة </a></b><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><a href="http://1.bp.blogspot.com/7TCrrdieD34iO-mG9FA0MOegvIAhFuaPhFBXcAsg1pNYznBv0PIi5AUevr8zyPDRMgEcH1z4aQ=s26-h26-e365" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/7TCrrdieD34iO-mG9FA0MOegvIAhFuaPhFBXcAsg1pNYznBv0PIi5AUevr8zyPDRMgEcH1z4aQ=s26-h26-e365" /></a><b>goo.gl URL Shortener</b> إضافة لإختصار الروابط ضغطة زر فقط ويتم إختصار رابط الصفحة التي تتواجد بها <b><a href="https://chrome.google.com/webstore/detail/googl-url-shortener/iblijlcdoidgdpfknkckljiocdbnlagk?hl=en-US" rel="nofollow" target="_blank">تركيب الإضافة </a></b><br /><br /><div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /> </div><div style="text-align: center;"></div><a name="more"></a><a href="http://2.bp.blogspot.com/gsAkzcHQvDpQw76_qbabBTEGx3NEfYCeJSC0n66m6jPCWt8U7tOs_lp8GfelgCKoevBanyW8GA=s26-h26-e365" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://2.bp.blogspot.com/gsAkzcHQvDpQw76_qbabBTEGx3NEfYCeJSC0n66m6jPCWt8U7tOs_lp8GfelgCKoevBanyW8GA=s26-h26-e365" /></a><b>Fireshot</b> وهي إضافة متخصصة في تصوير الشاشة وهي مشهرة لدى مستخدمي فايرفوكس وهذه نسختها لكروم الإضافة حقاً ممتازة في تصوير وتحرير الصور وتمكنك من الكتابة على الصور والقص وإضافة تاثيرات وشروحات <b><a href="https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=en-US" rel="nofollow" target="_blank"> تركيب الإضافة</a></b><br /><br /><div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><a href="http://1.bp.blogspot.com/3pUV15epXydPnP--olY95bs_gGnYFJdU0DMRZXzfnbJQtswfpywO_mCOkiBKBLKI3Cqw_15R0Q=s26-h26-e365" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/3pUV15epXydPnP--olY95bs_gGnYFJdU0DMRZXzfnbJQtswfpywO_mCOkiBKBLKI3Cqw_15R0Q=s26-h26-e365" /></a><b>SEO Status Pagerank/Alexa Toolbar</b> إضافة تظهر ترتيب اليكسا وبيج رانك  <br /><b><a href="https://chrome.google.com/webstore/detail/seo-status-pagerankalexa/bjgpmafbkgcchdjehdpnfgfgbdfahapa?hl=en-US" rel="nofollow" target="_blank">تركيب الإضافة </a></b><br /><br /><div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /> </div><div style="text-align: right;"><a href="http://3.bp.blogspot.com/_dGkuRxhIz2YGRKm5nc-npvzuiYaUhaTbJdNddboDImc5b0aVooCa1UXf5hBAKp54ztMxi-vEVY=s26-h26-e365" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://3.bp.blogspot.com/_dGkuRxhIz2YGRKm5nc-npvzuiYaUhaTbJdNddboDImc5b0aVooCa1UXf5hBAKp54ztMxi-vEVY=s26-h26-e365" /></a> <b>Web Developer</b> إضافة تحتوي على عدد كبير من الأوامر والادوات التي تساعد مطوري المواقع <b><a href="https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=en-US" rel="nofollow" target="_blank">تركيب الإضافة</a> </b></div><div style="text-align: right;"><br /><br /></div><div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><div style="text-align: right;"><a href="http://3.bp.blogspot.com/smPWri0hEzy5VDlq_TpN7Vfhte23UzNf6JVoQVsSyRTMteAgOAL15_kZi2F2CxvBs4hYNGepTPQ=s26-h26-e365" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://3.bp.blogspot.com/smPWri0hEzy5VDlq_TpN7Vfhte23UzNf6JVoQVsSyRTMteAgOAL15_kZi2F2CxvBs4hYNGepTPQ=s26-h26-e365" /></a><b>META SEO inspector</b> إضافة تعطي معلومات عن الموقع الذي تتواجد فيه مثل أكواد الميتا تاج والروابط <b>nofollow</b> وغيرها من بيانات <a href="https://chrome.google.com/webstore/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef?hl=en-US" rel="nofollow" target="_blank"> <b>تركيب الإضافة </b></a></div><div style="text-align: right;"><br /></div><div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><div style="text-align: center;"><span style="color: #38761d;">ومن لديه إضافات أخرى لجوجل كروم تهم المدونين ويرغب في ضمها للموضوع فقط يضيفها في تعليق </span></div><div style="text-align: center;"><span style="color: #38761d;">وبالتوفيق للجميع </span></div><div style="text-align: right;"><br /></div></div>

متصفح جوجل كروم Google Chrome مع إضافات تهم المدونين

سبق وعرضنا متصفح فايرفوكس وإضافات له والآن جاء دور جوجل كروم Google Chrome ومحبيه وسنستعرض مجموعة من إضافاته التي تهم المدونين Google Chro...

مزيد من المعلومات »

القالب الشهير Revolution Lifestyle

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNlDrg9Kw77P5L6PRVXcq59mB94D6xBy9gMNEpXxbE4SGuUGdLrFCNTynay5nDKKdCO6p3VwOIO8Aa0l01XIx1TrhRimdZ3RBNSgF5i4eJzxLAvy6_xergMXidTS8oSlDvSd_kCdFEt8c/s622/revlife-template.jpg" /></div>قالب  <b>Revolution Lifestyle Blogger Template</b> أحد أشهر القوالب على الإطلاق وهناك عدة قوالب تحمل إسم <b>Revolution</b> كلها مصممه من قالب واحد والإختلاف بينها في الألوان واشياء بسيطه ونسخة <b>Lifestyle</b> من أجمل تلك النسخ<br /><br /><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://w-cnmu.blogspot.com" target="_blank">معايــنة</a>  <a class="cnmubb" href="http://cnmu.blogspot.com/p/preview.html?url=https://www.box.com/s/sh7vmugxjkilj3jz0o4c" target="_blank">تحميــل</a> </div><br /><h2 style="text-align: right;">مميزات القالب </h2><h4 style="text-align: right;">القالب صديق لمحركات البحث </h4><h4 style="text-align: right;">القالب خفيف وأنيق </h4><h4 style="text-align: right;">تم إضافة ميتا تاج للقالب إبحث عن كلمة تعديل في اول القالب لتعديلها </h4><h4 style="text-align: right;">يحتوي القالب على إضافة إعلانية في الهيدر بمساحة 468x60</h4><h4 style="text-align: right;">يحتوي على قائمتين علويتين يمكنك البحث عن كلمة تعديل أيضا في القالب للتعديل عليهما </h4>لكن قم بالتأشير على كود توسيع العناصر حتى تستطيع إيجادهما<br /><h4 style="text-align: right;">يحتوي في الأعلى على شريط متحرك بآخر موضوعات مدونتك </h4>إبحث عن  هذا الجزء في القالب <b>http://<span style="color: red;">cnmu</span>.blogspot.com/feeds/posts/default</b><br />وإستبدل <b><span style="color: red;">cnmu</span></b> بمدونتك <br /><h4 style="text-align: right;">السايد بار معدل وبه جزء مقسم </h4><b><span style="color: #134f5c;"> تم تعديل الكثير من الصور في القالب وتحويلها الى تدرجات لونية وهذا يجعله أسرع وفي نفس الوقت </span></b><br /><b><span style="color: #134f5c;">يسهل تغيير لونه وهو من أهم مميزات هذا القالب أنه بتغيير الألوان في القالب تحصل على شكل جديد ولا يرهق في تغيير صورة ما شابه فقط الألوان ويصبح لديك نسخة جديدة </span></b><br /><br /><span style="font-size: large;"><a href="http://cnmu.blogspot.com/p/blog-page_12.html" target="_blank">فضلا مراجعة شروط الإستخدام ورجاء الإلتزام بها  </a></span><br /><br /><br /></div>

القالب الشهير Revolution Lifestyle

قالب  Revolution Lifestyle Blogger Template أحد أشهر القوالب على الإطلاق وهناك عدة قوالب تحمل إسم Revolution كلها مصممه من قالب واحد والإخ...

مزيد من المعلومات »

طريقة عمل محتوى مخفي

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://1.bp.blogspot.com/-B03GjSh_paU/UUNjDh9_unI/AAAAAAAAA2w/z9jZoWbJAr0/s1600/hidden.jpg" /></div>خدعة ظريفة لعمل محتوى مخفي أو بالتحديد محتوى قابل للإظهار والإخفاء <b>Hide and show</b> وتفيد هذه الطريقة في المدونات التي تكون مواضيعها طويلة فيمكن إستخدامها لإخفاء جزء من الموضوع أو للمدونات التي تكتب القصص او المحتويات التشويقية كأن تكتب قصة وعند الوصول لجزء معين تخفيه أو تخفي صورة أى شئ إستخدمها كما تحب ولكن لا تستخدمها فيما يغضب الله<br /><br /><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://i-cnmu.blogspot.com/p/blog-page.html" target="_blank">مثال للمعاينة</a></div><br /><div style="text-align: center;">ولتطبيق الطريقة قم بكتابة موضوعك بالطريقة العادية وبعد الإنتهاء حول صندوق المواضيع من وضع التأليف الى وضع HTML</div><div style="text-align: center;">طبيعي انت تريد جزء ظاهر وجزء مخفي لذا قبل الجزء الذي تريده مخفياً قم بوضع الكود التالي</div><div style="text-align: center;"><br /><a name="more"></a></div><div style="text-align: center;"><blockquote class="tr_bq"><div id="spoiler" style="display:none"></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;">وعند نهاية الجزء الذي تريد إخفائه ضع الكود التالي</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"></div></blockquote></div><div style="text-align: center;">كل ما هو موجود بين الكودين سيكون خفيا </div><div style="text-align: center;">بقي امر واحد وهو وضع زر الإظهار والإخفاء قم بإضافة الكود التالي قبل الكود الاول إن أردت الزر في الأعلى أو بعد الكود الثاني إن أردت الزر في الأسفل </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"></br><br /><center><br /><button type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}"><span style="color: red;">أكمل الموضوع [ إظهار ] [ إخفاء ]</span></button><br /></center><br /></br></blockquote></div><div style="text-align: center;"><br /></div><div style="text-align: center;">ويمكنك تعديل الجزء الاحمر بكتابة اى جملة تعجبك</div><div style="text-align: center;"><br /></div></div>

طريقة عمل محتوى مخفي

خدعة ظريفة لعمل محتوى مخفي أو بالتحديد محتوى قابل للإظهار والإخفاء Hide and show وتفيد هذه الطريقة في المدونات التي تكون مواضيعها طويلة فيم...

مزيد من المعلومات »

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

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ZNFq8KdWhfKsaD7SFHM6AHIF3Jfvr0meE0k8YDfErUwPzC_35n4mc1Zb0UU0z5W84fSYGVrxcE5A-m51Kypv0VJ3CkRC7o8rtESSB1YhZSFSbBrUWV5e4C3Yguq0Pri1m_nWPeEh6p2W/s1600/font.jpg" /></div>الخطوط تعتبر لمسة جمالية للمدونات وأحيانا تكون ضرورة في بعض المدونات خصوصا التي يتم إستخدام الكتابات فيها بشكل كبير لكن غالبية الوافدين الجدد على بلوجر يجدون صعوبة في إيجاد وتركيب الخطوط وفي هذا الموضوع سنشرح كيفة إضافة الخطوط وكيفية تنسيقها وضبطها في المدونات كل ما نحتاجه بعض التركيز<br /><br /><div style="text-align: center;"><a chref="http://cnmu.blogspot.com/p/preview.html?url=http://test-cnmu.blogspot.com/p/fonts.html" class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://test-cnmu.blogspot.com/p/fonts.html" target="_blank">معاينة حية للخطوط </a></div><br />قد تأخذ المعاينة بعض الوقت حتى تظهر الخطوط وهي معلومه يجب ان نعرفها وهي ان الخطوط المضافة يتم تحميلها كملفات مفرده لذا لا تقوم بتركيب أكثر من خط حتى لا تثقل مدونتك , يجب ان نعلم ان كل خط يتكون من جزئين أساسيين الجزء الأول هو ملف الخط وهو عبارة عن كود به رابط يحوي ملفات الخط وهذا ستتم إضافته تحت الوسم <span style="color: red;"><b><head></b></span><br />الجزء الثاني وهو الوسم الخاص بتفعيل الخط وهذا ما سنستخدمه في القالب ليظهر الخط وسنتعرف اكثر في الموضوع حول طريقة الإستخدام<br /> أول شئ تفعله هو إختيار كود الخط الذي يعجبك وركبه تحت الوسم <span style="color: red;"><b><head></b></span><br /><div style="text-align: right;"></div><a name="more"></a><br /><h3 style="text-align: center;"><b>Amiri</b></h3><div style="text-align: right;"></div><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3yosXcAZfNXQuM4rsQ05bYbeW3glZwsJmguJkZ9kiVzqXbmeDkr1zYH9yKgxdM_7JlxjNnZshUSkDQ6wPzXXUcMNVA9PGuaOTa8C6mWzXB2F96CWcKKByx5P1rzwjXFIXk9XzpEVVuQ0A/s1600/amiri.jpg" /></div><br /><div style="text-align: center;">الكود</div><br /><blockquote class="tr_bq"><link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/></blockquote><h4 style="text-align: right;">وسم الخط <span style="color: blue;"><b>font-family: 'Amiri';</b></span></h4><h3 style="text-align: center;"><b>Droid Arabic Kufi</b></h3><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGp0tvxgTFEp4YYUXOwp33RBJLrv_9V8R-SQSXT1Fwhy0gEqjVcfC0aYLOMHtdJ-fBn3x00Wxl2hDXHJ8Dg61zLF1nAUwnk3dP7QqhbEjcBCaJC_iIepoqk2n6ZEDzCLLrRFNInTvdgPa4/s1600/kufi.jpg" /></div><div style="text-align: center;">الكود</div><br /><blockquote class="tr_bq"><link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/></blockquote><h4 style="text-align: right;">وسم الخط <span style="color: blue;"><b>font-family: 'Droid Arabic Kufi';</b></span></h4><h3 style="text-align: center;"><b>Lateef</b></h3><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl9B5F-LWP887kKcGBGHPv-JIJp6ikJo3jeH4j_L3Ft6xyFMJDtnwjZrX1nglmG2EyWSt_rVMPL0viXqAU7HGtaZTzbs6Lh2frpWCUrlxW1tIX1dSHu7ZUnO7qgz4SBvCXwCGysZZTDUrR/s1600/lateef.jpg" /></div><div style="text-align: center;">الكود</div><br /><blockquote class="tr_bq"><link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/></blockquote><h4 style="text-align: right;">وسم الخط <span style="color: blue;"><b>font-family: 'Lateef';</b></span> </h4><h3 style="text-align: center;"><b>Scheherazade</b></h3><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiICjsi0CMSflR_twHoqd4nGilM2Xhzjj9YboQ_lUQ8d7flse_ct6raoa7wQMasQ31KFtbhrEycJ4aocWjoRykxtgSHXD8FZaOwIEqYo5oDlhuLM_ZXC8Vuc_b9jKmK1WJa1t5dC5bNayXx/s1600/shehz.jpg" /></div><div style="text-align: center;">الكود</div><br /><blockquote class="tr_bq"><link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/></blockquote><h4 style="text-align: right;">وسم الخط <span style="color: blue;"><b>font-family: 'Scheherazade';</b></span></h4><h3 style="text-align: center;">Thabit</h3><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3uQNs5eEddAlI6EFd88PsKi3OECAYOt6PREHyu91S7qrdTpdgJqgSIFbgNSepuiqyxdQR5REirEMUyxE8X2Gu50WjnT3F9LIIS63EbKhIkVq1r9aGlzsCRj9ppHZycSPT94JNzIZ8Sq7s/s1600/thabt.jpg" /></div><div style="text-align: center;"></div><div style="text-align: center;">الكود</div><br /><blockquote class="tr_bq"><link href='http://fonts.googleapis.com/earlyaccess/thabit.css' rel='stylesheet' type='text/css'/></blockquote>وسم الخط <span style="color: blue;"><b>font-family: 'Thabit';</b></span><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></div><div style="text-align: center;">بعد ان ركبت كود الخط الذي يعجبك سنتعرف على طريقة إستخدامه وأين نضع وسم الخط</div><div style="text-align: center;">لتطبيق الخط على المدونة كلها سنبحث عن هذا الكود <b>body</b> سنجد بعده مباشرة هذا القوس { بعد هذا القوس او تحته</div><div style="text-align: center;">سنضيف وسم الخط إن وجدت تحت<b> body</b> اى وسم لخط آخر وستجده يحمل هذه الكلمة <b>font-family</b> قم بحذفه</div><div style="text-align: center;">طبعا لا تنسى أن تأخذ نسخة من قالبك لتجنب أى خطأ</div><div style="text-align: center;">قد تجد أن الخط يعمل مع بعض الاجزاء في القالب ومع بعض الأجزاء الأخرى لا يعمل </div><div style="text-align: center;">والسبب يرجع الى أن الاجزاء الأخرى تم تخصيص خط آخر لها ولتعديلها يجب ان تبحث عن كل كلمة font-family وتستبدلها بوسم الخط وقد تكون بعدة صيغ فيجب ان تحدد الجزء مضبوط </div><div style="text-align: center;">مثال</div><div style="text-align: center;">مثال <span style="color: #666666;"><b>font-family: Helvetica, sans-serif;</b></span> يجب ان تحدد من بداية الكود حتى نهايته وهو ينتهي بهذا الرمز <span style="color: red;"><b>;</b></span></div><h3 style="text-align: center;">أكواد لتنسيق الخط</h3><h4 style="text-align: right;">حجم الخط <b>font-size:10px;</b> قم بزيادة الرقم لزيادة الحجم</h4><h4 style="text-align: right;">جعل الخط سميك <b>font-weight:bold; </b></h4><h4 style="text-align: right;">لون الخط <b>color:#000000;</b> غير اللون بما تحب </h4>وهذا مثال لكود body بالكامل أضفنا فيه الخط الأول وعدلنا السمك والحجم<br /><br /><blockquote class="tr_bq ">body {<br />    background: #000;<b><span style="color: red;"><br />font-family: 'Amiri';</span></b><br /><b><span style="color: red;">    color: #000;</span></b><br /><b><span style="color: red;">font-size:18px;</span></b><br /><b><span style="color: red;">font-weight:bold; </span></b><br />    margin: 0;<br />    text-align: center;<br />}</blockquote><br /><div style="text-align: center;">أتمنى ان يكون الشرح واضح لكل من طلبه من زوارنا الكرام </div><div style="text-align: center;">تحياتي للجميع</div><br /><br /></div>

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

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

مزيد من المعلومات »

فلاشات لعرض أكواد الألوان

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: center;" trbidi="on"><div dir="rtl" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://1.bp.blogspot.com/-sd_wkupcYi4/UTuKZMHdyYI/AAAAAAAAAwQ/5fWNOIRYadM/s1600/color.jpg" /></div>الالوان جزء أصيل وهام في تعديل القوالب والإضافات وهناك عدة طرق للحصول عليها ما بين إضافات للمتصفحات او مواقع وحتى المواقع تستخدم عدة طرق لتضيف اكاود الألوان بها ومن أسهل وأخف الطرق عن طريق ملفات فلاش جاهزه ولقد وجدت ملفين أحجامهم صغيره وفي نفس الوقت فعالين جدا في تحصيل أكواد الألوان Flash Files for color code ColorPicker.swf الملفات مرفوعة بروابط دائمة بإذن الله ويمكنك إختيار الفلاش الذي يعجبك وتضيفه لموقعك أو مدونتك في موضوع أو صفحة ثابته<br />الفلاش الأول <br /><a name="more"></a><br /></div><embed align="middle" allowscriptaccess="always" height="450" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/cmudawin/flash/color.swf" type="application/x-shockwave-flash" width="450"></embed><br /><br />الكود <br /><br /><blockquote class="tr_bq"><embed align="middle" allowscriptaccess="always" height="450" <br />pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" <br />src="https://sites.google.com/site/cmudawin/flash/color.swf" <br />type="application/x-shockwave-flash" width="450"></embed></blockquote><br />الفلاش الثاني<br /><br /></div><div style="text-align: center;"><embed align="middle" allowscriptaccess="always" height="300" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/cmudawin/flash/color-picker.swf" type="application/x-shockwave-flash" width="500"></embed></div><div style="text-align: center;">الكود </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><blockquote class="tr_bq"><embed align="middle" allowscriptaccess="always" height="320" <br />pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" <br />src="https://sites.google.com/site/cmudawin/flash/color-picker.swf" <br />type="application/x-shockwave-flash" width="500"></embed> </blockquote></div><div style="text-align: center;"><br /></div></div>

فلاشات لعرض أكواد الألوان

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

مزيد من المعلومات »

أضف محول أكواد بلوجر الى مدونتك

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img border="0" src="http://4.bp.blogspot.com/-pamyBopltFU/UTtKu4FvfaI/AAAAAAAAAvw/euDymSrX8aA/s1600/code.jpg" /></div>إضافة محول الأكواد وتستخدم في إعادة ترميز الاكواد لكي تصبح قابلة للعمل على منصة بلوجر يمكن إستخدامها في تحويل أكواد أدسنس أو تحويل الأكواد لإستخدامها في التعليقات الإضافة مهمة للمدونات خصيصا المدونات التي تعتاد إستخدام الأكواد بشكل متكرر تم تنسيق الإضافة وجعل الزر الخاص بها بشكل مميز بدلا من الشكل الإفتراضي والذي يكون مظهره غير جيد<br />يمكن أن تضع الإضافة في موضوع أو في صفحة ثابته وهو ما انصح به<br />ويمكنك إضافتها لصفحة ثابته بالطريقة التالية :- قم بالدخول للوحة التحكم وإختار الصفحات<br /><br /><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-vXFW-HkUqmo/URUfcius93I/AAAAAAAAAjw/Y1Cuk2GcE1I/s1600/sitemap+%25281%2529.jpg" /></div><br /><div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-egG8Kl3Vn_k/URUfcqq7PPI/AAAAAAAAAj0/HIeKy_Xz2_g/s1600/sitemap+%25282%2529.jpg" /></div><br /><div style="text-align: center;">وأضف بها الكود التالي</div><div style="text-align: center;"><br /></div><blockquote class="tr_bq"><div style="text-align: center;"><style type="text/css"><br />.cbt{text-align:center;display:block; Width:200px; margin-top:10px;color:#000;<span style="color: #0b5394;">background: #DAD8D9;background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );</span>font-size:14px;line-height:16px;text-decoration:none;border:1px solid #BEBEBE;padding:4px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}<br />.cbtn{margin-top:10px;color:#222;<span style="color: red;">background: #D1E0E5;background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);</span>text-decoration:none;border:1px solid #BEBEBE;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}<br /></style><br /><div align="center"><br /><div dir="ltr" style="float: center;" trbidi="on"><br /><span class="google-src-text" style="direction: ltr; text-align: left;"><span class="Apple-style-span" style="color: black;"><span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><script type="text/javascript"><br />function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&");replaced = replaced.replace(/</ig, "<");replaced = replaced.replace(/>/ig, ">");replaced = replaced.replace(/"/ig, """);replaced = replaced.replace(/±/ig, "±");replaced = replaced.replace(/©/ig, "©");replaced = replaced.replace(/®/ig, "®");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}<br /></script></span></span></span><br /><br /><table border="0" cellpadding="0" cellspacing="0" style="width: 400px;"><tbody><br /><tr> <td valign="top" width="400"><div align="center"><br /><textarea cols="50" id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);">