31/03/2017

شرح بالفيديو كيفية انشاء مدونة بلوجر مجانية والربح منها


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

الفرق بين مدونة الكترونية وموقع ويب

المدونات Blogs

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

مدونة عامة

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

مدونة شخصية أو خاصة

مهنسي جوجل يتوفرون على مدونات شخصية ينشرون فيها بعد المستجدات حول مشاريعهم الشخصية.

استضافة المدونات تكون مجانية أو مستضافة. مدونات بلوجر مثلا يتم استضافتها مجانا على خوادم جوجل. أما ووردبريس فهي كذلك مستضافة على ووردبريس ولكن شركات أخرى توفر خدمة الإستضافة بمقابل.

المواقع Websites

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

موقع ويب ثابت Static Website

تستعمل لتقديم معلومات ولا يمكن للزوار اضافة اي شيء اليها بل يقوم بتثفحها فقط.

موقع ويب تفاعلي Dynamic Websites

يمكن للزائر أن يساهم في محتوى الموقع. مثلا فيس بوك هو موقع تفاعلي إذ يمكن للزوار اضافة الصور والتعليقات...

هل يمكن انشاء موقع الكتروني مجاني؟

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

ماذا تختار موقع أم مدونة؟

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

بصفة عامة، كل مبتدئ يجب أن يبتدئ بمدونة ثم يمكنه انشاء موقع لاحقا.

بعض المعلومات حول التدوين والمدونات قبل البدء بالنشر

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

ما هو التدوين؟

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

في البداية كانت المدونات عبارة عن مفكرات يكتب فيها الناس ما يفعلونه يوميا مثل المذكرات. وكانت للكتابة حول أي شيء من أفكارهم إلى عاداتهم اليومية.

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

أصول ظاهرة التدوين

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

وبما أن وسائل النشر على الإنترنت انتشرت كثيرا فقد أصبح للمدونات أهميتها القصوى واكتشف الناس حقيقة قوتها وفاعليتها.
أصبحت المدونات وسيلة للتعبير والتواصل. بل تعدت ذلك لتصبح مصدرا لربح الأموال.

ما الذي يدفع الناس للتدوين؟

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

إظافة لكل هذا، ايجاد المواضيع المناسبة لمدونتك يجعل الأمر ممتعا مع ربح المال في نفس الوقت.

التدوين حول المواضيع التي تذكي شغفك

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

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

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

تصور أن تكتب عن شيء تحبه وأنت تربح المال. أليس هذا أجمل حلم يمكن أتراه في حياتك؟

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

البحث عن السوق للمدونة

1- السوق المستهدف:

لديك سيارة فيراري للبيع هل ستذهب بها لحي فقير لبيعها ؟ بالطبع لا لأنك لن تجد مشتريا، هذا هو المبدأ. اختيار السوق المناسب يعتبر هاما جدا وإلا فإنك ستخسر كل مجهوداتك من أجل لا شيء. الأمر هنا يتعلق بنوع القراء الذين تستهدفهم والذين ستكتب من أجلهم.

2- أنواع الأسواق:

   - السوق الواعدة: تتميز بالطلب والعرض بكثرة لكنها شديدة المنافسة وتتطلب مجهودا جبارا للدخول إليها.

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

3- كيف أجد السوق المناسب؟

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

4- نوعية المنتجات 

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

بتعرفك على هذه النقط يمكنك المرور للمرحلة الموالية وهي إعداد المدونة.

إعداد المدونة

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

المدونات المجانية والمؤدى عنها

الفرق بين المدونات المجانية والمؤدى عنها يرتبط بجودة الخدمات التي توفرها كل منها.

لماذا المجانية عوض المؤدى عنها؟

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

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

شراء إسم النطاق

إسم النطاق ينصح بشراءه منذ البداية حتى لا تفقدوا قيمة المدونة لأن رابطها يتغير بشكل كامل.

اختيار إسم المدونة

وجدت السوق وعرفت تخصص مدونتك والمواضيع التي ستتناولها. من خلال هذه العناصر سيتم اختيار إسم مناسب لمدونتك. راجع موضوع كيفية اختيار اسم شهرة مناسب للمدونة.

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

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

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


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

كيف ومن أين أكتب مقالاتي؟


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

التقليد يقتل

لا تحاول النسخ من مدونات أخرى أو تقليدها لأن أليات محركات البحث ستتجاهل مدونتك وهو ما سيؤدي لعدم زيارتها. حاول أن تكون متفردا فيما تنشره لتتميز عن منافسيك.

الجودة أولا وأخيرا

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

هل أنت مستعد لولوج عالم التدوين؟ إذا كان جوابك نعم فمرحبا بك يا أخي أو أختي في عالم المدونين.

انشاء مدونة مجانية على  بلوجر التابعة لجوجل

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

اسئلة شائعة حول بلوجر

سؤال: كم من مدونة استطيع عملهاعلى بلوجر؟
جواب: مائة لكل حساب كما اشرنا اعلاه

سؤال:كم عدد المشاركات أو المواضيع التي يمكن نشرها؟
جواب: غير محدود

سؤال: هل أحتاج تعلم كيفية تصميم المواقع لاستعمال بلوجر؟
جواب: لا

سؤال: هل يستعمل المهنيون والمحترفون بلوجر؟
جواب: نعم، فمدونات جوجل كلها تستعمل بلوجر وهي بدرجة عالية من المهنية.

سؤال: كم يتطلب من الوقت لانشاء مدونة؟
جواب: اقل من دقيقية شاهد الفيديو في الاسفل

سؤال: ماذا احتاج لذلك؟
جواب: حساب جي ميل لا اقل ولا اكثر.

سؤال: هل يقدم جوجل اسم نطاق .com .كوم مجانا؟
جواب: لا يجب عليك شراءه وربطه بمدونتك

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

سؤال: كيف يتم كتابة ونشر موضوع أو مقالة على بلوجر؟
جواب: بلوجر يوفر أداة لكتابة اي موضوع واضافة الصور واشرطة الفيديو ثم مشاركته على الانترنت.

انشاء مدونة مجانية على بلوجر مع اثبات الملكية وارسالها لجوجل


24/02/2017

إضافة فهرس بشكل رائع للمدونة


إضافة فهرس بشكل رائع للمدونة

إضافة فهرس بشكل رائع للمدونة


فهرس جميل ورائع للمدونة

طريقة التركيب
لوحة التحكم - الصفحات - صفحة جديدة -ابدل من تأليف الى HTML
وضع الكود التالي مع تغيير رابط المدونة برابط مدونتك

<style type='text/css' scoped='scoped'>#sidebar-wrapper{display:none!important}#main-wrapper{width:100%!important}#show-cat{float:left;margin:20px 5% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:18px;border:1px solid #ccc}#show-cat ul{margin:0;border-top:0 solid #ccc;padding:0}#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:0 solid #ccc;border-left:0 solid #ccc;padding:0}#show-cat ul li a{display:block;padding:10px;border-bottom:1px solid #ccc}#navi-cat a:hover{color:#fff!important}#show-cat ul li:last-child a{border-bottom:none}#show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none}#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}#show-cat ul li a:hover,#navi-cat a:hover{background:#666;color:#fff}#show-post{float:left;width:69%;line-height:1.6em}#show-post ul li{list-style-type:none;margin:10px 0 0 -40px;padding:10px;border:1px solid #ddd}#show-post a:hover{color:#07ACEC}#show-post a{color:#333;font-weight:bold}#navi-cat{padding:20px 0}#navi-cat a{margin-right:10px;border:1px solid #ccc}#navi-cat a,#navi-cat span{padding:10px 15px}#navi-cat span{float:right}#show-cat::-webkit-scrollbar{width:8px;height:8px}#show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:2px}#show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}#show-cat::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}@media screen and (max-width:768px){#show-cat{width:35%}#show-post{width:59%}}@media screen and (max-width:480px){#show-cat{width:100%;margin:20px 0}#show-post{width:100%}}</style><div id='show-cat'></div><div id='show-post'><script type='text/javaScript'>var cat_home='http://www.hloly.com';cat_numb=8;cat_pre='السابق';cat_nex='التالي';var cat_name;var cat_start;var cat_class;function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');</script></div><div style='clear:both'></div>

حذف الاضافات التي لاتوجد بها كلمة حذف على بلوجر


حذف الاضافات التي لاتوجد بها كلمة حذف على بلوجر

حذف الاضافات التي لاتوجد بها كلمة حذف على بلوجر

  
حذف الاضافات التي لاتوجد بها كلمة حذف على بلوجر
تابع الشرح التالي


ثم اختر تحرير HTML ولكن قبل ذلك يجب أن تحفظ نسخة إحتياطية من قالب من مدونتك ولمعرفة كيف تحفظ نسخة إحتياطية من قالب مدونتك تفادياً للأخطاء
    إضغط ctrl+f ثم ابحث عن اسم الأداة التى تريد حذفها وليكن اسم الأداة " تجريبى" مثلا، بعد ذلك ستجدها على هذا الشكل:

        

    ثم غير true بكلمة false لتصبح على هذا الشكل


    ثم أحفظ القالب 

      الآن نكون قد وضعنا خيار الحذف فإذا ذهبنا
      الآن للأداة سنجد بها خيار الحذف كما هو موضح فى الصورة 


        شرح لطريقة أرشفة مواضيعك في محرك البحث Google فور نشرها


        شرح لطريقة أرشفة مواضيعك في محرك البحث Google فور نشرها


        السلام عليكم , متابعي مدونة قلعة الربح من الانترنت اليوم سوف نتطرق إلى ىشرح كيفية أرشفة مواضيع موقعك أو مدونتك في نحرك البحث Google فور نشرها , الشرح  سوف يغنيك عن الشروحات الكثيرة والمتبعة المتواجدة في المنتديات والمدونات فقد قمت بتبسيط الطريقة لتكن سهلة وغير متعبة بالإضافة إلى نتائج رائعة في محرك البحث جوجل لاتنسى الإعجاب ومشاركة الموضوع ليستفيد الجميع مشاهدة ممتعة...


        23/02/2017

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


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




        بسم الله السلام عليكم اعزائي تحياتي لك زائر اومتابع , موضوع اليوم عن ازرار المعاينة والتحميل لمدونات بلوجر, بالطبع تتواجد الكثير من الاشكال لازرار المعاينة والتحميل ولكن عدي لكم بازرار بشكل فلات والوان متناسقة 
        ايضا يمكنك تغييرها وهو كود CSS بسيط مع تأثير hover لا يلزم الكثير من الخبرات
         ايضا يمكنك عمل معاينة للازرار عبر زر المعاينة.


        شرح و كيفية تركيب 
          1. داخل القالب تحرير html 
          2. فوق هذا الوسم  <b:skin/>  نضع الكود التالي:
        #wrap {margin:20px auto;text-align:center;} a.btn {display:inline-block;position:relative;font-family:'Droid Arabic Kufi',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;} a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;} a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;} a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;} a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}

          1. الان عند كتابة موضوع اذهب الى خانة  html 
          2. وتضع الكود التالي اسفل اكواد الموضوع :
        <div id="wrap"><a class="btn" href="#"><i class="fa fa-eye"></i> معاينة</a></div> <div id="wrap"><a class="btn warn" href="#"><i class="fa fa-diwnload"></i> تحميل</a></div>