صور سمسم

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

2013-01-21T16:56:00.001-08:00

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

السلام عليكم ورحمة الله وبركاته في موضوعنا الجديد هذا ضمن سلسلة دروس البلوجر سوف نتعرف على طريقة إضافة ازرار التواصل الأجتماعية علي شكل نجوم .الاضافة مميزة جدا عن غيرها وتحتوي الاضافة علي زر الفيس بوك وتويتر والخلاصة و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

2013-01-21T13:58:00.002-08:00

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

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

اليكم الشرح احبابي في الله

1. انتقل إلى LinkWithin .

2. في الجانب الأيمن من الشاشة نموذج ملءالبيانات الخاصة بك

3. بعد ملء المعلومات اضغط Get widgetl

اقتراحات للقراءة: اضافة ساعات فلاشية رياضية للمدونة2013

4. والآن يتم فتح الصفحة التالية. انقر على تثبيت

5بعدذلك اضغط علي إضافة عنصر الصفحة

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

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

صورة سكة حديد2013

2013-01-21T12:19:00.004-08:00

صورة قطاروثلوج

2013-01-21T12:18:00.002-08:00

صورة نجم المصارعة المحبوب سين كارا

2013-01-21T12:12:00.002-08:00

صورة نجم المصارعة جون سينا

2013-01-21T11:57:00.000-08:00

صورة النادي الملكي ريال مدريد

2013-01-21T11:47:00.001-08:00

صورة سيارة RENAULT

2013-01-21T11:21:00.001-08:00

صورة سيارة سيتروين Survolt

2013-01-21T10:57:00.002-08:00

صورة سباق سيارات

2013-01-21T10:51:00.001-08:00

صورة سيارة اودي 2013

2013-01-21T10:48:00.002-08:00

صورة سيارة فيراري 2013

2013-01-21T10:45:00.001-08:00

صورة سيارة أودي R8

2013-01-21T10:41:00.002-08:00

صورة سيارة سباق bmw

2013-01-21T10:38:00.004-08:00

صورة زهور جميلة

2013-01-21T10:33:00.004-08:00

صورة سيارة مرسيدس بنز C25 GT 2013

2013-01-21T10:19:00.003-08:00

صورة سيارة شيفروليه كامارو 2013

2013-01-21T10:16:00.000-08:00

صورة دراجة سوزوكي

2013-01-21T10:01:00.001-08:00

صورة دراجة ياماها R1 YZF

2013-01-21T09:55:00.000-08:00

KTM 1190 RC8 Rصورة دراجة

2013-01-21T09:51:00.003-08:00

صورة سيارة لامبورغيني 2013

2013-01-21T09:43:00.001-08:00

صورة سيارة BMW 2013

2013-01-21T09:40:00.001-08:00

صورة قطط روعة لغلاف الفيس بوك

2013-01-21T09:35:00.003-08:00

صورة طائر جميل لغلاف الفيس بوك

2013-01-21T09:33:00.000-08:00

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

2013-01-19T13:07:00.001-08:00

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

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

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

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

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

تقوم بالضغط على ctrl + f في لوحة المفاتيح وتبحث عن هذا الكود

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

</head>

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

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

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

<script <script type="text/javascript">
//
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6gJRDZw1trZP3HUWM2bnNwKZmqNOeM4WUY7i6uVXurVKRVa2j_67lsbRMo9_8fnOXJLAQYPJ-Wiix6rlJGnqFTexKW0Lt1Bn9-J8IPvJygDGXddstJfCfGvREtUXC7kyMlHyUc-VXXZJE/s1600/facebook-right.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fawsa9090&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.lymura-s.blogspot.com/"amjad blog</a> / <a href="http://lymura-s.blogspot.com/2011/07/jquery_04.html">أحصل علي!</a></span></div></div>
********************************************************

ملاحظة

يجب ان تغير إسم المستخدم باللون الأزرق awsa9090
باسم صفحتك علي الفيس بوك

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

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