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

ولإضافة هذه الخاصية الجديدة لمدونتك كل ما عليك فعله الذهاب إلى  مباشرة إلى  تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html وتضع العلامة على  مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على ctrl+f وتبحث عن هذا الكود 

]]>

بعد أن تجده قم بإضافة هذا الكود قبله

img,a{border:0}#on{visibility:visible}#off{visibility:hidden}#facebook_div{width:196px;height:340px;overflow:hidden}#twitter_div{width:246px;height:353px;overflow:hidden}#google_plus_div{width:152px;height:97px;overflow:hidden;margin-left:50px;margin-top:10px}#knfeedburner_div{width:300px;height:97px;overflow:hidden;margin-top:5px;margin-left:-4px}#kakinetwork_div{width:300px;height:97px;overflow:hidden}#facebook_right{z-index:10005;border:2px solid#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px}#facebook_right img{position:absolute;top:-2px;left:-35px}#facebook_right iframe{border:0px solid#3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px}#twitter_right{z-index:10004;border:2px solid#6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px}#twitter_right_img{position:absolute;top:-2px;left:-35px;border:0}#google_plus_right{z-index:10003;background-color:#F2F2F2;border:2px solid#006ec9;border-top:2px solid#0056a0;border-bottom:2px solid#0056a0;border-right:2px solid#0056a0;border-left:hidden;width:152px;height:97px;position:fixed;right:-154px}#google_plus_right_img{position:absolute;top:-2px;left:-33px;border:0}#feedburner_right{z-index:10003;background-color:#fefefe;border:2px solid#5b5b5b;border-top:2px solid#5b5b5b;border-bottom:2px solid#5b5b5b;border-right:2px solid#5b5b5b;border-left:hidden;width:300px;height:97px;position:fixed;right:-303px}#feedburner_right_img{position:absolute;top:-2px;left:-33px;border:0}#kakinetwork_right{z-index:10003;border:2px solid#303030;background-color:#fff;width:300px;height:97px;position:fixed}#kakinetwork_right img{position:absolute;top:-2px;left:-101px}#facebook_left{z-index:10005;border:2px solid#3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px}#facebook_left img{position:absolute;top:-2px;right:-35px}#facebook_left iframe{border:0px solid#3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px}#twitter_left{z-index:10004;border:2px solid#6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px}#twitter_left_img{position:absolute;top:-2px;right:-35px;border:0}#google_plus_left{z-index:10003;background-color:#006ec9;border:2px solid#006ec9;border-top:2px solid#0056a0;border-bottom:2px solid#0056a0;border-left:2px solid#0056a0;border-right:hidden;width:152px;height:97px;position:fixed;left:-154px}#google_plus_left_img{position:absolute;top:-2px;right:-33px;border:0}#feedburner_left{z-index:10003;background-color:#fefefe;border:2px solid#5b5b5b;border-top:2px solid#5b5b5b;border-bottom:2px solid#5b5b5b;border-left:2px solid#5b5b5b;border-right:hidden;width:300px;height:97px;position:fixed;left:-303px}#feedburner_left_img{position:absolute;top:-2px;right:-33px;border:0}#kakinetwork_left{z-index:10003;border:2px solid#303030;background-color:#fff;width:300px;height:97px;position:fixed}#kakinetwork_left img{position:absolute;top:-2px;right:-101px}.box-title1{border:1px solid#ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:5px 5px 5px#CCCCCC;-moz-box-shadow:5px 5px 5px#CCCCCC;box-shadow:5px 5px 5px#CCCCCC;padding:10px;margin:10px 0}.enteryouremail{background:#fff!important;border:1px solid#d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:165px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0px}.submitbutton{background:#F2F2F2;border:1px solid#F66303;-webkit-box-shadow:3px 3px 3px#666;box-shadow:3px 3px 3px#666;font:bold 12px Arial,sans-serif;color:#000000;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer}

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

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> <script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTBiQsUxyI1cTa9voV_3asmmMaitbu1kx6QCDovgpbC0FOtdaqU6_jzfWbmTVBGwPdePSFzyOZvNSGwu1dU8mI5jlKPESZuEZUMK57QyC_3A4C4CxAlccEfzRQxS3QoCcDys-juq-SbJG_/s1600/facebook-icon.png" alt=""/><iframe src="//www.facebook.com/plugins/likebox.php? href=http%3A%2F%2Fwww.facebook.com%2F856865GG&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true"></iframe></div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnSVSTLD-OG89N-3qD2soBaNP2kEoQbC2_FEjWP_YkekKUkLLsmdC6fSJf-flOnAAKilbYa2VIpbRoeyo7-pL4dq-S-wi86_RDBafaHiQbUnnR10qXyXZleQGfI8vNG2GnuXg5wUjNrhNw/s1600/twitter-icon.png"/> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }})

.render().setUser('bhgytrfdes2').start();</script></div></div></div><div id="on"><div id="google_plus_right" style="top: 52%;"><div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0cIOOUsNMmKYbRHkwL-7woczxkL7X-3kMz2TXjKIHzp81NsIsYjRp2IVQwDiXVHIFFdw2lfR19Td0xPY7hAzRlFmeoKhd4_oo3E3xwzonMmcmo7wChwSehqrkno_K4aJPjNZfionN5qw/s1600/google-plus-icon.png"/><div style="float:left;margin:10px 10px 10px 0;"><g:plusone size="tall" expr:href="data:post.url"></g:plusone></div></div></div><div id="on"><div id="feedburner_right" style=" top: 69%;"><div id="knfeedburner_div"><center><h4 style="color:#F66303;">سجل إميلك وتوصل بمواضيعنا :</h4><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open ('http://feedburner.google.com/fb/a/mailverify?uri=modmin-fic', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="" onblur="if (this.value == &#39;&#39;) {this.value = &#39;أدخل إميلك هنا ...&#39;;}" onfocus="if (this.value == &#39;أدخل إميلك هنا ...&#39;) {this.value = &#39;&#39;;}" type="text"/><input value="modmin-fic" name="uri" type="hidden"/><input value="أرسل" class="submitbutton" type="submit"/></form></center><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2skyDFSzDiKEo1HFdgU2fRSECWBmJ80Wt9HNmTG6gauS4G0ZjPxekqb2v-yb7FMRz86gxyBHXsnWpCLJz3oPCxGH-zret4E-HDPFzsHOodeooP5t0LnI4_tFNrpfM7Xn4aSaSV0Cajus/s1600/rssfeed.png"/></div></div></div></div> 

قبل حفظ التغييرات قم بتغيير التالي :

إستبدل ما  باللون  الأحمر  بحسابك علي الفيسبوك
إستبدل ما  باللون الأخضر بحسابك على التويتر
إستبدل ما باللون الوردي بحسابك علي الفيدبيرنر

1

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

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

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

شرح كيفية عمل الموقع 

 نقوم بالدخول على رابط الموقع

  

http://domainvalue.congland.com

 نقوم بادخال رابط موقعنا على www.exemple.com بالخانة المخصصة لذالك كما هو موضح بالصورة ، ثم نقوم بالضغط على submit

نأخذ على سبيل المثال موقع فيس بوك ونقوم بانجاز التجربة، بعد أن نقوم بادخال رابط الموقع

  http://www.facebook.com 

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

1

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

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

كل ما عليك فعله هو الذهاب إلى هذا الموقع لعمل خريطة لموقعك

 http://ctrlq.org/blogger

ضع في الإطار التالي رابط مدونتك كما هو مبين في هاته الصورة

إضغط على generate sitemap  لتوليد الكود الذي هو خريطة مدونتك ، بعد ذلك سوف تحصل على هذا الكود كما في الصورة التالية

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

إضافة تسمية توضيحية

ثم إضغط على تفضيلات البحث كما هو ظاهرفي هاته الصورة

 بعدها أنقر على تحرير لملف robots.txt كما هو ظاهر في الصورة

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

لا تنسى أن تضع العلامة على مربع نعم ، ثم قم بحفظ التغييرات ، ومبروك عليك الأرشفة القوية على محركات البحث.

1

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

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

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

<div dir="rtl" style="text-align: right;" trbidi="on"> <div id="fbslidebox" style="-moz-border-radius: 15px 15px 15px 15px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtsPK47MlIA0m6M10ApyhSv6DI_JQokM1xHav3-7fTkZxl7kOFTxjRXxHFABlOUWstA4AdrwHqol-PFeApCEqfIS3TA57FTeMhsLOtqpuQ9WywtB02NIihJLQn1AgudU09JpjFm-hDXH1a/s0/bo-bg-html.gif&quot;) repeat scroll 0% 0% transparent; border: 2px solid rgb(17, 17, 17); bottom: 20px; display: block; overflow: hidden; position: fixed; right: 10px; width: 342px;"> <div style="margin: 0pt auto; overflow: hidden; padding: 10px; width: 320px;"> <b style="color: #66ad3d;"><span style="color: magenta;"> <span style="color: #f3f3f3;"><b>معجبو المدونه على الفيسبوك</b></span></span><br /> </b><br /> <div class=" fb_reset" id="fb-root"> <div style="height: 0px; position: absolute; top: -10000px; width: 0px;"> <div> <iframe id="fb_xdm_frame_http" name="fb_xdm_frame_http" src="http://static.ak.facebook.com/connect/xd_arbiter.php?version=11#channel=f37ef819d78dba8&amp;origin=http%3A%2F%2Fforum.al-wlid.com&amp;channel_path=%2Ft11316.html%3Ffb_xd_fragment%23xd_sig%3Df28002bab7e5e2%26"></iframe><iframe id="fb_xdm_frame_https" name="fb_xdm_frame_https" src="https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=11#channel=f37ef819d78dba8&amp;origin=http%3A%2F%2Fforum.al-wlid.com&amp;channel_path=%2Ft11316.html%3Ffb_xd_fragment%23xd_sig%3Df28002bab7e5e2%26"></iframe></div> <div> </div> </div> </div> <b style="color: #66ad3d;"> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="https://www.facebook.com/arabgoogl2020" data-send="false" data-show-faces="false" data-width="250"> <span style="height: 46px; width: 250px;"><iframe class="fb_rtl " id="f181becd14fa7d8" name="f1d5791a6f5c34e" scrolling="no" src="http://www.facebook.com/plugins/like.php?channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D11%23cb%3Df21b75c41cc7cda%26origin%3Dhttp%253A%252F%252Fforum.al-wlid.com%252Ff37ef819d78dba8%26domain%3Dforum.al-wlid.com%26relation%3Dparent.parent&amp;extended_social_context=false&amp;href=http%3A%2F%2Fwww.facebook.com%2Fمدونة عرب جوجل للمعلومات&amp;layout=standard&amp;locale=ar_AR&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=250" style="border: medium none; height: 46px; overflow: hidden; width: 250px;" title="Like this content on Facebook."></iframe></span></div> </b></div> </div> </div>

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

و شكرن

1

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )

]]></b:skin>

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

.post img {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}

يمكنك التحكم في درجة ميلان الصور كما تريد وبإتجاهها كذلك  سواء على اليسار أم على اليمين وذلك بإستبدال الرمز (+) بالرمز( -) والعكس، حيث تمثل القيمة 2deg+ درجة الميلان قبل وضع مؤشر الماوس  وتمثل كذلك القيمة  1deg- درجة الميلان عند وضع مؤشر الماوس على الصورة .

والتتيجة تكون الصورة على هذا الشكل .

هذا كل شيء ،أتمني أن تعجبكم هذه الإضافة،في إنتظار آرائكم وإستفساراتكم حول الموضوع .

1