مدونة مفتاح بلوجر |دروس بلوجر إضافات وأدوات بلوجر و السيو: اضافات بلوجر

إضافة شاحنة صفحة الفيسبوك إلى المدونه
الزيارات:

456 | 8:38 ص | اضافات بلوجر 59التعليقات حتى الان

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

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

وتهدف هده الاضفة طبعا لزيادة عدد معجبين صفحتك على الفيسبوك

كما انها تزيد مدونتك جمالا

نبدء بدون اطالة

طريقة اضافة الاداة

ادهب الى

لوحة التحكم

التخطيط

إضافة أداة

Html/javascript

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

اضافة صندوق روابط هذه التدوينة قابلة للنسخ واللصق اسفل كل تدوينة
الزيارات:

456 | 9:26 ص | اضافات بلوجر 27التعليقات حتى الان

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

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

سهلة جدا لكن يجب ان تتبع الشرح التالي فقط

صورة من الاضافة

نبدا بدون اطالة

1/ لوحة التحكم

قالب

Html تحرير

توسيع القالب

الان اضغط

Ctrl+f

كي نبحث عن

]]></b:skin>

ثم قم بوضع الكود التالي قبله :

2/تم ابحت عن الكود التالي

<data:post.body/>

ادا وجته مكررا اكتر من مرة فتاني هو مقصود

تم ضع تحته

انتهى الدرس بفضل الله

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

اهم وافضل الاضافات لمدونة بلوجر
الزيارات:

456 | 2:21 م | اضافات بلوجر 44التعليقات حتى الان

السلام عليكم

اليوم سوف نتحدت عن موضوع هام جدا وهو اهم الاضافات التي يجب تتوفر في في كل مدونة والان و بكل اختصار اتيتكم بافضل الاضافات

وبدون اطالة سوف نبدا

1/إضافة أداة مواضيع ذات صلة ومتحركة

2/إضافة أداة مواضيع جديدة بسهولة

3/كيفية إضافة أداة أخر التعليقات مع صور المعلقين

4/إضافة صندوق للمتابعة بشكل جديد و احترافي

5/كيفية إضافة فهرس جميل لمدونتك

6/كيفية استبدل رسائل أقدم و أحدت و الرئيسية إلى صورة جميلة

7/اضافة صندوق الاشتراك المصحوب مع المواقع الاجتماعية

8/كيفية إضافه تعليقات الفيس بوك بسهولة

9/اداة صعود الى اعلى

10/طريقة اضافة ترقيم صفحات بلوجر

11/كيفية اضافة صفحة اتصل بنا بسهولة في بلوجر

12/إضافة أداة المشاركات الشائعه بالوان رائعة

انتهى بفضل الله

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

كود عمل الفتحات الاجبارية في بلوجر
الزيارات:

456 | 6:00 ص | اضافات بلوجر 44التعليقات حتى الان

السلام عليكم

اليوم سوف اقدم لكم كود صغير و مفيد عن كيفية عمل الصفحات الاجبارية في مدونة بلوجر

ادهب الى
لوحة التحكم
التخطيط
إضافة أداة
Html/javascript

و انسخ الكود التالي

</script>  <script type="text/javascript">  </script>

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

اضافة التسميات بشكل رائع في بلوجر
الزيارات:

456 | 12:11 م | اضافات بلوجر 29التعليقات حتى الان

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

اليوم سوف اقدم لكم اضافة جميلة وهي التسميات بشكل انيق انا استعملها في مدونتي هده لكترة اعجابي بها

طريقة اضافة الاداة

ادهب الى
لوحة التحكم
التخطيط
إضافة أداة
Html/javascript

-webkit-transition: all 0.3s linear;
-webkit-transform: rotate(10deg);
}
.Blogger-Widget-ahtrafy-up a:hover div {
opacity: 1;
-webkit-transform: rotate(0deg);
}
.Blogger-Widget-ahtrafy-up a:nth-child(1) div { background: #EF7901; line-height:70px;}
.Blogger-Widget-ahtrafy-up a:nth-child(2) div { background: #98bf0d; line-height:70px;}
.Blogger-Widget-ahtrafy-up a:nth-child(3) div { background: #01b0ec; line-height:70px;}
.Blogger-Widget-ahtrafy a{ text-decoration:none; margin:10px; font-family:inherit; font-size:8px; font-weight:bold; color:#000000; overflow:hidden;-webkit-transition: All 1s ease;-moz-transition: All 1.5s ease;-o-transition: All 1.5s ease;-ms-transition: All 1.5s ease;transition: All 1.5s ease;
}
.Blogger-Widget-ahtrafy a:hover{ text-decoration:none; margin:75px; font-family:inherit; font-size:13px; font-weight:bold; color:#1fd4e9;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;-ms-transition: All 1s ease;transition: All 1s ease;
}
</style>

<section class="Blogger-Widget-ahtrafy-up">
<a href="http://meftahbloger.blogspot.com/search/label/%D8%A7%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1">
<h5>
اضافات بلوجر</h5>
<div>
اضافات بلوجر</div>
</a>
<section class="Blogger-Widget-ahtrafy-up">
<a href="http://meftahbloger.blogspot.com/search/label/%D8%A7%D9%84%D8%B1%D8%A8%D8%AD%20%D9%85%D9%86%20%D8%A7%D9%84%D8%A7%D9%86%D8%AA%D8%B1%D9%86%D9%8A%D8%AA">
<h5>
الربح من الانترنيت</h5>
<div>
الربح من الانترنيت</div>
</a>
<a href="http://meftahbloger.blogspot.com/search/label/%D8%AF%D8%B1%D9%88%D8%B3%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1">
<h5>
دروس بلوجر</h5>
<div>
دروس بلوجر</div>
</a>
<a href="http://meftahbloger.blogspot.com/search/label/%D8%AF%D9%88%D8%B1%D8%A9%20%D8%A7%D9%84%D8%B3%D9%8A%D9%88">
<h5>
دروس السيو</h5>
<div>
دروس السيو</div>
</a></section></section>
</section>
<section class="Blogger-Widget-ahtrafy">
<a href="http://meftahbloger.blogspot.com/">Blogger-Widget</a>
</section>

غير في الروابط

وغير

<h5>دروس السيو</h5>

<div>دروس السيو</div>

<h5>دروس بلوجر</h5>

<div>دروس بلوجر</div>

<h5>اضافات بلوجر</h5>

<div>اضافات بلوجر</div>

<h5>الربح من الانترنيت</h5>

<div>الربح من الانترنيت</div>

ولي التحكم في الطول و العرض
height:65px;

width:150px;

انتهى بفضل الله

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

اضافة صندوق جوجل بحت داخل المدونة
الزيارات:

456 | 1:39 م | اضافات بلوجر 6التعليقات حتى الان

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

اليوم سوف اقدم لكم شرح من عندي عن كيفية اضافو صندوق البحت داخل المدونة

اولا ادهب الى هنا

تم املئ الفراغات

تم اضغط الحصول على الشفرة

بعد دلك انسخ الكود

وادهب الى

لوحة التحكم
التخطيط
إضافة أداة
Html/javascript
والصقه

مبروك عليك

انتهى بفضل الله

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

إضافة أداة المشاركات الشائعه بالوان رائعة
الزيارات:

456 | 1:15 م | اضافات بلوجر 60التعليقات حتى الان

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

اضافتها سهلة نتابع الشرح

لوحة التحكم

قالب
Html تحرير
توسيع القالب
الان اضغط
Ctrl+f
كي نبحث عن
]]></b:skin>
تم الصق هدا الكود قبله

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

بعدها ادهب الى

لوحة التحكم
التخطيط
إضافة أداة
المشاركات الشائعة

انتهى بفضل الله

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

كيفية تغيير لون المدونة
الزيارات:

456 | 12:37 م | اضافات بلوجر 59التعليقات حتى الان

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

اليوم سوف اقدم لكم اضافة تسمح لزوار مدونتك باختيار لون خلفية المدونه حسب رغبتهم

هي سهلة التركيب

طريقة اضافة الاداة

ادهب الى
لوحة التحكم
التخطيط
إضافة أداة
Html/javascript
الصق هدا الكود

انتهى بفضل الله

الى اللقاء مع اضافة اخرى

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

اضافة اداة امشاركة في المواقع الاجتماعية و خاصية الاشترك معنا
الزيارات:

456 | 12:29 م | اضافات بلوجر 28التعليقات حتى الان

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

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

اولا ندهب الى

لوحة التحكم
قالب
Html تحرير
توسيع القالب
الان اضغط
Ctrl+f
كي نبحث عن

<data:post.body/>

و الصق هدا الكود بعده

<b:if cond='data:blog.pageType == "item"'>
<style>
.tbibox {
background: #fff;
border: 1px solid #ddd;
height: 360px;
margin: 10px auto;
padding: 10px;
width: 572px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubscribe:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
.tbisharebox {
border: 1px solid #D3D3D3;
margin: -157px 0 0 330px;
padding: 8px;
width: 225px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisharebox:hover {
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<div class='tbibox'>
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;'>
اشترك عبر القائمه البريديه ليصلك جديدنا</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='meftahbloger'
method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='meftahbloger' />
<input name='loc' type='hidden' value='en_US' />
<input class='tbimailbox' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}'
onfocus='if (this.value == "Enter your email...") {this.value = ""}'
type='text' value='ادخل ايميلك هنا...' />
<input alt='' class='tbisubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'>
Follow us on:</div>
<div style='margin: -32px 0 0 120px;'>
<a href='https://www.facebook.com/meftahbloger' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwyyIrX5TR8qBlNHB11hHqy7lqI8fl9mJPjsVxkSibdSXTVnFTrbwxA-J4mdSqUCBLeJjsTdBuSR2fm0_gh-EWx_nSWzuVbt65-Ae6BOBWfjVhcNLxc-tU_juekh9ZiDt6AjvbZn9xfFk/s32/facebook500.png' alt='facebook'/></a>
<a href='https://twitter.com/meftahbloger' rel='nofollow' target='_blank'
title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcDRumdREtkeDhBD0Pk4mApvic_71R8Hz7Up_s2W23zWfVmtU2HSDyLN6KFASKn5N5xSoubFNocbGuXj90xl-xlTfx_RmHsZR0J5gEPPIRL3fVVmyPT4DbO7rHWrNY6b8S1mbKW0C_RpE/s32/twitter.png' alt='twitter'/></a>
<a href='https://plus.google.com/15151515' rel='nofollow' target='_blank'
title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg186Yt9E8dy5Ek9q6tV3PlHe1Mmljhglz9VU4cF8oOovpQk4fvMc5YoMWPWrQvajAczD460XQsd7DBJQTOATAQLUmzM5oAWyZxc-hWNGcwy6yutTQSxUPtaMR9APsSdcSH7FLITVdWwc/s32/googleplus-revised.png' alt='gplus'/></a>
<a href='http://pinterest.com/meftahbloger' rel='nofollow' target='_blank'
title='Follow us on Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5qZaIk0ZgZfIwX7a-XaffyPmXLVhEMCnzNF9J46qt2FgwnkaE4dmDTMFSRanR7mB2qQV79NmZrfA19iOlrI3t-echbIEKdOgjEvD4aLUd_hDxXxi6px6dBwmBwW3pwn96lYuYzFOyplk/s32/pinterest.png' alt='pinterest'/></a>
<a href='http://feeds.feedburner.com/meftahbloger' rel='nofollow' target='_blank'
title='Subscribe to RSS'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhfuM-g8SPdU1PpU12eD48_LUkW3oThI59V_G978GbjgGiw6EnuzKwmU8PLxXeX8e4v6wFU4xFrsP-h0iSup6igorbUx50wT8vlVyQQeWVW52Ner-DlNl-hC5wZj_Gzip2hD1kWvH9hZ8/s32/rss.png' alt='rss'/></a>
</div>
</div>
<div class='tbisharebox'>
<script type='text/javascript'>
var switchTo5x = true;
</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>
stLight.options({
onhover: false
});
</script>
<div style='margin: 5px 5px;'>
<span class='st_fblike_hcount' displaytext=''></span>
</div>
<div style='margin: -30px -20px 0 0; float: right;'>
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button'
expr:data-url='data:post.canonicalUrl' expr:data-text='data:post.title'
data-count='horizontal'  data-lang='en'></a>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript' src='http://platform.twitter.com/widgets.js'></script>
</b:if>
</div>
<div class='addthis_toolbox addthis_default_style' style='margin: 10px 0 12px 85px;'>
<a class='addthis_counter'></a>
<script type='text/javascript' src='http://s7.addthis.com/js/250/addthis_widget.js'></script>
</div>
<div style='margin: 5px 5px;'>
<su:badge layout='1'></su:badge>
<script type='text/javascript'>
(function () {
var li = document.createElement('script');
li.type = 'text/javascript';
li.async = true;
li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(li, s);
})();
</script>
</div>
</div>
<div style='float: right; margin: -40px -5px 0 0;'>
<div class='g-plusone' data-size='medium' expr:data-href='data:post.url'>
</div>
<script type='text/javascript'>
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div style='margin-top: 20px;'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmeftahbloger&width=570&colorscheme=light& show_faces=true&stream=false&header=false&height=180'
style='border:none; overflow:hidden; width:570px; height:180px;' />
</div>
</div>
</b:if>

غير مايلي حسب حساباتك الشخصية

باسم حسابك في فيس بوك meftahbloger

باسم حسابك في فيد برنر meftahbloger

باسم حسابك في تويتر meftahbloger

رقم الاي دي الخاص بحسابك في جوجل 15151515

باسم حسابك في موقع meftahbloger pinterest

باسم حسابك في فيد برنر(القائمه البريديه) meftahbloger

انتهى بفضل الله

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

اضافة خاصية حركة الصور في مدونات بلوجر
الزيارات:

456 | 11:33 ص | اضافات بلوجر 4التعليقات حتى الان

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

اليوم سوف اعرض عليكم كيفية عرض الصور بشكل مائل جميل

نبدا اولا ادهب الى

لوحة التحكم

قالب

Html تحرير

توسيع القالب

الان اضغط

Ctrl+f

كي نبحث عن

]]></b:skin>

تم ضع هدا الكود فوقه

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

كيفية إضافة أزرار المواثع الاجتماعية أسفل التدوينات في بلوجر
الزيارات:

456 | 11:19 ص | اضافات بلوجر 6التعليقات حتى الان

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

How to add buttons Almwata Entries in the bottom of the social Digg

اليوم سوف نبدا في شرح اضافة جميلة وهي إضافة أزرار المفضلات الاجتماعية أسفل التدوينات في بلوجر

نباشر الان

اولا ادهب الى

لوحة التحكم
قالب
Html تحرير
الان اضغط
Ctrl+f
كي نبحث عن
</head>

تم ضع الكود التالي فوقه

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('https://sites.google.com/site/lightbox007/photo/sharingblogger.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('https://sites.google.com/site/lightbox007/photo/bookmark2.png%27') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>

تم ابحت عن

<data:post.body/>

تم ضع الكود التالي تحته

<b:if cond='data:blog.pageType == "item"'><div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
 <ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='ضع رابط خلاصتك هنا ' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>
<div class='sexy-link'>
 Distributed by <a href='http://abu-iyad.blogspot.com' title='أبو إياد'>Abu-Iyad</a>
</div>
</b:if>

مع تغيير في هدا الكود عبارة

ضع رابط خلاصتك هنا

الى رابطك الخاص

انتهى بفضل الله

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