‏إظهار الرسائل ذات التسميات تطوير مدونات البلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات تطوير مدونات البلوجر. إظهار كافة الرسائل

طريقة صحيحة وسليمة لتسريع تحميل مدونة بلوجر 2014



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

اول شيئ تقوم بذهاب الي لوحة تحكم مدونتك 
ثم قالب - تحرير اتشتيامل

والان قم بضغط علي 
CTRL+F
وابحث عن هذا الوسام 
</body>

وضع قبله الكود التالي
لتحميل الكود التالي اضغط هنا
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == &quot;iPad&quot;) return;
jQuery('img').lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivvPe0BL_Ea6ByZSS0IgmFEhnKBHjaaFINixAztubdkc_h3y2Z-r8B90XsEf6XEenKf_GxfRjZEhB6rAAgwtYiS9gPZEPga57c5fodcsGIyH5LVLKOui-9P8xzWyGy_ap9aAyJhjwUwHA/&quot;
});
});
</script> 

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


شارك الموضوع

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

بسم الله الرحمن الرحيم
والصلاة والسلام على سيدنا محمد صلى الله علية وسلم 



اليكم اليوم اضافة حصرية من اجمل اضافات بلوجر الاحترافية الجميلة 2014
في هذا الموضوع عزيزي الزائر سقدم لك ساعات احترفية وجميلة للبلوجر ... مجاناً .... طريقة التركيب سهله جداً .... يمكنك معرفة وقتك .. وتساعد الزوار ... وتضيف الجمالية لموقعك




والجميل انها سهلة التركيب لن تحتاج الى فتح قالب المدونة  
 كل ما عليك هو دخول
التخطيط / اضافة أداة html/javaScript / ووضع الكود 



الساعة 1


الكود
<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-152.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>


الساعة 2 


الكود

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-117.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>


الساعة 3


الكود

<embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-167.swf width=200 height=200 wmode=transparent type=application/x-shockwave-flash></embed>






شاهد في نهاية القالب

شارك الموضوع

مشكلة عدم ظهور ترقيم الصفحات داخل أقسام المدونة

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

مشكلة عدم ظهور ترقيم الصفحات داخل أقسام المدونة

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

'data:label.url'

ستجد هذا الكود مكرر لأكثر من مرة لذالك عليك تغيره في كل مرة تجده
غيره بهذا الكود

'data:label.url + "?&max-results=8&quot;'

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

هذا كل شيئ لهذا الشرح بالتوفيق للجميع ودمتم في رعاية الله وحفظه

شارك الموضوع

تضمين صندوق أعجبني الفيس بوك jQuery Facebook Like Box منبثق مع مؤقت الى Blogger


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

         1. انتقل إلى لوحة بلوجر > تحرير HTML  
         2.قم بتنزيل نسخة من القالب
         3. إنقرعلى زر تابع
         4. ابحث الآن على الكود  أدناه في القالب
</body>
إضافة Code  أدناه مباشرة فوقه 
<!-- Stupcomp.blogspot.com Likebox Pro FBFan Code Start -->
<style>#fblikepop {
    background-color: #fff;
    display: none;
    position: fixed;
    top: 200px;
    _position: absolute;
 /* hack for IE 6*/
    width: 450px;
    border: 10px solid #6F6F6F;
    z-index: 200;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    margin: 0pt;
    padding: 0pt;
    color: #333333;
    text-align: left;
    font-family: arial,sans-serif;
    font-size: 13px;
}

#fblikepop body {
    background: #fff none repeat scroll 0%;
    line-height: 1;
    margin: 0pt;
    height: 100%;
}

.fbflush {
    cursor: pointer;
    font-size: 11px !important;
    color: #FFF !important;
    text-decoration: none !important;
    border: 0 !important;
}

#fblikebg {
    display: none;
    position: fixed;
    _position: absolute;
 /* hack for IE 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 100;
}

#fblikepop #closeable {
    float: right;
    margin: 7px 15px 0 0;
}

#fblikepop h1 {
    background: #6D84B4 none repeat scroll 0 0;
    border-top: 1px solid #3B5998;
    border-left: 1px solid #3B5998;
    border-right: 1px solid #3B5998;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 5px !important;
    margin: 0 !important;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}

#fblikepop #actionHolder {
    height: 30px;
    overflow: hidden;
}

#fblikepop #buttonArea {
    background: #F2F2F2;
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    min-height: 50px;
}

#fblikepop #buttonArea a {
    color: #999999 !important;
    text-decoration: none !important;
    border: 0 !important;
    font-size: 10px !important;
}

#fblikepop #buttonArea a:hover {
    color: #333 !important;
    text-decoration: none !important;
    border: 0 !important;
}

#fblikepop #popupMessage {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 22px;
    padding: 8px;
    background: #fff !important;
}

#fblikepop #counter-display {
    float: right;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 5px 0 0 0;
    text-align: right;
    line-height: 16px;
}</style>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script> 
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
 kakinetworkdotcom01username="Devarab.net",
 kakinetworkdotcom01title="انضموا إلينا على الفيسبوك!",
 kakinetworkdotcom01skin="02",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/wikilazy/codewikilazy/likebox-with-timer.js"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- StupComp.Blogspot.com Likebox Pro FBFan Code End -->



  الآن استبدل Devarab.net  إلى الإسم المستخدم الفيسبوك الخاص بك
  يمكنك تعديل عنوان المنبثقة likebox، لتغييرها ببساطة تعديل كلمة "انضموا إلينا على الفيسبوك!"
  والمنبثقة سوف تختفي بعد الوقت الذي وضعتموه، ولقد ضبط الوقت إلى 15 ثانية، ويمكنك تغييرها ببساطة عن طريق تغيير قيمة  
kakinetworkdotcom01time = "15"
  القطعة تضهرمباشرة بعد دخول زائر . إذا كنت تريد أن تضهر بعد دقيقة واحدة أو أكثر ثم قم بتعديل الانتظار: في ،
kakinetworkdotcom01wait = "0"
  لتغيير صورة أي  شعار في المنبثقة تم عدل ببساطة
 kakinetworkdotcom01skin = "02"
  تغيير 02 إلى 01،02،03 أو 04. وفيما يلي بعض الأمثلة على شعارات الفيسبوك  

Skin 01


Skin 02


Skin 03



Skin 04



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

استمتع! :)

شارك الموضوع

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


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


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


 1. انتقل إلى تخطيط >> إضافة أداة   HTML/JavaScript 
 2. إضافة الكود التالية في ذلك.

شارك الموضوع

إدراج إعلانات أدسنس في أي مكان على المدونة الخاص بك


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


1. تسجيل الدخول إلى Blogger الخاص بك، افتح "المشاركة جديدةوإدخال أي محتوى جديد تريد نشره.
2. نسخ شفرة AdSense من حسابك ادسنس، ووضع الكود داخل العلامات على النحو التالي:

  
<div align='center'>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-xxxxxxxxxxxx";
/* Large Rectangle */
google_ad_slot = "xxxxxxxxx";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

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

3. انتقل إلى HTML ووضع شفرة AdSense في أي مكان من الخطوة 2 ضمن كود معين في حقل HTML. حفظ. وهذا كل شيء.

شارك الموضوع

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

seo blogger

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

Google web Master Tool يوفر لك العديد من الادوات بغية تحسين ضهور موقعك في محرك البحث جوجل ، يكفي بعد ضهور الواجهة الاولى للموقع النقر على رابط مدونتك ، تم اقصى اليسار تبحث عن Optimization  تم تنقر على Sitemap . 
sitemaps


بعد ذلك تتوجه إلى هذا الرابط xml sitemap for blogger تم تكتب في العنوان رابط موقعك وتنقر على Generate Sitemap حيث ستضهر لك عدة روابط على هذا الشكل :
http://th3professional.com/atom.xml?redirect=false&start-index=1&max-results=500
http://th3professional.com/atom.xml?redirect=false&start-index=501&max-results=500
http://th3professional.com/atom.xml?redirect=false&start-index=1001&max-results=500
 قم بنسخ كل سطر فقط من atom.xml/  دون رابط المدونة على هذا الشكل :
 atom.xml?redirect=false&start-index=1&max-results=500  تم توجه إلى
صفحة  Google webmaster tool وانقر على ADD/TEST SITEMAP و لصق الرابط كما هو موضح في الصورة بعد 
add sitemap

ذلك انقر مرة اخرى على Submit Sitemap .  كرر العملية حتى تنهي جميع الروابط التي ولدها موقع xml sitemap for blogger.

شارك الموضوع

موقع للحصول على معلومات عن موقعك او مدونتك (statscrop)

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

اقدم لكم موقع لأصحاب المدونات والمواقع موقعا مميزا

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

 

يعطيك معلومات عن :

Alexa Traffic
Website Load Time
How to optimize website
Website SEO Score
Website Daily Pageviews
Website Daily Visitors
Website Daily Revenue
Website Worth
Website IP Address
Website Server Location

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

  الموقع

http://www.statscrop.com/

عند الدخول للموقع ما عليك الا ادخال رابط موقعك واضغط انتر

تحيااااااااااااااااااااااااتى

شارك الموضوع

اداة الترجمة لمدونات بلوجر language translator widget to blogger

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

السلآم عليكم ورحمة الله وبركاته 
 اداة الترجمه الى مدونات بلوجر add language translator widget to blogger
تعتبر اداة مهمة لمعظم المدونات
حيث انها  تترجم مدونتك الى لغة الزائر وهذا الشيء يجعل من مدونتك اكثر فائده لهم .


صورة من الاضافة : 
اضافة اداة الترجمه الى مدونات بلوجر add language translator widget to blogger




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

  • ادخل على لوحة تحكم مدونتك .
  • ثم ادخل على التخطيط .
  • ثم اضافة اداة HTML/JavaScript .
  • ثم  اضف هذا الكود .
<style type="text/css">
.w2bgft{padding:5px;}
.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}
.w2bgft input:hover{border:1px solid #ff0000;}
</style>
<div class="w2bgft">
<!--Google Flag Translator by  BTSNTS-->
<br />
<form action="http://www.google.com/translate">
<script language="JavaScript">document.write ("<input name=u value="+location.href+" type=hidden>")</script>
<noscript><a href="http://btsnts.blogspot.com/">BTSNTS</a></noscript>
<input name="hl" type="hidden" value="en" />
<input name="ie" type="hidden" value="UTF8" />
<input name="langpair" type="hidden" value="" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/uk_flag.gif" title="English" type="image" value="auto|en" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/cn_flag.gif" title="Chinese Simplified" type="image" value="auto|zh-CN" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/gr_flag.gif" title="Greek" type="image" value="auto|el" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/in_flag.gif" title="Hindu" type="image" value="auto|hi" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/de_flag.gif" title="German" type="image" value="auto|de" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/nl_flag.gif" title="Dutch" type="image" value="auto|nl" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/ru_flag.gif" title="Russian" type="image" value="auto|ru" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/bg_flag.gif" title="Bulgarian" type="image" value="auto|bg" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/pl_flag.gif" title="Polish" type="image" value="auto|pl" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/cz_flag.gif" title="Czech" type="image" value="auto|cs" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/hr_flag.gif" title="Croatian" type="image" value="auto|hr" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/fr_flag.gif" title="French" type="image" value="auto|fr" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/it_flag.gif" title="Italian" type="image" value="auto|it" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/pt_flag.gif" title="Portuguese" type="image" value="auto|pt" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/es_flag.gif" title="Spanish" type="image" value="auto|es" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/sa_flag.gif" title="Arabic" type="image" value="auto|ar" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/ja_flag.gif" title="Japanese" type="image" value="auto|ja" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/kr_flag.gif" title="Korean" type="image" value="auto|ko" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/tw_flag.gif" title="Chinese (traditional)" type="image" value="auto|zh-TW" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/dk_flag.gif" title="Danish" type="image" value="auto|da" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/fi_flag.gif" title="Finnish" type="image" value="auto|fi" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/no_flag.gif" title="Norwegian" type="image" value="auto|no" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/se_flag.gif" title="Swedish" type="image" value="auto|sv" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/cl_flag.gif" title="Catalan" type="image" value="auto|ca" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/ph_flag.gif" title="Filipino" type="image" value="auto|tl" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/il_flag.gif" title="Hebrew" type="image" value="auto|iw" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/id_flag.gif" title="Indonesian" type="image" value="auto|id" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/lv_flag.gif" title="Latvian" type="image" value="auto|lv" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/lt_flag.gif" title="Lithuanian" type="image" value="auto|lt" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/rs_flag.gif" title="Serbian" type="image" value="auto|sr" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/sk_flag.gif" title="Slovak" type="image" value="auto|sk" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/si_flag.gif" title="Slovenian" type="image" value="auto|sl" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/ua_flag.gif" title="Ukrainian" type="image" value="auto|uk" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/vn_flag.gif" title="Vietnamese" type="image" value="auto|vi" width="30" />
</form>
<span style="float: right; font-size: 10px; font-weight: normal; line-height: 0px; margin-top: 15px;">
 <a href="http://7loll.blogspot.com/2013/04/add-language-translator-widget-to-blogger.html" style="color: black;">احصل على الاضافه</a></span></div>
تحياااااااااااااااااااااااتى

شارك الموضوع