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

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

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

يمكنك مشاهدة الصوره التالية لمعرفة هذه الاضافة على موقعنا اولا:

شرح الاداة  بالفيديو

كيفية اضافة اداة النشر في الفيس بوك وتويتر على الصور في مدونات بلوجر:

اولا:  اذهب الى لوحة التحكم – ثم اضغط على قالب --- ثم تحرير Html

ثانيا : قم بالضغط داخل مربع html  في اي مكان لتنشيطة فقط وقم بعمل ctrl + f  من اجل البحث عن الكود التالي  </body>  وغالبا        فان هذا الكود يكون في نهاية القالب .

ثالثا: قم باضافة الكود التالي فوقة مباشرتا:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script src="http://cdn.slingpic.com/js/slingpic.plugin.js"></script><script>            jQuery(window).load(function(){                        jQuery("img").slingPic({                                    context: true,copyright: true,                                    theme: "dark"                        });            });</script>

اذا كنت تريد مربع المشاركة لونة ابيض قم بتغير كلمة dark  الى subtle   

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

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

copyright: true,

بعدها قم بحفظ القالب وعمل رفرش لموقع.

بواسطة فريق الدعم في 10:09 ص تحت قسم إضافات بلوجر ، دروس بلوجر

قوالب بلوجر - تحميل قالب بلوجر BasicDual

تحميل قالب بلوجر BasicDual

تاريخ الإصدار: 29-أكتوبر-2013
نوع القالب: شكل مجلة, عمودين

         مشاهدة تحميل

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

يتميز هذا القالب بشكلة الرائع والانيق والتي يظهر فيها باللون الازرق والابيض .

يتميز القالب بوجود سلايد شو جميل 

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

كما تم اضافة اقسام الموقع على الموضوع من الخارج بشكل رائع

ترقيم صفحات مميز جدا

في القائمة الجانبية تم دمج التسميات مع التعليقات الجديدة

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

بواسطة فريق الدعم في 3:49 م تحت قسم قوالب بلوجر

إضافات بلوجر - أداة الإشتراك في قناة اليوتيوب

إضافة أداة إشترك في قناتي علي اليوتيوب 

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

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

<iframe frameborder="0" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=إسم قناتك" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJNw9FI-JDdBT06s9hijX0g5-8wbuBHwlr4CCffptDyaF3uPfL3L4EO5PiRGYZC07Rmt17JyHs7j33Cm254i0TBzJo_ca0VOExdI9P-me2pmEkZd_fxfmKeVG6fhO7mZGV998o3yvQGgY/s1600/blogger-host.jpg); border: 0; height: 100px; overflow: hidden; width: 610px;"> </iframe>

أرجو تشجيعي بعمل لايك و مشاركة للموضوع وشكرا

بواسطة فريق الدعم في 3:17 م تحت قسم إضافات بلوجر

قوالب بلوجر - تحميل قالب Business solution

قوالب بلوجر - تحميل قالب Business solution

اقدم لكم قالب business solution  المتطور والملئ بالادوات المدهشة

تصميم قالب بيزنيس سوليوشن الجديد يجعلة متاح لكثير من الاغراض .

اتمنى ان يعجبكم القالب،،

معاينة القالب                         -                  تحميل القالب

اضافات بلوجر للقالب

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

اضافة التواصل الاجتماعي

<!----  شبكات التواصل الاجتماعي http://blogger-host.blogspot.com/  ----> 

<style type="text/css">

#buttonbg {width: 260px;margin: 10px 20px;padding: 0;}

#buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none;  }

#buttonbg .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyquTWrfE3uRNkWh7XxFqvmr9jdly1FGcoSf7PGLIa1PdemJPJaXAO5VArunsdzo90VWOIrc9qQQ6ssyzkFlnJmQU8A5CzGKREmQviQUZcztMIr0su4Ool-sOOGxq6oGQRub_pH_K05Ao/s1600/blsocial12.png') 0 0 no-repeat;

background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;

color: #141414;float: none;height: 48px;line-height: 48px;

margin: 5px 0;position: relative;text-align: left;text-indent: 90px;

text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;

-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;

-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;

-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;

transition: width .25s ease-in-out, background-color .25s ease-in-out;

-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;

-moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px;

-o-box-shadow: rgba(0,0,0, .28) 0 2px 3px;

box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;

text-decoration: none;}

#buttonbg span:hover {visibility: hidden;}

#buttonbg span {display: block;top: 15px;position: absolute;left: 90px;}

#buttonbg .icon {color: #fafafa;overflow: hidden;}

#buttonbg .fb {background-color: rgba(45,118,185, .42); background-position: 0 -382px;}

#buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;}

#buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;}

#buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}

#buttonbg .linked {background-color: rgba(0, 87, 114, .42);  background-position: 0 -574px;}

#buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;}

#buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;}

#buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;}

#buttonbg li:hover .icon {width: 250px; }

#buttonbg li:hover .icon {background-color: #d91e76; }

#buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}

#buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; }

#buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;}

#buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; }

#buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;}

#buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;}

#buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; }

#buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; }

#buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}

</style>

<ul id="buttonbg">

<li ><a href="https://www.facebook.com/pages/%D9%85%D8%B9%D9%87%D8%AF-%D8%AE%D8%A8%D8%B1%D8%A7%D8%A1-%D8%A8%D9%84%D9%88%D8%AC%D8%B1/426883564078490" class="icon fb"></a><span>عبر الفيس بوك</span></li>

<li ><a href="Link Twitter Anda" class="icon twit" ></a><span>عبر تويتر</span></li>

<li ><a href="Link Google+ Anda" class="icon google" ></a><span>عبر جوجل بلس</span></li>

<li ><a href="Link Youtube Anda" class="icon ytube"></a><span>عبر اليوتيوب</span></li>

</ul>

<!----  شبكات التواصل الاجتماعي http://blogger-host.blogspot.com/  ----> 

اضافة تابعنا على الفيس بوك

<!--  تابعنا علي الفيس بوك http://blogger-host.blogspot.com/  --> 

<iframe src="https://www.facebook.com/pages/%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D9%85%D8%AD%D8%AA%D8%B1%D9%81%D9%8A-%D8%AF%D8%B9%D9%85-%D8%A8%D9%84%D9%88%D8%AC%D8%B1-%D8%A8%D8%A7%D9%84%D8%B9%D8%B1%D8%A8%D9%8A%D8%A9/491908010922078?ref=hl&amp;width=280&amp;height=290&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:290px;" allowtransparency="true"></iframe>

<!--  تابعنا علي الفيس بوك http://blogger-host.blogspot.com/  --> 

اضافة ترقيم الصفحات

ترقيم الصفحات

<!--  Navigation Widget For http://blogger-host.blogspot.com/  --> 

<style type="text/css"> 

#blog-pager{padding:5px 0 !important;} 

.showpageArea {font-weight: bold;margin:5px;} 

.showpageArea a {text-decoration:underline;color: #fff;} 

.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px  solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0  3px;padding:3px 5px; background: #9dd53a; background:  -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a  100%); background: -webkit-gradient(linear, left top, left bottom,  color-stop(0%,#9dd53a), color-stop(50%,#a1d54f),  color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a',  endColorstr='#7cbc0a',GradientType=0 ); } 

.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc;  background: #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%,  #54a3ee 50%, #3690f0 51%, #1e69de 100%); background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2),  color-stop(50%,#54a3ee), color-stop(51%,#3690f0),  color-stop(100%,#1e69de)); filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2',  endColorstr='#1e69de',GradientType=0 ); }  

.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid  #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0  3px;padding:3px 5px; background: #e2e2e2; background:  -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe  100%); background: -webkit-gradient(linear, left top, left bottom,  color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb),  color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2',  endColorstr='#fefefe',GradientType=0 ); } 

.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;} 

.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;} 

</style> 

<script type='text/javascript'> 

var home_page="/"; 

var urlactivepage=location.href; 

var postperpage=3; 

var numshowpage=9; 

var upPageWord ='السابق'; 

var downPageWord ='التالي'; 

</script> 

<script src='https://pagesnavibloggerexp.googlecode.com/svn/trunk/pagenavi.js' type='text/javascript'></script> 

<!-- Navigation Widget For http://blogger-host.blogspot.com/ -->

المتواجدون الان

<!------- المتواجدون الان  http://blogger-host.blogspot.com/  --------> 

<div class='widget-content'>

<ul><li><div><a href="http://blogger-host.blogspot.com/">المتواجدون الآن في المدونة: <script src="http://fastonlineusers.com/on2.php?d=ebd2-benfsk.blogspot.com+ data:blog.id + " type="text/javascript"></script></a></div></li>

<li><div><a href="http://blogger-host.blogspot.com/">المتواجدون الآن في هذه الصفحة: <script src="http://fastonlineusers.com/on2.php?d=blogger-host.blogspot.com/+ data:post.id + " type="text/javascript"></script></a></div></li><ul></ul></ul>

</div>

<script style="text/javascript">

function numberOfPosts(json) {

document.write('عدد التدوينات: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}

function numberOfComments(json) {

document.write('عدد التعليقات : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}

</script>

<ul><li><script src="http://blogger-host.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://blogger-host.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

<span style="font-size:75%;"></span>

<div dir="rtl" style="text-align: right;" trbidi="on">

<script>

function numberOfPosts(json) {

document.write('عددالتدوينات: <b>' + json.feed.openSearch$totalResults.$t + '</b>

');

}

function numberOfComments(json) {

document.write('عدد التعليقات: <b>' + json.feed.openSearch$totalResults.$t + '</b>

');

}

</script></div>

<!------- المتواجدون الان  http://blogger-host.blogspot.com/  -------->

التبادل الاعلاني

<!--------------------  التبادل الاعلاني http://blogger-host.blogspot.com/ --------> 

<div class='widget-content'><style>

#advertise{

margin: auto;

}

.adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }

.adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }

.adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}

.adss img { max-height: 75px; max-width: 75px; }

#adsanime:hover { opacity:0.2; }

#adsanime a strong {

-webkit-transition-property: opacity;

-webkit-transition-duration: 500ms;

-moz-transition-property: opacity;

-moz-transition-duration: 500ms; }

#adsanime a strong {

opacity:0;

-webkit-transition-property: opacity, top;

-webkit-transition-duration: 300ms;

-moz-transition-property: opacity, top;

-moz-transition-duration: 300ms; }

#adsanime {

opacity:0.5;

-webkit-transition-property: opacity, top;

-webkit-transition-duration: 300ms;

-moz-transition-property: opacity, top;

-moz-transition-duration: 300ms; }

#adsanime:hover { opacity:1; }

#adsanime:hover a strong { opacity:1; top:-10px; }

</style>

<center>

<div class="adss" id="adsanime"><a href="http://blogger-host.blogspot.com/">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8v_nqJ3NFjU-zzwwyVOhJLO16jRZmvb1eGTizhBT6rcS6D76cZhy6q61UdRzCoTDsMwqM6JQ439kzqeVUBJJvht8mfl7DdeCzKqtCVehPVCLZ8XJbW19VAOZMrxGCQVH_U6FtBDWp5Es/s1600/Untitled-1.jpg" /> <strong>قوالب بلوجر </strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

<div class="adss" id="adsanime"><a href="#"><img src="http://www.shy22.com/upfilgif/ygo16227.gif" /> <strong>أعلن هنا</strong></a></div>

</center>

</div>

<!--------------------  التبادل الاعلاني http://blogger-host.blogspot.com/ -------->

  

بواسطة فريق الدعم في 12:44 م تحت قسم قوالب بلوجر

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

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

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




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

بواسطة فريق الدعم في 11:48 ص تحت قسم دروس بلوجر

قوالب بلوجر - تحميل قالب AXIS

قالب AXIS  يعتبر من قوالب بلوجر ذو الشكل الرائع الجميل

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

اتمنى ان يفيدكم ويحظى على اعجابكم

صورة قالب Axis 

معاينة القالب         -          تحميل القالب

تهدف مدونة محترفي دعم بلوجر النسخة العربية الى تمنية والرقي بذوق المدون العربي

بواسطة فريق الدعم في 11:46 ص تحت قسم قوالب بلوجر

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

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

developers

pingdom

gtmetrix

webpagetest

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

بواسطة فريق الدعم في 11:23 ص تحت قسم دروس بلوجر