 |
| اضافه انضم الي متابعي و اعضاء المدونه | اضافات بلوجر 2020 كما نعلم جميعا انه كلما زاد عدد متابعي المدونه الذين يصلهم كل ما هو جديد بالنسبه لمواضيعك زادت نسب المشاهده وزادت الارباح الخاصه بك ولكن كيف تقنع الزائر بالاشتراك في المدونه الخاصه بك سوف نتحدث في موضوع اخر عن طرق مميزه لاقناع الزائر بالاشتراك في مدونتك ومتابعه اخبار المدونه اولا باول واليوم جئنا لحضراتكم باضافه مميزه وهي عباره عن شكل متحرك يتم اضافته الي المدونه الخاصه بك تطلب فيها من الزائر الاشتراك في مدونتك وليس من الضروري اضافتها في الصفحه الرئيسيه فيمكنك اضافه الاداه الي المواضيع الخاصه بك في نهايه الموضوع . اضافه انضم الي متابعي و اعضاء المدونه | اضافات بلوجر 2020
السلام عليكم متابعي قناه ومدونه عيون للمعلوميات , اليوم سوف نقدم لحضراتكم موضوع جديد في قسم اضافات بلوجر اداه مميزه جدا لاقناع الزائر بالاشتراك في المدونه الخاصه بك والاداه هي عباره عن صندوق متحرك به بعض الكلمات التي يمكنك تغييرها بالعبارات التي تريد ان يراها الزائر ويمكنك ايضا تغيير الوانها للون الذي يتناسب مع المدونه الخاصه بك .
مميزات اداه انضم الي متابعي المدونه
صوره لمعاينه لشكل الاداه طريقه تركيب الاداه علي مدونات بلوجر
الاكواد الخاصه بالاضافه |
<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=1538094037797163703">
<img class="najiri-z" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGNqzoLhlY1DMCBFolxlE8BqRBuTnCCFJd7t2gj1kTt5DBjDdeEpKqRlCBwj6I933MCMTAykeAoo70Uvoai7BR5I2S4qah5eaNwUSy-A1jWy5GYPdRRjD2BCbb_YJJ7i_AxdPk3WJTxgU/s1600/mdwab1.gif" style="
position: absolute;
width: 80px;
margin-left: auto;
margin-right: auto;
margin-top: -44px;
z-index: 9998;
" />
<br />
كن واحد من الأعضاء
</a></p>
</div>
الان يمكنك وضع الاضافه في المكان الذي تفضله مع العلم ان الاضافه لابد من القيام بالتعديل علي الرقم المحدد باللون الاحمر وتغييره الي رقم مدونتك