- قم بالدخول إلى المدونة.
- انقر على تحرير الموضوع الذي تود إضافة أزرار إليه أو أنقر على إضافة موضوع جديد.
- قم بالتحويل إلى HTML الخاصة بالموضوع.
- أضف الكود الموجود أسفله في المكان المناسب حيث تريد للزر بالظهور.
بالنسبة للأزرارالبسيطة:
<div class="small-button">
<a class="button small" href="https://www.blogger.com">Button Small</a>
<a class="button medium" href="https://www.blogger.com">Button Medium</a>
<a class="button large" href="https://www.blogger.com">Button Large</a>
</div>
بالنسبة للأزرار ذات الأيقونات:
<div class="small-button">
<a class="button small demo" href="https://www.blogger.com">Demo Button</a>
<a class="button medium demo" href="https://www.blogger.com">Demo Button</a>
<a class="button large demo" href="https://www.blogger.com">Demo Button</a>
<br>
<div class="clear">
</div>
<a class="button small download" href="https://www.blogger.com">Download Button</a>
<a class="button medium download" href="https://www.blogger.com">Download Button</a>
<a class="button large download" href="https://www.blogger.com">Download Button</a>
<br>
<div class="clear">
</div>
<a class="button small buy" href="https://www.blogger.com">Buy Now Button</a>
<a class="button medium buy" href="https://www.blogger.com">Buy Now Button</a>
<a class="button large buy" href="https://www.blogger.com">Buy Now Button</a>
<br>
<div class="clear">
</div>
<a class="button small visit" href="https://www.blogger.com">Visit a Link Button</a>
<a class="button medium visit" href="https://www.blogger.com">Visit a Link Button</a>
<a class="button large visit" href="https://www.blogger.com">Visit a Link Button</a>
</div>
ستظهر النتيجة بالنسبة للأزرارالبسيطة:
ستظهر النتيجة بالنسبة للأزرار ذات الأيقونات:
لا تنسى تغيير ما تود تغييره بعد العودة إلى المحرر العادي
ليست هناك تعليقات:
إرسال تعليق