اضافة تابعنا عبر البريد follow us box

بسم الله الرحمن الرحيم 

اليوم سوف اقدم لكم اضافة تابعنا follow us box

الشكل الاول :

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

الدهاب الى تخطيط ==> اضافة اداة ==> html/javascript

ثم نسخ هذا الكود
<style> /*--------B2W Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <br /> <div style="display: none;"> Cool Social Media Sharing Touch Me Widget by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></div> <div class="touchme"> <!--RSS--> <a class="rss" href="http://www.blogger.com/YOUR%20RSS%20LINK" rel="external nofollow" target="_blank"></a> <!--Google Plus--> <a class="googleplus" href="http://www.blogger.com/YOUR%20GOOGLE%20PROFILE%20LINK" rel="nofollow" target="_blank"></a> <!--Facebook--> <a class="facebook" href="http://www.blogger.com/YOUR%20FACEBOOK%20LINK" rel="nofollow" target="_blank"></a> <!-- Twitter --> <a class="twitter" href="http://www.blogger.com/YOUR%20TWITTER%20LINK" rel="nofollow" target="_blank"></a> </div>
الشكل الثاني :



الدهاب الى تخطيط ==> اضافة اداة ==> html/javascript

ثم نسخ هذا الكود

<style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* Spinning Social Icons Widget By HelperBlogger */ </style> <center><p id="hb_socialicons"> <a href="http://www.facebook.com/btsnts/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFnhQnwZplKEay1Sf5jKcym4wtNTIoLgyke4bpbegIzdEoYwU2XDcJevG-7rP1lDDeZ4P1bmyaY2nQU0Z_cMSovKGG6KyCg7g3GBwOjzDhSykOlSF1tsym4q04QmUaQgnQZOxiaV7z2CM/s1600/helperblogger.com-facebook.png" /></a> <a href="http://www.twitter.com/helperblogger/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDT4YvtTC_QmMWeVa9MbDCtGAxekGZjIfQfC6QIYfXFva6nNuNYhXob0EBM9_OX_PdSiPiRQuH61J_gnU-GrVAjQ9W-PvJAMxh6fx7hIeucPJv1O0sh4hESbkqbGLlFq8CGQNj-F0c9w/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/u/0/106527290580119996124"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJa7P2ApfKs1nH88EP-2FClGM3CP9aXV2paoDVVwwixnzgGJ493AtS0POKa80rA7YgftZGN6atiVVZI5W13hyphenhyphenYicg60ByqMgYrMOUCxRh5RPEzbV_oIB4vr_we_xwJ_-2Bkc-SLbhOUQ/s1600/helperblogger.com-google_plus.png" /></a> <a href="http://www.feeds.feedburner.com/hblogger/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbAea8oRnUxXzRZKd1dvwT9L9M81BsXUHJQc6j54iZUGi0A7_SJTA_kBBphfW4QdLOhNGiDHL0UKC1lS8i6W2iqbZJr1ZQObQM5CN8wegAF-grpHI0aDLy1ur9xiN16QeXeQl8V92cyo/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/helperblogger1/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEsVVWSy2mp4UHvRwEl2-jl4xS8CuchRi2DOYjSP-Zt-NMvQQN4iB7d_aWE23PPbCLfzv2FDOS1-mqJkOtJkvuX21TYZzBTtmFr4-zeExL9mk97dWp2H2x1gOt-yPg6toVqcB1qyWxkt0/s1600/helperblogger.com-youtube.png" /></a> </p></center>

ليست هناك تعليقات:

إرسال تعليق

(تذكر قول الله تعالى ~ *=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===*)