إضافة المواقع الإجتماعية بشكل أكثر من رائع وفي أي مكان تريد, لمدونات بلوجر

Social Icon

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

اليوم سوف نتطرق لموضوع جميل قد يحتاجه الجميع و هو إضافة المواقع الإجتماعية الخاصة بالمدونة وصاحبها ومنا نرى من خلال الصورة الأولى هذه الآداة رائعة ذات صور جميلة وتأثير رائع ويمكنك تخصيصها كما تريد..

نتطرق للشرح..

سجل دخولك إلى المدون ثم افتح لوحة لوحة التحكم وإضغط على قالب

ثم إضغط تحرير HTML

ثم وسع القالب من عند هذا الوسم 

 الآن أبحث عن الوسم

 ]]></b:skin>

ثم ضع فوقه مباشرتاً هذا الكود

/*sus code by Mini-Soft */

 .Mini-Soft {

border-radius: 100%;

box-shadow: 0px 0px 1px #000;

padding:0;

border:0;

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

}

.Mini-Soft:hover {

box-shadow: 0;

border-radius: 0;

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s;

cursor:pointer;

}

.Mini-Soft-center {

        text-align: center;

}

 /*sus code by Mini-Soft */

حتى يكون هذا 

أحفظ قالبك ثم أذهب الى التخطيط 

أختر إضافة آداة 

أختر HTML/JavaScript 

ثم أكتب في الخانة رقم واحد أسم الإضافة كما يحول لك
في الخانة رقم 2 ضع الكود التالي ثم إضغط حفظ

 <div class="Mini-Soft-center">

<a href="رابط الفيسبوك" target="_blank" title="Facebook"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxWjiaRthQgDCPIzXuLk_1VmWLCO7I4p6R1_e8QS4LelzElA7Nvsjtgo737jTgsKm3_zUROKurWyo8vQyYTJErhui89fs823gAgRyT6-zeNdu5N3W2P-YP7p3oCYyGDdsxaytnLKS3wCU/s64-no/Facebook-MiniSoft.png" /></a>

<a href="رابط تويتر" target="_blank" title="Twitter"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCrWVup-x2gDyQmXWCrAX2BTV9Gp3hIUoijbMfA46iAZNNgUbENcZ0PK1_oNzxUW_Re35ywbz9-ssHZP2G10BxWZGIx-SKAZxBLAZ7f719vHC1w-kfVJfwe1RKPuZA839iSe5dE5z0E5Y/s64-no/Twitter-MiniSoft.png" /></a>

<a href=&quot;رابط يوتيوب" target="_blank" title="YouTube"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAzK4Mj7OKTMvP1hP3SJVYmqEZ9tcmYlt1MblsHFwghnJF7zHCq2TMJVTLUuG-T-4FRBmUgkXYWUBf1doSYGfX__plHg_rPbWI3HMfiNvKDe6qx_zhH5AmXvrkfCTR-xQqQghYkWwDAvA/s64-no/YouTube-MiniSoft.png" /></a>

<a href="رابط الخلاصة" target="_blank" title="Feed"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitDiEu_jw3ChCVHtIB4_3zq5ige4EkjGUXvMjPJ8yjRhhrVgDwXjPzycb_slDQbbl4AU6iGKEcistW5UWwP-oOqHWXwwCa45btYXDW0wptrOP5nYUrtRHtFggt9k2a1zRPDEV7GD3SZLY/s64-no/RSS-MiniSoft.png" /></a>

<a href="رابط جوجل بلس" target="_blank" title="Google+"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6k-VpxNaSaWAq6sK2aLobj1qAgeqBaLDaHpExXamlkwo4MyumMi0_LOYu5iSvQV9pB9AeTv-T9NdDp4rz1GwDEvuh-Mt1SV72jUGlEog4ec5kuhVM8dp-sPQOVeDj4DVp-wV0pbB6pig/s64-no/GooglePlus-MiniSoft.png" /></a>

</div>

ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقونات

لتبقى الآداة في النهاية بهذا الشكل الرائع

تم بحمد الله