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

• 

  Custom Title with Subtitle and Lock Content

  Apr 07 2014 - Rafat
• 

  Sample Post with Pagination and Slide Featured Content

  Apr 06 2014 - Rafat
• 

  تعلم تحميل موقع بالكامل وتصفحه دون اتصال بالانترنت

  Apr 05 2014 - Rafat
• 

  MacBook charging peacefully beside my PC desktop

  Mar 18 2014 - Rafat
• 

  Night city and bridge best photography

  Mar 15 2014 - Rafat
• 

  Doubt can eat away at the best of competitors

  Mar 10 2014 - Rafat
• 

  BMW New Hybrid Supercar Is Thrilling

  Mar 09 2014 - Rafat

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/AVvXsEg4Clm2SWitgEYn9exGSmv8hIadDrb1ghTM7qj07CDTXhIEWynvrnUcDwaXUD_X30GKzrNdlLWtknLEY4o417Houb_cc8yZnMhPacXgtwp5QvwzsO9O8NaOwXPk5WXcYRw2WYGSeezFjW4/s64-no/Facebook-MiniSoft.png" /></a>

<a href="رابط تويتر" target="_blank" title="Twitter"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK1w2fGPKNjuFu22Uc3aq1pXaUxeCUCopzJDxvTBBSCehBeQMhI35WMT5YkywDnt8SRp8HWR9Mi86cXEz8qLUFV43wPYkJNLYOOzOqCTDaFk1f2rw8X6R8hhyp22i5UZ6HcDeWccrdw8g/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/AVvXsEhBijZL0rT4Px753Lw2awxgtcOM1FFxgkcWO0ohyphenhyphenfZ1xd7MZzWGwdyyp7ivh3Jedk4bokKjrrJAhqQ0VFMRlcyuUPtlYZCe8Q8hDsXmSEh0itxv_DT-fVbV_cG9VMCuGRb3rh436mcEt_Y/s64-no/YouTube-MiniSoft.png" /></a>

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

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

</div>

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

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

تم بحمد الله