كما نعلم جميعا انه كلما زاد عدد متابعي المدونه الذين يصلهم كل ما هو جديد بالنسبه لمواضيعك زادت نسب المشاهده وزادت الارباح الخاصه بك ولكن كيف تقنع الزائر بالاشتراك في المدونه الخاصه بك سوف نتحدث في موضوع اخر عن طرق مميزه لاقناع الزائر بالاشتراك في مدونتك ومتابعه اخبار المدونه اولا باول واليوم جئنا لحضراتكم باضافه مميزه وهي عباره عن شكل متحرك يتم اضافته الي المدونه الخاصه بك تطلب فيها من الزائر الاشتراك في مدونتك وليس من الضروري اضافتها في الصفحه الرئيسيه فيمكنك اضافه الاداه الي المواضيع الخاصه بك في نهايه الموضوع .
اضافه انضم الي متابعي و اعضاء المدونه | اضافات بلوجر 2020
السلام عليكم متابعي موقع جنا للكمبيوتر , اليوم سوف نقدم لحضراتكم موضوع جديد في قسم اضافات بلوجر اداه مميزه جدا لاقناع الزائر بالاشتراك في المدونه الخاصه بك والاداه هي عباره عن صندوق متحرك به بعض الكلمات التي يمكنك تغييرها بالعبارات التي تريد ان يراها الزائر ويمكنك ايضا تغيير الوانها للون الذي يتناسب مع المدونه الخاصه بك .
مميزات اداه انضم الي متابعي المدونة/الموقع
- سهله التركيب علي مدونه بلوجر.
- امكانيه تغيير العبارات المدرجه في الاداه.
- امكانيه تغيير الالوان الخاصه بالاداه بما يتناسب مع الوان مدونتك.
- تركيب الاداه من داخل التخطيط.
- امكانيه ادراجها داخل المواضيع.
لمعاينه لشكل الاداه
طريقه تركيب الاداه علي مدونات بلوجر
- قم بالدخول الي مدونه بلوجر.
- قم بالدخول الي التنسيق.
- قم باختيار اضافه اداه html .
- قم بنسخ الاكواد ووضعها في المكان المخصص لها.
- قم باختيار حفظ.
الاكواد الخاصه بالاضافة
<style>
.najiri-bo{ background:linear-gradient(to left, #6b337a, rgb(45, 33, 63));border: 4px solid #e91e63;border-radius: 8px;padding: 15px;
border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1}
/* btn demo */ .najiri-demo{ margin: 10px auto;
text-align: center; text-decoration: none; cursor:pointer!important;
overflow:hidden; text-decoration:none; display:inline-block;
-webkit-appearance:none; font-size:1em; border-radius:4px;
color:rgba(255,255,255,0.8); font-weight:300;padding:5px 20px 20px 20px;
margin:0 15px; box-shadow:0 2px 2px 1px rgba(0,0,0,0.1);transition:all 0.3s; background:#92299e; }
.najiri-demo:hover{ box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
position:relative;overflow:hidden;-webkit-transform:translatez(0) }
</style>
<div class="najiri-bo" style="">
<span style="color:#ffffff;">إشترك ليصلك أجدد المواضيع
</span>
<br />
<br />
<p style="text-align:center;">
<a class="najiri-demo" target="_blank" rel="noopener nofollow" href="https://www.blogger.com/follow.g?view=FOLLOW&blogID=8210370101289549385">
<img class="najiri-z" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Wf48sNTyH1Q_A1NoaoDHo__mrzngmzOv0B6WyzkB7HZfJ1cp2e9uoJvdt_9YzNf_DH5YeiDuF6hapWzJ_O-thV8jfbkD7xzEPgtx0tPC3YxX0LHYCKGPNNqyR9o6tjBvT3uDiRjDhvI/s1600/mdwab1.gif" style="
position: absolute;
width: 80px;
margin-left: auto;
margin-right: auto;
margin-top: -44px;
z-index: 9998;
" />
<br />
كن واحد من الأعضاء
</a></p>
</div>الان يمكنك وضع الاضافه في المكان الذي تفضله مع العلم ان الاضافه لابد من القيام بالتعديل علي الرقم المحدد باللون الاحمر وتغييره الي رقم مدونتك هذا الرقم هو id المدونة