اضافة زر المشاهدة والتحميل لبلوجر بتقنية css

نشر في :

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

كثيرا ما نشاهدها في المدونات الاجنبية لكن معظم المدونين العرب لا يعرف هذه الطريقة .

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




لنبدأ على بركة الله

1 - قم بتسجيل الدخول إلى مدونتك بلوجر.

2 - من لوحة التحكم الخاصة بمدونتك توجه إلى تصميم أو قالب.

3- ابحث عن :


]]></b:skin>

ثم قم بإضافة هذا الكود قبله مباشرة :


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


ثم اذهب الي مشاركة جديدة و عندما تحتاج لهذه الاضافة اضغط علي زر html بجانب زر تاليف ثم اضف الكود التالي 


<a class="demobutton button" href="الرابط الذي تريد مشاهدته" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">مشاهدة</span></a>


<a class="demobutton button" href="الرابط الذي تريد تحميله" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">تحميل </span></a> 



 غير ما باللون الاحمر بما يتماشي معك 


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

كثيرا ما نشاهدها في المدونات الاجنبية لكن معظم المدونين العرب لا يعرف هذه الطريقة .

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




لنبدأ على بركة الله

1 - قم بتسجيل الدخول إلى مدونتك بلوجر.

2 - من لوحة التحكم الخاصة بمدونتك توجه إلى تصميم أو قالب.

3- ابحث عن :


]]></b:skin>

ثم قم بإضافة هذا الكود قبله مباشرة :


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


ثم اذهب الي مشاركة جديدة و عندما تحتاج لهذه الاضافة اضغط علي زر html بجانب زر تاليف ثم اضف الكود التالي 


<a class="demobutton button" href="الرابط الذي تريد مشاهدته" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">مشاهدة</span></a>


<a class="demobutton button" href="الرابط الذي تريد تحميله" rel="nofollow" style="float: left;" target="_blank"><span style="display: inline-block;">تحميل </span></a> 



 غير ما باللون الاحمر بما يتماشي معك 

شاركها !

توصل بمواضيعنا على ايميلك
;

جميع الحقوق محفوظة لمدونة محترفي الكمبيوتر ©2013 | جميع المواد الواردة في هذا الموقع حقوقها محفوظة لذى ناشريها ، لايسمح بنقل المواضيع من غير ذكر مصدر .