اضافة ازرار التواصل الأجتماعية علي شكل نجوم

Unknown | 4:56 م | اضافات بلوجر كن أول من يعلق!

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

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

إضافة صندوق اعجاب جانبي منبتق لصفحتك على الفيسبوك

صورة من الاضافة وللتطبيق الاضافة تابع الشرح

اولا نذهب الي لوحة التحكم ثم تقوم بالضغط علي القالب ثم علي تحرير html

ومتابعة وتقوم بوضع العلامة على مربع توسيع قالب واجهة المستخدم ثم

تقوم بالضغط على ctrl + f في لوحة المفاتيح

وتبحث عن هذا الكود

*********************************************************

]]></bskin>

***********************************************************

ثم قم بوضع هذا الكود قبله

*********************************************************

/* Bloggertrix  */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s

ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in;

/*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

 ***************************************************************

بعد أن تضيف هذاالكود قم بحفظ التغييرات ، ثم توجه إلى لوحة التحكم وقم بالضغط على التخطيط ثم إضغط على إضافة أداة ، وقم باختيار java script وقم بوضع هذا الكود في المربع

***********************************************************

 

        
<br />
<ul>
<li><a href="http://www.plus.google.com/YOUR_GOOGLE_PLUS_ID"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSPDZeUEpH0e0KaF5QQTman6Ujb2oxb6FPwC8NBkthLJD8Fv-TTlWascgLDUBqOA33EQtlS3Uqt8y9y7UpvVcHOHftIVdU-bj1td3qwB_n6uEMFQCS062PANW3V9lo4CecalNW9_J5Uo/s1600/bloggertrix_google.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/YOUR_FACEBOOK_PAGE_OR_USERNAME"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyllyy9-_5nGV5LJiRarWlNxXcaGRvV4F3P3TOlVjN7oVWzxQM3OhL4iQthY7rpGrz9h-_LAbd4RC9SuwCNY6bQnKWwtGA-nkGtq0pBSRBeY_O8h07YiURLh2diagbwIsYEms0PzHz0gA/s1600/bloggertrix_facebook.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.stumbleupon.com/YOUR_STUMBLE_USERNAME"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6266UZEeLIjOD87q6A7K5zTRF9U-zv67qMgy9SDjBmbUNGqaPquiQQFvYJpj4Ad1aiDygImoEd0nykohzwB4IVkkmWWwDClxmdjBm-9ZSiNRVBcOwVw4F3uQa76ay0OkvvSye7BK7QeQ/s1600/bloggertrix_stumbleupon.png" title="Add to Digg" /></a></li>

<li><a href="http://www.twitter/YOUR_TWITTER_ID"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg64looutKAfIFusR5AA5GvRGxJBUNshlS7krqDdc4G2PVa2TAgRGbHwJt1i-ae2e5GBFvmdbjl88I49LHqDPhbn9Jb4KjhyphenhyphensdUQxf0Yt1o8YP4L6NOvXyi1hPqbcIzlyPRzTXkBXmy6Vk/s1600/bloggertrix_twitter.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/YOUR_FEED_ID"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYMt1_Lecepoan5zJZ2EIA3I694-rzjdUJlkKpRmkUkrLYWzNqUIFzmE94MLyyC9RTJJMUN8kc6XrB4Ac4ajgFi3fPIWK9xiv-X5lN5UPs1EM8Zl5ZhEwzLpYWxZV1ZNv6hg2FsGP555k/s1600/bloggertrix_rss.png" title="Add RSS Feed" /></a></li>
</ul>

 ملاحظة: استبدال جميع عناوين المواقع الي العناوين الخاصة بكم

الى اللقاء مع موضوع جديد من اضافات بلوجر

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

تابع القراءة ..

اضافة مواضيع ذات الصلة تحت كل مشاركة في Blogger

Unknown | 1:58 م | اضافات بلوجر كن أول من يعلق!

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

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