إضافة صندوق معجبي تويتر Twitter Fan Box

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

 

اليوم سأقدم تدوينة سريعة عن طريقة وضع صندوق لمعجبي تويتر، و هو شبه بصندوق معجبي الفيس بوك. يمكنك زيارة الموضوع من هنا إضافة مربع الفيسبوك بشكل عائم و منزلق Fan Box .

 

صندوق معجبي تويتر

طريقة الإضافة بسيطة توجه لإضافة أداة Html/JavaScript و ضع بها الكود التالي:

<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("إسم صفحتك");</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 290px !important; /* عرض الإضافة*/
height: 250px !important; /* إرتفاع الإضافة*/
}
</style>

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

 

يوجد صندوق بالأسفل جرب كتابة شيء ما فيه

إضافة لتبادل روابط المقالات و نشرها share links

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

 

الكل يعرف مذى أهمية نشر روابط المقالات التي تقوم بكتابتها في مدونتك، فهي تقوم بالتعريف عن مدونتك للكثير من الأشخاص. لكن الأهم من ذالك هو تقديم الوسيلة السهلة لقرائك ليقوموا بنشرها.

و هذا ما سنتطرق له في هذه التدوينة إن شاء الله. هذه الإضافة تقدم لقرائك عدة خيارات ليقوموا بنشر المقالات التي يرون أنها مهمة و يجب مشاركتها مع الأخرين. فهي تقدم لهم رابط المقال الأصلي و رابط Html و رابط خاص بالمنتديات.

سيكون الأمر سهل وبسيط كل ما سيفعله القارئ هة نسخ الرابط و نشره.

 

إضافة لتبادل روابط المقالات و نشرها

 

يمكنك معاينة الأداة بالضغط على الزر و النزول لأسفل التدوينة.

 

view demo

 

و لتركيب الإضافة توجه إلى تصميم / تحرير Html / توسيع القالب / ثم إبحث عن الوسم <data:post.body/> و ضع الكود الموجود بالأسفل تحته مباشرة.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='compartir-post'>
<p>إذا وجدت هذا الموضوع مفيد يمكنك مشاركته مع زوار مدونتك&#1548; أو نشره في المنتديات.</p>
<p>&lt;label for=&quot;aa-url&quot;&gt;رابط:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;</p><p>&lt;label for=&quot;aa-forum&quot;&gt;رابط HTML:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;</p><p>
&lt;label for=&quot;aa-forum&quot;&gt;رابط للمنتديات:&lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]<data:post.title/>[/url]&quot; /&gt;</p>
</div>
</b:if>

إبحث الأن عن الوسم التالي ]]></b:skin> و ضع الكود الموجود بالأسفل فوقه تماما

* Share entries
----------------------------------------------- */
.compartir-post {
background:#EFF5FB; /* لون الخلفية*/
margin-top:30px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}
.compartir-post p {
font-size:12px; /* حجم نص الرسالة*/
}
.compartir-post input {
background:#ffffff;
border: 1px solid #A4A4A4; /* حواف الخلفية*/
}

قم بحفظ التغيرات. الأداة لا تظهر إلا في داخل المواضيع.

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

 

الأن دورك ليس بنشر المقال ولكن بوضع تعليق في السفل.

تحديث إضافة Tabbed Sidebar بمظهر جديد

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

 

اليوم سنقوم بوضع موضوع أو إضافة مشابهة Tabbed Sidebar إضافة جميلة و سهلة و التي كنت قد وضعتها في أول أيام المدونة و لقد لاقت إعجاب الكثيرين. لكن للأسف، مع عدم خبرة الكثير من القراء لم يستطيعوا إضافة هذه الأداة لمدوناتهم. أخرهم كتنت الأخت “أوراق” و قد وعدتها بإضافة مماثلة و ها أنا أفي بوعدي لها و لجميع قراء مدونتي المتواضعة.

تحديث إضافة Tabbed Sidebar بمظهر جديد

هذه الإضافة مخصصة لمدونة Wordpress لكن تم بحمد الله تحويلها من طرف أحد الإخوة لتتوافق مع منصة Blogger و لكي لا أطيل عليكم الكلام أترككم مع شرح طريقة إضافتها لمدونتك.

 

view demo بالمناسبة سيكون هناك شرح بالفيديو ستجده في أخر الموضوع.

 

طريقة إضافة الأداة لمدونتك

 

1- توجه للوحة تحكم المدونة / تصميم / تحرير Html / قم بتوسيع القالب

2- قم بالبحث عن الوسم التالي ]]></b:skin> و ضع قبله الكود بالأسفل

/*---- Wordpress Style MBT Menu Tabs----*/

.MBT-tabs{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:26px}
.MBT-tabs li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left}
.MBT-tabs li:first-child{margin:0}
.MBT-tabs li a{color:#fff;background:#333333;padding:5px 5px;display:block;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif;}
.MBT-tabs li a:hover,.MBT-tabs li a.MBT-tabs-current{background:#A46F38;color:#fff;text-decoration:none}
.MBT-tabs-content{background:#212121}
.MBT-tabviewsection{margin-top:10px;margin-bottom:10px;}

3- إن أردت قم بتغير A46F38# باللون الموجود في مدونتك ليتناسب معها.

4- إبحث عن الوسم <div id='sidebar-wrapper'> و ضع تحته الكود بالأسفل

<div class='MBT-tabviewsection'>

<script type='text/javascript'>
            jQuery(document).ready(function($){
                $(&quot;.MBT-tabs-content-widget-MBT-id&quot;).hide();
                $(&quot;ul.MBT-tabs-widget-MBT-id li:first a&quot;).addClass(&quot;MBT-tabs-current&quot;).show();
                $(&quot;.MBT-tabs-content-widget-MBT-id:first&quot;).show();
                $(&quot;ul.MBT-tabs-widget-MBT-id li a&quot;).click(function() {
                    $(&quot;ul.MBT-tabs-widget-MBT-id li a&quot;).removeClass(&quot;MBT-tabs-current a&quot;);
                    $(this).addClass(&quot;MBT-tabs-current&quot;);
                    $(&quot;.MBT-tabs-content-widget-MBT-id&quot;).hide();
                    var activeTab = $(this).attr(&quot;href&quot;);
                    $(activeTab).fadeIn();
                    return false;
                });
            });
        </script>

<ul class='MBT-tabs MBT-tabs-widget-MBT-id'>
<li><a href='#widget-MBT-id1'>مواضيع جديدة</a></li>
<li><a href='#widget-MBT-id2'>القائمة البريدية</a></li>
<li><a href='#widget-MBT-id3'>أخرالتعليقات</a></li>
</ul>

<div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'>
</b:section>                                      
</div>  

<div style='clear:both;'/>                       
<div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'>
</b:section>                                        
</div>  

<div style='clear:both;'/>
<div class='MBT-tabs-content MBT-tabs-content-widget-MBT-id' id='widget-MBT-id3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'>
</b:section>                                       
</div>

</div>
<div style='clear:both;'/>

5- قم بتغير كلمات ( مواضيع جديدة ، القائمة البريدية ، أخر التعليقات ) بما يناسبك.

6- الأن قم بحفظ القالب

7- الأن قم بالذهاب لعناصر الصفحة سوف تجد أنه قد ظهرت 3 إضافات قم بسحب الإضافات التي تريد إليها.

إضافة الأدوات للمدونة

8- بعد هذه الخطوة قم بحفظ التعديلات و عاين الأداة في مدونتك.

 

شرح الفيديو

 

 

 

الأن جاء دورك لتتحفنا و تضع تعليقك في المربع الموجود بالأسفل

مربع إعلان لبلوغر مع خاصية الإغلاق Box warning

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

 

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

مربع إعلان لبلوغر مع خاصية الإغلاق

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

 view demo

و طريقة الإضافة سهلة للغاية ما عليك سوى نسخ الكود الموجود بالأسفل و لصقه في صندوق إضافة أداة الخاصة ب Html/JavaScript و إدخال بعض التعديلات عليه.

<style type="text/css">
#aviso{
width:500px; /* عرض النافدة */
padding:5px; position:absolute; z-index:5000;}
.caja-aviso{
border:4px double #0080FF; /* لون الحدود */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;
background-color: #CEECF5; /* لون الخلفية */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #0B173B; /* لون النص */
}
.letrero-aviso {
font-size:18pt;
font-weight:bold;
color:#B4045F;
text-shadow: 0px 0px 10px #BA55D3;}
</style>

<div id="aviso" style="left:300px; top:100px; padding:0;">
<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">إغلاق</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4CraCvR6IeSOBqRfe42f-unH28GkZsHElQjS55yfAW_STckqJw0TbKBTw05W8rcJeCOb7U1QGkFA4XxHxm8gZqW1J0SFQbHdm9wwh4bpizazTuCGt8hjgtnqmz-xN3rznTi3glDRfJSl/" style="vertical-align:middle;"/></a></b></div>

<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">إعلان</legend>
... هنا قم بوضع الكلام أو الرسالة التي تريد إصالها لزوار مدونتك  ...
<br/><div align="right"><a href="http://www.facebook.com/إسم صفحتك" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOjuptsU4f8iNa8dKu8r7YNhiMfsAkwtcMJRvSgyDJePKZDSXogp3AitWSp00YrzqUIMhQb1B4mdjn4Mhkt6wJnjIw7ebOKdOd0nZQQyqs6xa6a4F0B_okOb3TyGpfxUHbJzXywfHBfWY_/" width="26"/></a>
<a href="http://twitter.com/إسم حسابك" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlQt7-mEQ_l2MQ0KU_g1sGFuSnkh4kb-dN_tSpeS7MPWyh9wyWIXb1A2bYS15fgPWbcCbUJ2OY9iqCzzpINRa01z4H4vMCRNLQo7e7YGcdethLY4D7B_4anS91NG15rLq3w-rra3qX8v-x/" width="25"/></a></div>
</fieldset>

<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>

</div><div class="clear"/></div>

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

 

و كأخر خطوة لك في هذا الموضوع، ضع تعليقك بالأسفل.

إخفاء الإضافات عن الزوار gadget administrator

إخفاء الإضافات عن الزوار gadget administrator

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

 

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

 

إخفاء الإضافات عن الزوار gadget administrator

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

 

تطبيق هذه الطريقة بسيط جدا و لن تحتاج سوى لإضافة سطرين لكود الإضافة، و لتفعل ذالك تابع الطريقة.

 

1- تصميم / تحرير Html / توسيع قالب المدونة

2- إبحث عن إسم الإضافة (هو الموجود في Html/JavaScript)

<b:widget id='Label1' locked='false' title='' type='Label'>
<b:includable id='main'>
<span class='item-control blog-admin'> 
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
</span> 
</b:includable>
</b:widget>

3- ما عليك الأن سوى إضافة السطرين باللون الأحمر لكود الأداة و حفظ القالب

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

و بهذا ستختفي الأداة عن جميع زوار مدونتك باستثنائك أنت طبعا.

 

الأن ضع تعليقك و انظر هل سيختفي أم لا!!!!

قائمة جانبية أنيقة و جميلة بتقنية CSS

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

 

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

قائمة جانبية أنيقة و جميلة بتقنية CSS 

تعتمد هذه افضافة على تقنية CSS3 و هي فعلا جميلة يمكنك معاينة الإضافة بالظغط على الأيقونة بالأسفل.

 

view demo

طريقة تركيب الإضافة

1- توجه للوحة التحكم / تصميم / تحرير Html / و لا تنسى أخد نسخة من المدونة لو حدث أي خطأ يمكنك تذاركه.

2- إبحث عن الوسم ]]></b:skin> و ألصق الكود الموجود في الأسفل قبله تماما.


 

3- قم بحفظ القالب الأن

4- توجه لإضافة أداة

إضافة كود للمدونة 

5- ضع الأن الكود التالي

<div style='position: fixed; top: 40%; left: 0%;'/>
<ul id="navigationMenu">
<li>
<a class="Home" href="http://widget-blogs.blogspot.com/">
<span>الرئيسية</span>
</a>
</li>

<li>

<a class="about" href="http://widget-blogs.blogspot.com/p/blog-page_5332.html">
<span>عن المدون</span>
</a>
</li>

<li>
<a class="services" href="http://widget-blogs.blogspot.com/">
<span>خدمات</span>
</a>

</li>

<li>
<a class="portfolio" href="http://widget-blogs.blogspot.com/p/blog-page_6091.html">
<span>فهرس المدونة</span>
</a>
</li>

<li>
<a class="contact" href="http://widget-blogs.blogspot.com/p/blog-page_5585.html">

<span>إتصل بنا</span>
</a>
</li>
</ul>
</div><a href="http://widget-blogs.blogspot.com/" target="_blank"><small>Get The Fixed Menu Gadget</small></a>

6- قم بتغير ما هو باللون الأحمر بروابط مدونتك، و إن أردت قم بتغير ما هو باللون الأخظر بالكلمات التي تريد.

7- الأن إحفظ الأداة و اسحبها لأسفل التصميم، و قم بالمعاينة

 

و أخيرا قم بوضع تعليقك بالأسفل

حل مشكلة صندوق الفيس بوك Like Box

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

 

في موضوع سابق كنا قد تطرقنا لإضافة صندوق المعجبين للمدونة ( إضافة مربع الفيسبوك بشكل عائم و منزلق Fan Box  ) لكن ظهرة مشكلة لعدد من الإخوة و الأخوات عند تركيب الإضافة و هي عبارة عن رسالة الخطأ التالية : ( Could not retrieve id for the specified page. Please verify correct href was passed in. ) و قد كنت من بين الشخاص اللذين ظهر لهم هذا الخطأ لذالك لم أضع هذا الصندوق المهم بمدونتي.

 

حل مشكلة صندوق الفيس بوك Like Box

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

 

لكن الأن الحل موجود بين يديك وبذون البحث و التجوال المضني بين المواقع و المنتديات الركيكة. و لكي لا أطيل عليك الحل أترككك مع الشرح.

 

1- إن أردت أن تضع صندوق Like Box بالشكل الجانبي المنزلق إتبع الخطوات الموجودة هنا إضافة مربع الفيسبوك بشكل عائم و منزلق Fan Box  و توقف عند أخر كود اللذي ستضيف لصندوق Html/JavaScript و اتبع الخطوة التي سأشرحها في أخر الموضوع.

 

2- أما إن كنت تريد إضافة صندوق Like Box في القئمة الجانبية للمدونة فتابع الشرح أدناه.

* توجه للعنوان التالي رابط الإضافة

إضافة صندوق المعجبين

* الأن بعد أن ضغط على زر Get Code سوف تظهر لك نافدة بها كود إضافة Like Box.

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

* بعد ذالك قم بحفظ الأداة و عاين النتيجة و إن ظهرت لك رسالة الخطأ فلا تقلق فالحل بين يديك.

 

شرح طريقة حل المشكلة

* لتخلص من هذه المشكلة قم بالدخول لحسابك على الفيس بوك من من الموقع الرسمي، ثم توجه لصفحة مدونتك.

صفحة الفيس بوك 

الدخول صفحة الفيس بوك

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

حل مشكلة صندوق المعجبين

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

 

الأن ضع تعليقك أو إستفسارك حول الإضافة

 

تحديث جوجل الجديد Google Fresh

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

ها قد عاد موقع Google بتحديث جديد لخوارزمياته الخاصة بمحرك البحث فبعد التحديث الأخير الخاص ب Google Panda ها هو تحديث جديد يظهر Google Fresh ، هذا التحديث اللذي سيقضي على الكثير من المواقع و المنتديات الأجنبية و العربية على الخصوص.

Google Fresh

Google Fresh أطلقة 3 نوفمبر 2011 و يتمثل عمله في أنه سيظهر النتائج الحديثة فقط أي أن المواقع التي تحتل مراتب متقدمة في محرك البحث بسبب كلمات بحث قوية و لا تقوم بتحديث محتواها ستصبح في مهب الريح و سيتم إزاحتها عن عرشها لأن مواضيعها أصبحث قديمة.

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

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

قالت جوجل انها ستأثر على %35 من نتائج البحث , هل تظن انه رقم ضئيل ؟
لعلمك ان تحديث جوجل باندا الذي جعل عرش اكبر المواقع تهتز فقط كان تأثيره %12 على النتائج , فما بالك %35 ؟!!

إضافة خاصية إقرأ المزيد Red More

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

 

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

 

إضافة إقرأ المزيد

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

 

1- توجه إلى لوحة التحكم  / تصميم / تحرير HTML / قم بتوسيع  القالب و لا تنسى أخد نسخة من مدونتك

2- إبحث عن الوسم </head> و ضع فوقه الكود التالي

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script> <script type='text/javascript' src='http://widget-blogs-red-more.googlecode.com/files/auto_readmore_blogger.js' >
</script> 

يمكنك التغير في قيم الكود إن أردت.

 

summary_noimg = 430; : عدد كلمات الملخص إن لم يحتوي على صورة

summary_img = 340; : عدد كلمات الملخص إذا احتوى على صورة

img_thumb_height = 100; : إرتفاع الصورة

img_thumb_width = 120; : عرض الصورة

 

3- قم الأن بالبحث عن الوسم <data:post.body/> و استبدله بالكود في الأسفل

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >إقرأ المزيد </a></span>
</b:if>
</b:if>

4- قم بحفظ القالب و عاين النتيجة

5- و لكي تغير كلمة إقرأ المزيد بصورة قم بإستبدال الكلمة بالكود التالي

<img src="رابط الصورة" title="إقرأ المزيد" alt="إقرأ المزيد"/>

6- قم بوضع تعليقك بالأسفل

إضافة إحصائيات لمدونتك statistics Widget

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

 

اليوم نلتقي مع درس خفيف عن كيفية وضع إضافة لإحصائيات مدونتك، هذه الإضافة تقوم بإظهار عدد المواضيع و التعليقات لزوارك.

 

إحصائيات المدونة

طريقة التركيب

 

توجه للوحة تحكم المدونة / تصميم / عناصر الصفحة / إضافة أداة / Html/JavaScript ثم قم بوضع الكود بالأسفل في المربع المخصص له.

<script style="text/javascript">function numberofposts(json) { document.write('عدد المواضيع :' + json.feed.openSearch$totalResults.$t + '<br>'); }function numberofcomments(json) { document.write('عدد التعليقات :' + json.feed.openSearch$totalResults.$t ); }</script>
<script src="http://widget-blogs.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberofposts"></script>
<script src="http://widget-blogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberofcomments"></script>

بعد ذالك قم بحفظ القالب و انتهى الأمر.

لا تنسى تغير رابط مدونتي الموجود باللون الأحمر برابط مدونتك.

 

الأن قم بوضع تعليقاتك و استفساراتك بالأسفل

طريقة إزالة رسالة التسميات Status Message

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

 

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

 

رسالة تسميات الصفحة

 

طريقة تركيب الإضافة

 

1- توجه للوحة تحكم المدونة

2- تصميم / تحرير Html

3- قم بتوسيع القالب لتظهر جميع الأكواد

4- قم بالبحث عن الوسم التالي ]]></b:skin> و ألصق الكود بالأسفل فوقه مباشرة

.status-msg-wrap{display:none !important;}

5- قم بحفظ القالب

هذا كل شيء الأمر في غاية البساطة بعد المعاينة ستجد الرسالة قد إختفة.

 

الأن قم بوضع تعليقك بالأسفل

إضافة سكريبت التحميل لمدونتك QueryLoader

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

 

اليوم سنتكلم عن إضافة جميلة قد تعجب الكثيرين و هي عبارة عن إضافة “QueryLoader “LazyLoad إذا ما هي هذه الإضافة و ما هو عملها.

 إضافة سكريبت التحميل لمدونتك QueryLoader

QueryLoader هي عبارة عن شاشة سوداء (يمكن تغيرها) فارغة تغطي كل مساحة مدونتك حتى يتم تحميل المحتوى. بمعنى أن زوارك لن يروا التحميل الفعلي للمدونة، و بذل ذالك سيشاهدون صفحة سوداء مع شريك و النبة المئوية لتحميل. و بعد أن يتم تحميل كل محتوى مدونتك تختفي هذه الشاشة.

 

view demo

طريقة تركيب السكريبت

 

1- توجه للوحة تحكم المدونة / تصميم / تحرير HTML / تم إبحث عن الوسم </head> و قم بإضافة الكود بالأسفل قبله.

<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/> <script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

2- بعد ذالك قم بالبحث عن الوسم </body> و ألصق الكود بالأسفل قبله.

<script>
           QueryLoader.selectorPreload = &quot;body&quot;; QueryLoader.init();
</script>

3- الأن قم بالبحث عن الوسم ]]></b:skin> و ضع الكود قبله.

.QOverlay {
    background-color: #000000;
    z-index: 9999;
}

.QLoader {
    background-color: #CCCCCC;
    height: 1px;
}

.QAmt {
    color:#FF530D;
    font-size:50px;
    font-weight:bold;
    line-height:50px;
    height:50px;
    width:100px;
    margin:-60px 0 0 -50px;
}

الأن قم بحفظ القالب و تجربة القالب.

4- كما أنه باستطاعتك تغير خصائص الكود كما تريد أو يمكنك أن تتركه كما هو فهذا يرجع لك. إذا أردت أن تغير ألوان الإضافة فيجب تغير القيم في الكود الأخير الخاص بلغة CSS .

 تغير ألوان الكود

تابع الصورة بالأسفل لتستطيع فعل ذالك و تقوم بإنشاء ستايل خاص بك.

 

أتمنى أن تكون الإضافة قد أعجبتك. الأن قو بوضع تعليقاتك و اسنفساراتك بالأسفل.

ضع أكوادك في المدونة بطريقة إحترافية و أنيقة Code Box

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

 

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

Code Box

المرحلة الأولى: إدراج صناديق الأكواد في المدونة

الأن يجب عليك إختيار نوع الصندوق اللذي ترغب به من بين هذه الخيارات الأربعة، عندما تجد الشكل اللذي يعجبك قم بلصق الكود الخاص به فوق الوسم التالي ]]></ B: skin> مباشرة.

1- الشكل الأول

box1

الكود الخاص به

.code {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBlSITtjDcRz67DU_uPPZWUcosTOwKQzFw2DMziN6Qg_hpkJYOy7Sy-0s2_XSI4wW02f69K4mRjH1e4NLRGLjPnzJ9GyfBEkauN9aQjEMO65V96pmkLe4jrA8kpctwFWbQo8kKuoFOstY/s1600/codeview1.gif) no-repeat right bottom;
border : 2px solid #eeeeee;
color : #7D7D7D;
}

2- الشكل الثاني

box2

الكود الخاص به

.code{
margin : 15px 15px 15px 15px;
padding : 40px 10px 10px 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbEsmLXFB7sOLBG58OPab9AfflKhCpVdgCJimfcZ9cAO-YSVXepki0RlQOwwZ0pphkXyrVI-FtMpSBiPYs0gBJoUsTO_vA8meyDCn5bPJUyb4yXGvUdLrOHAgAbJigbEvfCCI1XHjfcY/s1600/codeview.png) no-repeat left top;
border : 3px solid #eeeeee;
color : #7D7D7D;
}

3- الشكل الثالث

box3

الكود الخاص به

.code {
margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #F9F9F9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOGo0AAQeBvN6R853egSSvUsfTBtccoTtZrlvIk-9ju2pHUk3rvnRNLX83wZB3i1Hmrz7oklPitARKPNi4AFM9flAyLyZMiNkUHtonV8fWucX4tH1-BFCtRRrUHmaafOKoR9FHqEmZ3-M/s1600/codeview3.gif) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #000;
border-bottom : 5px solid #BFBFBF;
}

4- الشكل الرابع

box4

الكود الخاص به

.code {
margin : 10px;
padding: 0px 25px 5px 20px;
background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaduszfbyZIwmoiFauKra5Smdhyphenhyphen-56T9yd4RKshsHLGp266_EQb26QFNHxn1bn_AT-L8biPqFooSCdrLuHJSDvRL1-nRp412j-Iwo8JIzn4Dw2gzophRW3Nee7TZQvblqRY_xR_v9CybA/s1600/codeview4.png) no-repeat top left;
font: 0.9em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #767675;
border: 1px solid #767675;
}

المرحلة الثانية: تخصيص صندوك الأكواد الخاص بك

 

فس هذه المرحلة ستتمكن من تغير الألوان الخاصة بهذا الصندوق لتضع به الألوان التي تناسبك أو تناسب مدونتك، هذه المرحلى ليست بظرورية يمكنك التخلي عنها.

لكن إن كنت من الأشخاص اللذين يحبون وضع لمستهم الشخصية على الأشياء فتابع الطريقة.

اللون: خلفية الإطار الرئيسي

اللون: لون النص

اللون: لون الحدود

المرحلة الثالثة: كيف تجعل الصندوق يظهر بالشكل المطلوب

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

وضع الكود

و هذا هو الكود الخاص بالإضافة

<div class="code"> كود الإضافات ستقوم بكتابته هنا</div>

و بهذا نكون قد إنتهينى من هذا الموضوع أتمنى أن ينال إعجابك، و إن فعل فلا تبخل علينا بتعليقاتك.

6 أخطأ يجب على المدون الجديد تجنبها blogging mistakes

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

 

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

 

blogging-mistakes


1- رفع الراية البيضاء: كثيرا ما يفقد المدونون الجدد صبرهم بسرعة و يتخلون عن مدوناتهم، لذا صدق أو لا تصدق أن أكثر من %80 من المدونين الجدد يتخلون عن مدوناتهم في الأشهر 6 الأولى. لذالك أعطي لنفسك الوقت و تحلى بالصبر لأن المدونة ستأخد وقتا حتى تصبح معروفة.

 

2- الإضافات: تجد في بعض المدونات الكثير من الإضافات المهمة و الغير مهمة، صحيح أن مدونتك تظهر بشكل جميل بها لكن هذا سيزيد عبئ التحميل عليها خاصة لأصحاب السرعات البطيئة. مما سيزعج زوارك و احتمال أن يغادروا مدونتك بدون رجعة، لذالك تخلص من الإضافات الغير مهمة و اثرك ما تحتاجه و يحتاجه زوارك هكذا ستظهر مدونتك أكثر إحترافية.

 

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

 

4- الإنظباط: و هذا هو الأمر الأكثر خطورة على المدونين عامة و هو ما يجعلهم يتخلون عن التدوين. فإن كنت مدون مبتدئ و تنشر موضوع كل أسبوع فلا تتوقع الكثير من الزوار لأنهم لا يحبون قراءة المواضيع القديمة. إذا، على أي وثيرة يجب عليك التدوين؟ إن قمت بذالك يوميا سيكون رائع لكن 3 أو 4 مرات في الأسبوع ستكون جيدة و بهذا ستبني مدونة ناجحة.

 

5- الإدمان: قد يختلف مع البعض لكن الأمر حقيقي فالتدوين يشبه إدمان المخدرات. قد تجد أشخاص إنعزلوا عن العالم الخارجي بقوا مسمرين أما مدوناتهم بالساعات و الأيام. تذكر أن عليك إلتزامات تجاه أهلك و أصدقائك و صحتك … إلخ. فمن الجيد أن يكون لك هذا الشغف الكبير بالتدوين لكن يجب تحتويه فالتدوين أمر يمكن القيام به على المدى البعيد. لذا تأكد ألا يأثر على روتينك اليومي.

 

6- الجدال: ستتلقى الكثير من التعليقات في مدونتك و هذا أمر طبيعي، و ظمن هذه التعليقات ستجد تعليقات “غير عادية” لبعض القراء. و أعني “بغير عادية” أنها “غير عادية” فلا تقسوا في الرد عليهم و تجنب الجدال معهم فأنت الخاسر الوحيد. لأنك بذالك تبني سمعة سيئة عنك بدون أن تشعر بذالك.

 

أتمنى أن تستفيد من هذه الأخطاء، الأن قم بوضع تعليقك أو استفسارك بالأسفل.

إضافة الشبكات الإجتماعية بشكل جميل و جذاب Bookmarking Widget

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

 

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

 

Social Bookmarking Widget

 

الإضافة هي نفسها الموجودة في مدونتي و ستجدها أسفل الموضوع، و هي تشمل أكثر من 80 زر لمواقع إجتماعية مختلفة، و لكي لا أطيل عليك في الكلام أثركك مع طريقة التركيب.

 

خطوات تركيب الإضافة

 

1- توجه للوحة تحكم المدونة

2- تصميم / تحرير Html

3- قم بتوسيع القالب لتظهر جميع الأكواد

4- قم بالبحث عن الكود التالي </head> ثم أضف الكود الموجود بالأسفل قبله

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript' /> <link href='http://bloggerblogwidgets.googlecode.com/svn/trunk/auto-hide-social-bookmarking-way2blogging.css' rel='stylesheet' type='text/css' /> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('.sexy-bookmarks a.external').attr("target", "_blank"); var sexyBaseHeight = jQuery('.sexy-bookmarks').height(); var sexyFullHeight = jQuery('.sexy-bookmarks ul.socials').height(); if (sexyFullHeight > sexyBaseHeight) { jQuery('.sexy-bookmarks-expand').hover( function() { jQuery(this).animate({ height: sexyFullHeight + 15 + 'px' }, { duration: 800, queue: false }); }, function() { jQuery(this).animate({ height: sexyBaseHeight + 'px' }, { duration: 800, queue: false }); }); } if (jQuery('.sexy-bookmarks-center')) { var sexyFullWidth = jQuery('.sexy-bookmarks').width(); var sexyBookmarkWidth = jQuery('.sexy-bookmarks:first ul.socials li').width(); var sexyBookmarkCount = jQuery('.sexy-bookmarks:first ul.socials li').length; var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth); var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth; var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2; jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin + 'px'); } }); </script>

5- بعد ذالك إبحث عن الكود التالي <data:post.body/> و ضع الكود بالأسفل بعده مباشرة

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='post-width-w2b' style='width:600px;'> <div class='sexy-bookmarks-bg-enjoy sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '> <ul class='socials'> <li class='sexy-yahoomail'> <a class='external' expr:href='&quot;http://compose.mail.yahoo.com/?Subject= &quot; + data:post.title + &quot;&amp;body=Link:&quot;+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/> </li> <li class='sexy-gmail'> <a class='external' expr:href='&quot;https://mail.google.com/mail/?ui=2&amp;view=cm&amp;fs=1&amp;tf=1&amp;su=&quot; + data:post.title + &quot;&amp;body=Link:&quot; + data:post.url' rel='nofollow' title='Email this via Gmail'/> </li> <li class='sexy-twitter'> <a class='external' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' title='Tweet This!'/> </li> <li class='sexy-facebook'> <a class='external' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'/> </li> <li class='sexy-linkedin'> <a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'/> </li> <li class='sexy-googlebuzz'> <a class='external' expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on Google Buzz'/> </li> <li class='sexy-yahoobuzz'> <a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url + &quot;&amp;submitHeadline=&quot; + data:post.title + &quot;&amp;submitSummary=&amp;submitCategory=science&amp;submitAssetType=text&quot;' rel='nofollow' title='Buzz up!'/> </li> <li class='sexy-blogger'> <a class='external' expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=1&quot;' rel='nofollow' title='Blog this on Blogger'/> </li> <li class='sexy-googlebookmarks'> <a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Google Bookmarks'/> </li> <li class='sexy-googlereader'> <a class='external' expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcUrl=&quot; + data:post.url + &quot;&amp;srcTitle=&quot; + data:post.title + &quot;&amp;snippet=&quot;' rel='nofollow' title='Add this to Google Reader'/> </li> <li class='sexy-stumbleupon'> <a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'/> </li> <li class='sexy-delicious'> <a class='external' expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on del.icio.us'/> </li> <li class='sexy-digg'> <a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Digg this!'/> </li> <li class='sexy-comfeed'> <a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/&quot; + data:post.id + &quot;/comments/default?alt=rss&quot;' rel='nofollow' title='Subscribe to the comments for this post?'/> </li> <li class='sexy-orkut'> <a class='external' expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;tt=&quot; + data:post.title + &quot;&amp;du=&quot; + data:post.url + &quot;&amp;cn=&quot;' rel='nofollow' title='Promote this on Orkut'/> </li> <li class='sexy-designbump'> <a class='external' expr:href='&quot;http://designbump.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Bump this on DesignBump'/> </li> <li class='sexy-reddit'> <a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Reddit'/> </li> <li class='sexy-designfloat'> <a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to DesignFloat'/> </li> <li class='sexy-friendfeed'> <a class='external' expr:href='&quot;http://www.friendfeed.com/share?title=&quot; + data:post.title + &quot;&amp;link=&quot; + data:post.url ' rel='nofollow' title='Share this on FriendFeed'/> </li> <li class='sexy-zabox'> <a class='external' expr:href='&quot;http://www.zabox.net/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Box this on Zabox'/> </li> <li class='sexy-dzone'> <a class='external' expr:href='&quot;http://www.dzone.com/links/add.html?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;description=&quot;' rel='nofollow' title='Add this to DZone'/> </li> <li class='sexy-webblend'> <a class='external' expr:href='&quot;http://thewebblend.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Blend this!'/> </li> <li class='sexy-propeller'> <a class='external' expr:href='&quot;http://www.propeller.com/submit/?url=&quot; + data:post.url ' rel='nofollow' title='Submit this story to Propeller'/> </li> <li class='sexy-tumblr'> <a class='external' expr:href='&quot;http://www.tumblr.com/share?v=3&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Share this on Tumblr'/> </li> <li class='sexy-squidoo'> <a class='external' expr:href='&quot;http://www.squidoo.com/lensmaster/bookmark?&quot; + data:post.url ' rel='nofollow' title='Add to a lense on Squidoo'/> </li> <li class='sexy-posterous'> <a class='external' expr:href='&quot;http://posterous.com/share?linkto=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;selection=&quot;' rel='nofollow' title='Post this to Posterous'/> </li> <li class='sexy-technorati'> <a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url ' rel='nofollow' title='Share this on Technorati'/> </li> <li class='sexy-hotmail'> <a class='external' expr:href='&quot;http://mail.live.com/?rru=compose?subject=&quot; + data:post.title + &quot;&amp;body=Link: &quot; + data:post.url ' rel='nofollow' title='Email this via Hotmail'/> </li> <li class='sexy-bebo'> <a class='external' expr:href='&quot;http://www.bebo.com/c/share?Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title ' rel='nofollow' title='Share this on Bebo'/> </li> <li class='sexy-bitacoras'> <a class='external' expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url ' rel='nofollow' title='Submit this to Bitacoras'/> </li> <li class='sexy-blinklist'> <a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title ' rel='nofollow' title='Share this on Blinklist'/> </li> <li class='sexy-100zakladok'> <a class='external' expr:href='&quot;http://www.100zakladok.ru/save/?bmurl=&quot; + data:post.url + &quot;&amp;bmtitle=&quot; + data:post.title ' rel='nofollow' title='Add this to 100 bookmarks'/> </li> <li class='sexy-blogengage'> <a class='external' expr:href='&quot;http://www.blogengage.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Engage with this article!'/> </li> <li class='sexy-blogmarks'> <a class='external' expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Mark this on BlogMarks'/> </li> <li class='sexy-bobrdobr'> <a class='external' expr:href='&quot;http://bobrdobr.ru/addext.html?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on BobrDobr'/> </li> <li class='sexy-bonzobox'> <a class='external' expr:href='&quot;http://bonzobox.com/toolbar/add?pop=1&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title + &quot;&amp;d=&quot;' rel='nofollow' title='Add this to BonzoBox'/> </li> <li class='sexy-boxnet'> <a class='external' expr:href='&quot;https://www.box.net/api/1.0/import?url=&quot; + data:post.url + &quot;&amp;name=&quot; + data:post.title + &quot;&amp;description=&amp;import_as=link&quot;' rel='nofollow' title='Add this link to Box.net'/> </li> <li class='sexy-current'> <a class='external' expr:href='&quot;http://current.com/clipper.htm?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Post this to Current'/> </li> <li class='sexy-diigo'> <a class='external' expr:href='&quot;http://www.diigo.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;desc=&quot;' rel='nofollow' title='Post this on Diigo'/> </li> <li class='sexy-ekudos'> <a class='external' expr:href='&quot;http://www.ekudos.nl/artikel/nieuw?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;desc=&quot;' rel='nofollow' title='Submit this to eKudos'/> </li> <li class='sexy-evernote'> <a class='external' expr:href='&quot;http://www.evernote.com/clip.action?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Clip this to Evernote'/> </li> <li class='sexy-faqpal'> <a class='external' expr:href='&quot;http://www.faqpal.com/submit?url=&quot; + data:post.url ' rel='nofollow' title='Submit this to FAQpal'/> </li> <li class='sexy-fwisp'> <a class='external' expr:href='&quot;http://fwisp.com/submit?url=&quot; + data:post.url ' rel='nofollow' title='Share this on Fwisp'/> </li> <li class='sexy-globalgrind'> <a class='external' expr:href='&quot;http://globalgrind.com/submission/submit.aspx?url=&quot; + data:post.url + &quot;&amp;type=Article&amp;title=&quot; + data:post.title ' rel='nofollow' title='Grind this! on Global Grind'/> </li> <li class='sexy-hackernews'> <a class='external' expr:href='&quot;http://news.ycombinator.com/submitlink?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Submit this to Hacker News'/> </li> <li class='sexy-hatena'> <a class='external' expr:href='&quot;http://b.hatena.ne.jp/add?mode=confirm&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Bookmarks this on Hatena Bookmarks'/> </li> <li class='sexy-hyves'> <a class='external' expr:href='&quot;http://www.hyves.nl/profilemanage/add/tips/?name=&quot; + data:post.title + &quot;&amp;text=Text about this site+-+&quot; + data:post.url + &quot;&amp;rating=5&quot;' rel='nofollow' title='Share this on Hyves'/> </li> <li class='sexy-identica'> <a class='external' expr:href='&quot;http://identi.ca//index.php?action=newnotice&amp;status_textarea=Reading:&quot; + data:post.title + &quot;+-+from+&quot; + data:post.url ' rel='nofollow' title='Post this to Identica'/> </li> <li class='sexy-izeby'> <a class='external' expr:href='&quot;http://izeby.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Add this to Izeby'/> </li> <li class='sexy-jumptags'> <a class='external' expr:href='&quot;http://www.jumptags.com/add/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this link to JumpTags'/> </li> <li class='sexy-kaevur'> <a class='external' expr:href='&quot;http://kaevur.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Share this on Kaevur'/> </li> <li class='sexy-mail'> <a class='external' expr:href='&quot;mailto:?subject=%22&quot; + data:post.title + &quot;%22&amp;body=Link: &quot; + data:post.url + &quot; (sent via Way2blogging) &quot;' rel='nofollow' title='Email this to a friend?'/> </li> <li class='sexy-memoryru'> <a class='external' expr:href='&quot;http://memori.ru/link/?sm=1&amp;u_data[url]=&quot; + data:post.url + &quot;&amp;u_data[name]=&quot; + data:post.title ' rel='nofollow' title='Add this to Memory.ru'/> </li> <li class='sexy-meneame'> <a class='external' expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Meneame'/> </li> <li class='sexy-misterwong'> <a class='external' expr:href='&quot;http://www.mister-wong.com/addurl/?bm_url=&quot; + data:post.url + &quot;&amp;bm_description=&quot; + data:post.title + &quot;&amp;plugin=sexybookmarks&quot;' rel='nofollow' title='Add this to Mister Wong'/> </li> <li class='sexy-moemesto'> <a class='external' expr:href='&quot;http://moemesto.ru/post.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to MyPlace'/> </li> <li class='sexy-mylinkvault'> <a class='external' expr:href='&quot;http://www.mylinkvault.com/link-page.php?u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title ' rel='nofollow' title='Store this link on MyLinkVault'/> </li> <li class='sexy-myspace'> <a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' rel='nofollow' title='Post this to MySpace'/> </li> <li class='sexy-n4g'> <a class='external' expr:href='&quot;http://www.n4g.com/tips.aspx?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit tip to N4G'/> </li> <li class='sexy-netvibes'> <a class='external' expr:href='&quot;http://www.netvibes.com/share?title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Netvibes'/> </li> <li class='sexy-netvouz'> <a class='external' expr:href='&quot;http://www.netvouz.com/action/submitBookmark?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;popup=no&quot;' rel='nofollow' title='Submit this to Netvouz'/> </li> <li class='sexy-newsvine'> <a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot; + data:post.url + &quot;&amp;h=&quot; + data:post.title ' rel='nofollow' title='Seed this on Newsvine'/> </li> <li class='sexy-ning'> <a class='external' expr:href='&quot;http://bookmarks.ning.com/addItem.php?url=&quot; + data:post.url + &quot;&amp;T=&quot; + data:post.title ' rel='nofollow' title='Add this to Ning'/> </li> <li class='sexy-nujij'> <a class='external' expr:href='&quot;http://nujij.nl/jij.lynkx?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url + &quot;&amp;b=&quot;' rel='nofollow' title='Submit this to NUjij'/> </li> <li class='sexy-oknotizie'> <a class='external' expr:href='&quot;http://oknotizie.virgilio.it/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on OkNotizie'/> </li> <li class='sexy-pfbuzz'> <a class='external' expr:href='&quot;http://pfbuzz.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on PFBuzz'/> </li> <li class='sexy-pingfm'> <a class='external' expr:href='&quot;http://ping.fm/ref/?link=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;body=&quot;' rel='nofollow' title='Ping this on Ping.fm'/> </li> <li class='sexy-plaxo'> <a class='external' expr:href='&quot;http://www.plaxo.com/?share_link=&quot; + data:post.url ' rel='nofollow' title='Share this on Plaxo'/> </li> <li class='sexy-plurk'> <a class='external' expr:href='&quot;http://www.plurk.com/m?content=9+beautiful+web+forms+for+free+download+-+&quot; + data:post.url + &quot;&amp;qualifier=shares&quot;' rel='nofollow' title='Share this on Plurk'/> </li> <li class='sexy-printfriendly'> <a class='external' expr:href='&quot;http://www.printfriendly.com/print?url=&quot; + data:post.url ' rel='nofollow' title='Send this page to Print Friendly'/> </li> <li class='sexy-pusha'> <a class='external' expr:href='&quot;http://www.pusha.se/posta?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Push this on Pusha'/> </li> <li class='sexy-scriptstyle'> <a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to Script &amp; Style'/> </li> <li class='sexy-slashdot'> <a class='external' expr:href='&quot;http://slashdot.org/bookmark.pl?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Submit this to SlashDot'/> </li> <li class='sexy-sphinn'> <a class='external' expr:href='&quot;http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=&quot; + data:post.url ' rel='nofollow' title='Sphinn this on Sphinn'/> </li> <li class='sexy-springpad'> <a class='external' expr:href='&quot;http://springpadit.com/clip.action?body=&amp;url=&quot; + data:post.url + &quot;&amp;format=microclip&amp;title=&quot; + data:post.title + &quot;&amp;isselected=true&quot;' rel='nofollow' title='Spring this on SpringPad'/> </li> <li class='sexy-strands'> <a class='external' expr:href='&quot;http://www.strands.com/tools/share/webpage?title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url ' rel='nofollow' title='Submit this to Strands'/> </li> <li class='sexy-stumpedia'> <a class='external' expr:href='&quot;http://www.stumpedia.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Stumpedia'/> </li> <li class='sexy-techmeme'> <a class='external' expr:href='&quot;http://twitter.com/home/?status=Tip+@Techmeme+&quot; + data:post.url + &quot;--&quot; + data:post.title + &quot;&amp;source=Way2blogging&quot;' rel='nofollow' title='Tip this to TechMeme'/> </li> <li class='sexy-tipd'> <a class='external' expr:href='&quot;http://tipd.com/submit.php?url=&quot; + data:post.url ' rel='nofollow' title='Share this on Tipd'/> </li> <li class='sexy-tomuse'> <a class='external' expr:href='&quot;mailto:tips@tomuse.com?subject=&quot; + data:post.title + &quot;&amp;body=Link: &quot; + data:post.url ' rel='nofollow' title='Suggest this article to ToMuse'/> </li> <li class='sexy-twittley'> <a class='external' expr:href='&quot;http://twittley.com/submit/?title=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;desc=&amp;pcat=Technology&amp;tags=&quot;' rel='nofollow' title='Submit this to Twittley'/> </li> <li class='sexy-viadeo'> <a class='external' expr:href='&quot;http://www.viadeo.com/shareit/share/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;urlaffiliate=31138&quot;' rel='nofollow' title='Share this on Viadeo'/> </li> <li class='sexy-virb'> <a class='external' expr:href='&quot;http://virb.com/share?external&amp;v=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Virb'/> </li> <li class='sexy-wikio'> <a class='external' expr:href='&quot;http://www.wikio.com/sharethis?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Wikio'/> </li> <li class='sexy-wykop'> <a class='external' expr:href='&quot;http://www.wykop.pl/dodaj?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Wykop!'/> </li> <li class='sexy-xerpi'> <a class='external' expr:href='&quot;http://www.xerpi.com/block/add_link_from_extension?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Save this to Xerpi'/> </li> <li class='sexy-yandex'> <a class='external' expr:href='&quot;http://zakladki.yandex.ru/userarea/links/addfromfav.asp?bAddLink_x=1&amp;lurl=&quot; + data:post.url + &quot;&amp;lname=&quot; + data:post.title ' rel='nofollow' title='Add this to Yandex.Bookmarks'/> </li> <li class='sexy-way2blogging'> <a class='external' href='http://widget-blogs.blogspot.com' rel='follow' title='Grab this Widget'></a> </li> </ul> <div class='sexy-link'> Widget for blogger by <a href='http://widget-blogs.blogspot.com/2010/12/add-sexy-auto-hide-social-bookmarking.html' rel='follow' title='Grab this Widget'>WidgetBlogs</a> </div> </div> </div> </b:if>

6- قم بتغير القيمة التالية حسب عرض مدونتك width:600px

7- قم بحفظ القالب و تمتع بالإضافة

 

أتمنى أن ينال الموضوع إعجابك، الأن قو بوضع تعليقك بالأسفل