طريقة جعل مدونتك تمطر ايقونات ( فيس بوك - تويتر - rss - الخ ) .

السلام عليكم ورحمة الله تعالي وبركاتة 

نقدم لكم اليوم كود رائع جدا يجعل مدونتك تُمطر بايقونات الـ ( faceboo - twitter - rss )

او اى ايقونه تريد بشكل رائع من اعلي المنتدي الى منتصفحة حيث يبهر زوارك 

طريقة وضع الكود

1 - قم بالدخول إلى لوحة التحكم بلوجر الخاصة بمدونتك.

2 - توجه إلى تخطيط .

3 - ثم إضافة أداة.

4 - إختر HTML/JavaScript .

5 - ثم اختر احد الاكواد التاليه والصقها :

1- ايقونات الفيس بوك

الكود 

<marquee behavior="scroll" direction="down"
scrollamount="3" style="position:absolute; left:0px; top:0px;
width:40px; height:983px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/deleket/social-networking/32/Facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:189px;
top:33px; width:50px; height:946px; z-index:1;"><span
class="falling1"><img
src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="5" style="position:absolute; left:268px;
top:39px; width:50px; height:906px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-facebook-box-blue-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:112px;
top:0px; width:39px; height:987px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/icontexto/social-user/32/facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="6" style="position:absolute; left:372px;
top:0px; width:37px; height:939px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/dembsky/social-store/32/Facebook-shop-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:58px;
top:74px; width:42px; height:954px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/land-of-web/social-coffee/32/facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:550px;
top:13px; width:42px; height:983px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-facebook-box-white-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:460px;
top:25px; width:52px; height:947px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/simekonelove/modern-web/32/facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:629px;
top:13px; width:39px; height:935px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/icontexto/social-inside/32/social-inside-facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:744px;
top:7px; width:41px; height:999px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/designbolts/free-ribbon-social/32/Facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:686px;
top:64px; width:47px; height:922px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/evermor-design/smooth-social/32/Facebook-icon.pngg"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="4" style="position:absolute; left:809px;
top:25px; width:39px; height:950px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/arrioch/oled-social/32/facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:864px;
top:63px; width:44px; height:942px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/fasticon/christmas-social-bookmark/32/Facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="2" style="position:absolute; left:926px;
top:0px; width:41px; height:937px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/graphics-vibe/cloud-social/32/facebook-icon.png"
/></span></marquee>

2- ايقومنات تويتر 

الكود

<marquee behavior="scroll" direction="down"
scrollamount="3" style="position:absolute; left:0px; top:0px;
width:40px; height:983px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/deleket/social-networking/32/Facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:189px;
top:33px; width:50px; height:946px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/iconshock/vector-twitter/32/twitter-relax-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="5" style="position:absolute; left:268px;
top:39px; width:50px; height:906px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/iconshock/social-superheroes/32/twitter-batman-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:112px;
top:0px; width:39px; height:987px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/designbolts/pink-girly-social/32/Hover-Twitter-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="6" style="position:absolute; left:372px;
top:0px; width:37px; height:939px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/cute-little-factory/social-trucks/32/twitter-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:58px;
top:74px; width:42px; height:954px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/iconshock/vector-twitter/32/twitter-man-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:550px;
top:13px; width:42px; height:983px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/arrioch/birdies/32/twitter-follow-me-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:460px;
top:25px; width:52px; height:947px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/deleket/social-networking/32/Twitter-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:629px;
top:13px; width:39px; height:935px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-twitter-box-blue-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:744px;
top:7px; width:41px; height:999px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/iconka/social-treat/32/sweeter-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:686px;
top:64px; width:47px; height:922px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/ampeross/qetto/32/twitter-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="4" style="position:absolute; left:809px;
top:25px; width:39px; height:950px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/banzaitokyo/ugly-birds/32/aberthol-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:864px;
top:63px; width:44px; height:942px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/designbolts/free-retro-style-social/32/Twitter-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="2" style="position:absolute; left:926px;
top:0px; width:41px; height:937px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/lboi/tweetscotty/32/twitter-bot-icon.png"
/></span></marquee

3- ايقونات الـ RSS

الكود

<marquee behavior="scroll" direction="down"
scrollamount="3" style="position:absolute; left:0px; top:0px;
width:40px; height:983px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/emey87/social-button/32/rss-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:189px;
top:33px; width:50px; height:946px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/iconcreme/halloween/32/Rss-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="5" style="position:absolute; left:268px;
top:39px; width:50px; height:906px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/aha-soft/3d-social/32/RSS-Reader-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:112px;
top:0px; width:39px; height:987px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/graphics-vibe/shield-badge-social/32/rss-feed-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="6" style="position:absolute; left:372px;
top:0px; width:37px; height:939px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/graphics-vibe/purple-glossy-social/32/rss-feed-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:58px;
top:74px; width:42px; height:954px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/icontexto/social-user/32/rss-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:550px;
top:13px; width:42px; height:983px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/graphics-vibe/spring-social/32/rss-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:460px;
top:25px; width:52px; height:947px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/pixelresort/peely/32/rss-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:629px;
top:13px; width:39px; height:935px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/tribalmarkings/colorflow/32/Rss-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:744px;
top:7px; width:41px; height:999px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/colorflow/colorflow_1/32/53-RSS-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:686px;
top:64px; width:47px; height:922px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/dryicons/aesthetica-2/32/rss-add-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="4" style="position:absolute; left:809px;
top:25px; width:39px; height:950px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/mcdo-design/compass/32/RSS-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:864px;
top:63px; width:44px; height:942px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/deleket/orb/32/RSS-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="2" style="position:absolute; left:926px;
top:0px; width:41px; height:937px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/dembsky/social-store/32/rss-shop-icon.png"
/></span></marquee>

4- ايقونات فيس بوك وتويتر و RSS

الكود

marquee behavior="scroll" direction="down"
scrollamount="3" style="position:absolute; left:0px; top:0px;
width:40px; height:983px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/deleket/social-networking/32/Facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:189px;
top:33px; width:50px; height:946px; z-index:1;"><span
class="falling1"><img
src="http://cdn1.iconfinder.com/data/icons/socialnetworking/32/facebook.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="5" style="position:absolute; left:268px;
top:39px; width:50px; height:906px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-facebook-box-blue-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:112px;
top:0px; width:39px; height:987px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/icontexto/social-user/32/facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="6" style="position:absolute; left:372px;
top:0px; width:37px; height:939px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/dembsky/social-store/32/Facebook-shop-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:58px;
top:74px; width:42px; height:954px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/land-of-web/social-coffee/32/facebook-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:550px;
top:13px; width:42px; height:983px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-facebook-box-white-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:460px;
top:25px; width:52px; height:947px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/deleket/social-networking/32/Twitter-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:629px;
top:13px; width:39px; height:935px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-twitter-box-blue-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:744px;
top:7px; width:41px; height:999px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/iconka/social-treat/32/sweeter-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:686px;
top:64px; width:47px; height:922px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/ampeross/qetto/32/twitter-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="4" style="position:absolute; left:809px;
top:25px; width:39px; height:950px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/mcdo-design/compass/32/RSS-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:864px;
top:63px; width:44px; height:942px; z-index:1;"><span
class="falling1"><img
src="http://icons.iconarchive.com/icons/deleket/orb/32/RSS-icon.png"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="2" style="position:absolute; left:926px;
top:0px; width:41px; height:937px; z-index:1;"><span
class="falling2"><img
src="http://icons.iconarchive.com/icons/dembsky/social-store/32/rss-shop-icon.png"
/></span></marquee>

ويمكنك اضافة ايه ايقونة تريدها عن طريق تغيير روابط الصور فى الاكواد السابقة 

خذ هذا الكود وقم بوضع الصور التى تريدها مكان " رابط الصورة هنا "

الكود

<marquee behavior="scroll" direction="down"
scrollamount="3" style="position:absolute; left:0px; top:0px;
width:40px; height:983px; z-index:1;"><span
class="falling1"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:189px;
top:33px; width:50px; height:946px; z-index:1;"><span
class="falling1"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="5" style="position:absolute; left:268px;
top:39px; width:50px; height:906px; z-index:1;"><span
class="falling2"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:112px;
top:0px; width:39px; height:987px; z-index:1;"><span
class="falling1"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="6" style="position:absolute; left:372px;
top:0px; width:37px; height:939px; z-index:1;"><span
class="falling2"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:58px;
top:74px; width:42px; height:954px; z-index:1;"><span
class="falling1"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:550px;
top:13px; width:42px; height:983px; z-index:1;"><span
class="falling2"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:460px;
top:25px; width:52px; height:947px; z-index:1;"><span
class="falling1"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:629px;
top:13px; width:39px; height:935px; z-index:1;"><span
class="falling2"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="3" style="position:absolute; left:744px;
top:7px; width:41px; height:999px; z-index:1;"><span
class="falling1"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="7" style="position:absolute; left:686px;
top:64px; width:47px; height:922px; z-index:1;"><span
class="falling2"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="4" style="position:absolute; left:809px;
top:25px; width:39px; height:950px; z-index:1;"><span
class="falling1"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="1" style="position:absolute; left:864px;
top:63px; width:44px; height:942px; z-index:1;"><span
class="falling1"><img
src="رابط الصورة هنا"
/></span></marquee>
    <marquee behavior="scroll"
direction="down" scrollamount="2" style="position:absolute; left:926px;
top:0px; width:41px; height:937px; z-index:1;"><span
class="falling2"><img
src="رابط الصورة هنا"
/></span></marquee>

ويمكنك استخدام هذا الموقع لايجاد الصور اللتى تريدها 

وبالحجم الذى تريده اضغط هنا

لا تحرموني من ردودكم