sh

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

الاثنين، 1 يوليو 2013

أكثر من 100 الف زائر يوميا لمدونتك بلوجر


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




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

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

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

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

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

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


اعلم ان الكثير ممن سيقرؤون المقال لن يصدقوا؟ لكن لا يهم هدفي هو افادتكم ومن يصدق ربما يستفيد ومن لا يصدق لن يستفيد ورربما لن يهتدي الى طريق النجاح ابدا.

ما يهمنا هو بعض النصائح لكي تحقق ما حققته انا وهي 

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

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

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

اها نسيت شىء مهم جدا والله ؟ اتعلمون ماهو انه الدعاء لا تنسوا نحن مسلمين ندعوا في كل شىء حلال 

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


اضافة أداة متعددة التبويب الى مدونات بلوجر2103


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


كيفية اضافة الأداة؟

  1. نقوم بتسجيل الدخول الى لوحة التحكم بمدونة بلوجر
  2. من لوحة التحكم نختار -قالب-تحرير HTML-
  3. قم بتعليم "توسيع عناصر واجهة المستخدم"
  4. ابحث عن الكود التالي : </head> 
  5. نقوم بلصق الكود التالي فوقه مباشرة

<script type='text/javascript'>
//<![CDATA[
function tabtampil_oom(TPID, id) 
{ 
  var Tabtampil = document.getElementById(TPID); 
  var TTs = Tabtampil.firstChild; 
  while (TTs.className != "TTs" ) TTs = TTs.nextSibling; 
  var TT = TTs.firstChild; 
  var i   = 0; 
  do 
  { 
    if (TT.tagName == "A") 
    { 
      i++; 
      TT.href      = "javascript:tabtampil_ubah('"+TPID+"', "+i+");"; 
      TT.className = (i == id) ? "Active" : ""; 
      TT.blur(); 
    } 
  } 
  while (TT = TT.nextSibling); 
  var Halamans = Tabtampil.firstChild; 
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling; 
  var Halaman = Halamans.firstChild; 
  var i    = 0; 
  do 
  { 
    if (Halaman.className == 'Halaman') 
    { 
      i++; 
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px"; 
      Halaman.style.overflow = "auto"; 
      Halaman.style.display  = (i == id) ? 'block' : 'none'; 
    } 
  } 
  while (Halaman = Halaman.nextSibling); 
} 
function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id); 
} 
function tabtampil_inisial(TPID) { tabtampil_oom(TPID,  1); 
document.write('');}
//]]>
</script>
6- نقوم بحفظ قالب المدونة.

 ننتقل الأن الى المرحلة الثانية وهي اضافة الكود HTML الى المدونة.

1- من لوحة التحكم نختار التخطيط-ثم نختار-اضافة اداة-HTML/JavaScript-نقوم بلصق الكود التالي ونضغط على حفظ.

<style type="text/css"> 
div.TabTampil div.TTs 
{height: 24px; overflow: hidden; } 
div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active 
{ background-color: #eee; } 
div.TabTampil div.Halamans 
{ clear: both; border: 1px solid #fff; overflow: hidden; background-color: #ffffff;} 
div.TabTampil div.Halamans div.Halaman 
{ height: 100%; padding: 0px; overflow: hidden; } 
div.TabTampil div.Halamans div.Halaman div.Alas 
{ padding: 3px 5px; } 
div.TabTampil div.TTs a 
{ border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid #eee; border-bottom:0px solid #eee; float: left; 
display: block; width: 95px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif; 
font-size: 11px; font-weight: 900; color: #000000} 
</style> 
<form action="tabtampil.html" method="get"> 
<div id="TabTampil" class="TabTampil"> 
<div style="width: 300px;" class="TTs"> <a>Tab 1</a> <a>Tab 2</a> <a>Tab 3</a></div> 
<div style="width: 300px; height: 300px;" class="Halamans"> 
<div class="Halaman"> 
<div class="Alas"> 
<br/> 
Tab 1 content goes here
</div> 
</div> 
<div class="Halaman"> 
<div class="Alas"> 
<br/>

Tab 2 content goes here

</div> 
</div> 
<div class="Halaman"> 
<div class="Alas"> 
<br/>

Tab 3 content goes here
</div> 
</div> 
</div> 
</div> 
</div></form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>
نقوم الأن بالتعديلات اللازمة

1- نبحث عن Tab 1 , Tab 2  , Tab 3 ونقوم باستبدال كل واحد من هذه الرموز بعنوان الأداة المراد اضافتها مثلا :

Tab 1 = المشاركات الشائعة
 Tab 2 = أخر التعليقات
 Tab 3 = أرشيف المدونة

2- نبحث عن الرموز التالية ونقوم باستبدالها بأكواد الإضافات أو الأدوات التي نود ظهورها على المدونة كالأتي :

Tab 1 content goes here = كود الأداة " المشاركات الشائعة"
 Tab 2 content goes here=  كود الأداة "اخر التعليقات"
 Tab 3 content goes here = كود الداة "أرشيف المدونة"

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


المصدر: http://www.blogger-storm.com/2012/04/blog-post.html#ixzz2XnMXYP3M

اضافة أداة المواضيع الأكثر قراءة في مدونتك Popular Posts 2013



5 - ستظهر لك هذه النافذة الموضحة في الصورة اختر عنوان مناسب للأداة وليكن المواضييع الأكثر قراءة ثم قم بلصق الكود التالي واضغط حفظ .
------------------------------------------------------------------
&lt;script language="JavaScript"&gt;
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "www.jedide.blogspot.com";
&lt;/script&gt;
&lt;script src="http://sites.google.com/site/taliblogsite/file/popularpostblogger-min.txt" type="text/javascript"&gt;&lt;/script&gt;
---------------------------------------------------------
ملاحظة :


  • هنا يمكنك وضع عدد المواضييع التي يقوم باحصاءها والبحث فيها ; numposts=200
  • عدد النتائج المراد ظهورها ; maxshowresult=5;
  • هنا قم بكتابة عنوان مدونتك بدلا من هذا العنوان home_page = www.jedide.blogspot.com;

6 - قم بحفظ العمل وعرض المدونة لمشاهدة الأداة وهي تعمل ومبروك عليك .




اضافة أداة ترجمة جوجل الى مدونتك 2103


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


لإضافة أداة ترجمة مواضيع المدونة اتبع الخطوات البسيطة 

1- قم بنسخ الكود التالي 

----------------------------------------------------------------------
&lt;style&gt;

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
&lt;/style&gt;

&lt;div&gt;

&lt;a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cen&amp;hl=en'); return false;"&gt;&lt;img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIjkpOc_zB1TLYzhQwiyPvjGy5_CLme0RUKUwR-k6HAEzxJ6mgvQylltKr5XSSn54381iyBu97XeiEGi7cfsyIUmrxhxgEe4vLM-qeJ3A1eKAdi37cW61CCfW_ObHwmoDJLUNTlyETKgg/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24" /&gt;&lt;/a&gt;

&lt;a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cfr&amp;hl=en'); return false;"&gt;&lt;img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizNuy8VKqXngadq3nP2ydq3zh1ByjErOfOMVdXHvn0lVxydVx_ud4qRzWv6ad34eqlaFKKDQTTu26y5nSrS5e3ZPuDUNk1WpfoOeXFOz7uL9ZF_JNPdfsblltE1BvVM4kTgE1YDoicbQE/s200/France.png" style="cursor: pointer;margin-right:8px" width="24" /&gt;&lt;/a&gt;

&lt;a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cde&amp;hl=en'); return false;"&gt;&lt;img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGaO2b8goPQVfISvV7SfaG5Z_VIgdGk1xr_ELg_3qZt2g5sronc876dIki_A_gD_y-NjYlN3JM6uZkmv-fKDhUOSb-0L7C5-jLTTQpg7P5i7RKg5WR9fxDGx4LwhG3fKXvurZF7HwUoHk/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24" /&gt;&lt;/a&gt;

&lt;a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Ces&amp;hl=en'); return false;"&gt;&lt;img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpah6y6fTH4OG3BL8FvuZAQLCddOY2XSShpMevJ8m6SuvprkK_dtZZa_-p-Z83Kw9gsUV_uBBeJdIHYw_hvhij9y4lmcqkQIH8eHSWSu_U5yXBnJ3qFFLUTNPFcrV6qWfEtNVvl00pTzg/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24" /&gt;&lt;/a&gt;

&lt;a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cit&amp;hl=en'); return false;"&gt;&lt;img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWSRLZHrBoqAkndDeaHvLrZl2VMZpAIf153-j-tb5Jwx9LF6SaroriT8yzdHreZ5brKCWVbqDerG7glmGaXEG-9LEXIG2WBzuorhDw2xygc14yMmDTrdVPHSSZW85IuPl_sLsDtJz1bJY/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24" /&gt;&lt;/a&gt;

&lt;a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cnl&amp;hl=en'); return false;"&gt;&lt;img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKquDA7W4tnYOOLJnol1CuC1T7pMIt-fXXwvmYY4I-PCN_Zpgo_KnqOjm85_nyz9AyY7YgCjN1DHtFq9nGuSlbGjA_mVhFNartoXRePD_60Wev3oEx0k_ycp28mkQD9IE60w2Z-pvw5U/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24" /&gt;&lt;/a&gt;


&lt;a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Car&amp;hl=en'); return false;"&gt;&lt;img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKXfq4AU3GTW1ZEIVREroRbNscLB0xg4q7_jDfrFHb2SUPmAF7DL-pjbodmS93uX0zrDfzTM2BFur3-d823RgoqF0PBXr7WJDcdEzs0JodqTHCSlkyq3oAo0Ohxbw8nwGZXNZ2_BoJjQM/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24" /&gt;&lt;/a&gt;

&lt;/div&gt;
&lt;div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px&gt;&lt;/div&gt;

&lt;br /&gt;
&lt;a href="http://www.bloggerarticle.com/"&gt;&lt;font size="1px"&gt;this widget by www.AllBlogTools.com&lt;/font&gt;&lt;/a&gt;

--------------------------------------------------------------------

2- قم بتسجيل الدخول الى مدونتك على blogger .

3- من لوحة التحكم بمدونتك اختر التخطيط ثم اختر اضافة أداة ثم اضغط على HTML/JavaScript .

4-ثم قم بلصق الكود السابق الذي قمت بنسخه واضغط حفظ .
5-شاهد المدونة وستظهر النتيجة كما بالصورة التالية .


6- كما يمكنك اضافة لغة أو ازالتها بتعديل الكود html بطريقة سهلة .



اضافة خاصية أواداة اقرأ المزيد الى مدونات بلوجر2013


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



  1. اختصار رسائل المدونة في في بضعة أسطر
  2. امكانية عرض عدة تدوينات بصفحة واحدة من صفحات المدونة ،اما الصفحة الرئيسية أو صفحات التسميات
  3. تشويق القارىء وجعله متحمس لقراءة المزيد حول رسالة معينة
  4. تنسيق جميل ومختصر لمواضيع المدونة

كيفية اضافة الخاصية "اقرأ المزيد" ؟


  1. قم بتسجيل الدخول الى لوحة تحكم مدونة بلوجر
  2. انتقل الى قالب-ثم تحرير HTML لقالب المدونة
  3. اضغط -توسيع قوالب عناصر واجهة المستخدم 
  4. نقوم بالبحث عن الكود التالي ]]></b:skin> 
  5. بعده مباشرة نقوم بلصق الكود التالي 


<style> 
<b:if cond='data:blog.pageType == "item"'> 
span.fullpost {display:inline;} 
<b:else/> 
span.fullpost {display:none;} 
</b:if> 
</style>

    6. ثم نقوم باليحث عن الكود التالي <data:post.body/> وبعده مباشرة نقوم بلصق الكود التالي


<!--READ-MORE-STARTS-->
<b:if cond='data:blog.pageType != "item"'> 
<a expr:href='data:post.url'>
<div style="text-align: right;">Read More ->></div></a> 
</b:if>
<!--READ-MORE-STOPS-->
 


  7. قم بتغيير كلمة "Read More -" بعبارة اخرى مثلا  "اقرأ المزيد" أو "طالع المزيد " 

  8. اذا أردت استبدال عبارة Read More - بواسطة صورة قم بادخال بعض التعديلات على الكود، بوضع الكود التالي مكان عبارة Read More 

<img border="0" alt="read more" src="URL Of Your Image"/>
 9. ضع رابط الصورة أو الأيقونة التي تود ظهورها مكان كلمة اقرأ المزيد.
واضغط حفظ القالب