• 0

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

السلام عليكم

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

زي المدونة دي www.r2y.net

تتعمل ازاي ؟

 

Capture.PNG

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0
بتاريخ 6 دقائق مضت قال السيد محمد3:

السلام عليكم

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

زي المدونة دي www.r2y.net

تتعمل ازاي ؟

 

Capture.PNG

وعليكم السلام اخي @السيد محمد3

يتم عمل ذلك من خلال التعديل على الكود برمجيا باضافة كود خاص لتنزيل الصور من خلال تمرير رابط الصورة 
 

<a class="btnlink4" href="#">Download this Image.</a>


اذا لم يكن لديك خبرة من ناحية البرمجة ,يمكنك طلب ذلك من خمسات (يمكنني اقتراح خدمة مناسبة لك) 

 

تحياتي

شكرا لك

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

وعليكم السلام اخي @السيد محمد3.

هذا نموذج صفحة html تعرض صورة معا زر مشاركة إلى تويتر و تحميل.

<!DOCTYPE html>
<html>
    <head>
        <title>Download Image</title>

        <style>
            .container{
                
                width: 50%;
                text-align: center;
                margin: auto;
                margin-top: 150px;
                padding: 10px 5px;
                background-color: #f2f2f2;
                border-radius: 25px;
            }
            .buttons{
                padding-top: 10px;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <!--الصورة-->
            <img src="https://file-examples.com/wp-content/uploads/2017/10/file_example_JPG_500kB.jpg" alt="flower" width="600px" height="420px">
            <div class="buttons">
                <!--مشاركة إلى تويتر-->
                <button><a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a></button><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
                
                <!--تحميل الصورة-->
                <button><a href="https://file-examples.com/wp-content/uploads/2017/10/file_example_JPG_500kB.jpg" download>Download</a></button>
            </div>
        </div>
    </body>
</html>

أطيب تحياتي.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن