إضافة زر إعجاب للمواضيع فى بلوجر

 إضافة زر إعجاب للمواضيع فى بلوجر

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

طريقة تركيب  إضافة زر إعجاب للمواضيع فى بلوجر

• اولا تتوجة الى المظهر.
• ثم تحرير HTML ثم قم بالبحث عن

/b:skin

وقم بوضع الكود التالي فوقه

.lovebutton-bloggerku { width: 100%; display: inline-block; text-align: center; margin: 20px 0; } .lovebutton-bloggerku .inner { text-align: center; display: inline-table; } .lovebutton-bloggerku a { background: #fff; border: 1px solid #aaa; display: inline-block; border-radius: 50%; width: 50px; height: 50px; cursor: pointer; float: left; overflow: hidden; margin-right: 10px; } .lovebutton-bloggerku .icon { padding-top: 13px; } .lovebutton-bloggerku svg { fill: #aaa; transition: all 0.2s; } .lovebutton-bloggerku a:hover svg { fill: #666; } .lovebutton-bloggerku a .active svg { fill: #F44336; } .lovebutton-bloggerku .total { line-height: 50px; font-size: 20px; display: inline; }

• ثم قم بالبحث عن

<data:post.body/>

• ثم قم بوضع الكود التالي اسفلة ؛ سوف تجدة مكرر عده مرات فى اغلب الاوقات هو الثانى ؛ ولكن عليك بالتجربة 

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

 <div class='lovebutton-bloggerku' expr:data-id='data:blog.blogId + "_" + data:post.id'>
    <div class='inner'>
        <a href='javascript:;'>
            <div class='icon'>
                <svg height='25' viewBox='0 0 1792 1792' width='25' xmlns='http://www.w3.org/2000/svg'><path d='M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26t-55.5-65.5-68-97.5-53.5-121-23.5-138q0-220 127-344t351-124q62 0 126.5 21.5t120 58 95.5 68.5 76 68q36-36 76-68t95.5-68.5 120-58 126.5-21.5q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z'/></svg>
            </div>
        </a>
        <div class='total'>جاري التحميل</div>
        <div style='clear:both;'/>
    </div>
</div>

• والان قم بالبحث عن

/body

• ثم قم يوضع الكود التالي فوقه

<script src='https://rawgit.com/iHussam/ar1web/master/lovely.js' type='text/javascript'/>

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

لمعاينه الاضافه