السلام عليكم ورحمة الله
في إطار سلسلة دروس بلوجر دائما ، سأضيف لكم اليوم أداة جميلة لجمع المواقع الإجتماعية في خلفية واحدة واحترافية ، كما هي موجودة في موقع محترف الحسوب
لأداة بها تابعني على الفيسبوك وتويتر واليوتوب ثم النشرة البريدية ، مع تحديد
مجموع متابعي مدونتك في جميع هاته المواقع .
لتطبيق هاته الإضافة ماعليك فعله هو الذهاب إلى لوحة تحكم مدونتك وتقوم بالضغط على
التخطيط ثمإضافة أداة واختيار HTML /JAVA SCRIPT وتقوم بوضع هذا
الكود في الإطار وتضغط على حفظ.
<div class="widget-content"><div class="suive"> <h1>إنضم لأزيد من<b>998.557</b> متابع!</h1> <div class="icone"> <a target="_blank" href="http://facebook.com/younesochnes1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpDe1sqc6sz935XDzXOxgyd6g8Mmy1vQ4LDPIWIAmTK4uPlgHDWV1HSWQBaPvPDOCMNAx63tHc2Pr4nvNhzYzydrlySDsxPBJhKUw15yk_0LrHSq61wYwprNCBREKKTm3PFUVV6CFvElA/s1600/icoface.png" /></a> <a target="_blank" href="http://twitter.com/ochnes"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbnYw9NPDirLohQmY6EX5ESAPUjWz9AkOzrIJcuPQqy8JHL7a_-m54QiJAIWAJod5qnU_CqiW9Fytwq815wOQB2I9j0e4t3e3JATTkm27oZj6d8k6LfieYOWLDxpeET44CDui3bhse_F0/s1600/icotw.png" /></a> <a target="_blank" href="http://www.youtube.com/user/younesochnes?feature=mhee"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeQwFlf-agQViMGDiFvMMCAbCalVoROZ2WjXkS7Rq1hB1HhoKsup8WdNfcHG50Pp_MeCAecOKoxqPZIjLVR1UfH6ko02wIQbFyRixKYxDG7Jy2eNq4L383Ou8D3wOO5YP2Myi5AfkWU3I/s1600/icoyoutube.png" /></a><a target="_blank" href="http://feedburner.google.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuxPw-jQdhvlU58wF6C9TN0XER3kkXKCMXMvx0uB4PP1SHrCt_JF2l4X_nWPK-QVmQNAfO_dkRVQuNr1goC9wjbTj4EogO56R-L_4JlXQ-L8IX05pOHt5FIGMxuZqOL_1jMYZn2ODjiK4/s1600/48.png" /></a> </div> </div><style media="screen" type="text/css">.suive{ width:300px; height:123px; background: #FFFFFF; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3f2f2 0%, #d0d0d0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f2f2), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f2f2 0%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f2f2 0%,#d0d0d0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f2f2 0%,#d0d0d0 100%); /* IE10+ */ background: linear-gradient(top, #f3f2f2 0%,#d0d0d0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f2', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-8 */ border-radius:5px;}.suive h1{ font-size:22px; font-family:Arial; font-weight:500; color:#828181; text-align:center; padding:10px; margin:0;}.suive h1 b{ color:#ff9000;}.suive .icone{ height:42px; padding-right:40px;}.suive .icone a img{ float:right; margin-left:20px; -webkit-transition: margin 0.2s ease-in-out; -moz-transition: margin 0.2s ease-in-out; -o-transition: margin 0.2s ease-in-out; -ms-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; }.suive .icone a img:hover{ margin-top:-3px; }
</style>
</div>
*لتخصيص الأداة قم بتغييرالروابط باللون الأحمر إلى روابطك
*غير ما باللون الوردي إلى عدد متابعينك
أتمنى أن الإضافة قد أعجبتكم وإلى إضافات أخرى إن شاء الله
هل أعجبك الموضوع ؟
0 التعليقات:
إرسال تعليق
لا الله الي الله محمد رسول الله