كتاب البداية مع ادسنس مجاناً بدعم من مدرسة ادسنس

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




أو من خلال هذا الرابط :
http://goo.gl/5LlU0

تابع القراءة

أضف ظل إلى النص فى مدونتك بلوجر

بسم الله و الحمد لله

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

Welcome To BlogArabs

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

<p style="text-shadow:5px 5px 9px red;">Welcome To Hend Moments</p>

مع تغيير كلمة welcome to hend moments بأى نص أخر

وتغيير ما هو بالأحمر بلون الظل الذى تريد مثلاً black إسود

تعليقك لنا يسعدنا ويساعدنا على الأستمرار 

أترك تعليقك ولو بكلمة شكراً

تابع القراءة

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

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

</body> 

ثم قم بوضع الكود التالى قبله مباشرة

<style type="text/css">
.showpageArea{
padding:10px;
color : #003366;
text-align : left;
width : 100%;
}
.showpageArea a {
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVyd81MTKOj5Gi4z0tbW03NtWiYnxArv5rn8UEraqk2DzQpHWR_xAbG-Gp2_zYuYluP3OReImHO6Jpr_Cii1xQrXGX6H15FYaKaZg0R4-GDEkyfh4IlKD1ysH0DXM6Vc6sYWBzL6225WJq/) no-repeat 0 0;
text-align : center;
width : 127px;
height : 42px;
text-align : center;
display : block;
margin : 0 5px;
color : #333;
padding-top : 6px;
}
.showpageArea a:hover {
color : #333;
margin : 0 5px;
padding-top : 6px;
}
.showpageOf{
float:left;
padding-top : 6px;
}
.showpageNum a {
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GBeRETcZp1hEnFjEpVBkjRzuNg6XU0iYBDPdvgtMN6F4zjMxEM9sB9p7Jre6wDoktRCfqjz1tix-ECpQxM1dpofriRpkbrLJH1X4guNOnttKqMAkOyMp4f-DUF_rKqOS8FdInDYSrB5w/) no-repeat 0 0;
width : 37px;
height : 42px;
display : block;
text-align : center;
float : left;
margin : 0 5px;
padding-top : 6px;
text-decoration : none;
color : #333;
}
.showpageNum a:hover {
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GBeRETcZp1hEnFjEpVBkjRzuNg6XU0iYBDPdvgtMN6F4zjMxEM9sB9p7Jre6wDoktRCfqjz1tix-ECpQxM1dpofriRpkbrLJH1X4guNOnttKqMAkOyMp4f-DUF_rKqOS8FdInDYSrB5w/) no-repeat 0 100%;
color : #fff;
}
.showpagePoint {
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GBeRETcZp1hEnFjEpVBkjRzuNg6XU0iYBDPdvgtMN6F4zjMxEM9sB9p7Jre6wDoktRCfqjz1tix-ECpQxM1dpofriRpkbrLJH1X4guNOnttKqMAkOyMp4f-DUF_rKqOS8FdInDYSrB5w/) no-repeat 0 100%;
width : 37px;
height : 42px;
display : block;
float : left;
text-align : center;
margin : 0 5px;
padding-top : 6px;
font-weight : bold;
color : #fff;
}
.showpageNum a:link, .showpage a:link {
text-decoration : none;
color : #cc0000;
}
</style>
<script style='text/javascript'>
var pageCount=5;
var displayPageNum=1;
var upPageWord="Previous";
var downPageWord="Next";
</script>
<script type='text/javascript' src="http://bloggerblogwidgets.googlecode.com/files/BeautifulPageNavi.js"/>

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

تابع القراءة

إضافة صندوق مشاركة الزوار على الشبكات الإجتماعيه Add Subscribe box to Blogger

بسم الله والحمد لله والصلاة والسلام على رسول الله
موضوع اليوم هو كيفية إضافه مربه به مزايا متعدده منها إمكانية الإشتراك عن طريق خدمة RSS أو باقى الشبكات الإجتماعيه مثل
( facebook , twitter , digg , delicious , stumbleupon )
كما تستطيع وبكل سهوله إضافة شبكه أخرى أو إزالة أخرى , إذا أردت هذا الصندوق كما تراه بالأسفل تابع الأتى

ولكن يأتيك عند إضافته بالشكل التالى :

* سجل دخولك فى مدونتك بلوجر

* إنتقل إلى التصميم >> عناصر الصفحه >> إضافة أداه >> HTML javascribt وضع بها الكود التالى

<style type="text/css">
#subscribe-box {
      overflow: hidden;
      margin: 10px 0 0 0;
      }

#subscribe-box a.subscribe-sec {
      display: inline-block;
      display: -moz-inline-stack;
      width: 40px;
      padding-top: 38px;
      zoom: 1;
      }

#subscribe-box a.subscribe-sec:hover {
      color: #660000;
      }
</style>

<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Get Notified When We Update !!!</p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value=&#39;&#39;;" /><input value="FEEDBURNER-ID" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>

<p><div id="subscribe-box">
<a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7HTik8b1fG4aYj58ZnQ0vo3LFnLtfujxA-3ktZ8QFGw7CnoKLHWol9GUWtK3jjkEqx9azzTlPyzdtApH35S9EuL8cORNEOtJO1Yjb7rVYdt-f022oBz6IOkPS5zvjI1FU7k5-1YMlsgas/s1600/delicious.png) center top no-repeat"></a>
<a title="Twitter" href="http://twitter.com/TWITTER-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqKkbtHBE2u_QUheRwLotFW25OFZNGlJ1MpcNaq00T79NOWeqiVFI389oLqf5w45Bu-MeAEFW0GGgwAdQauborrzPs_gYuOYJ54GfF-iZa_E-gehTB0u5xyMhBytRIHvhfPHF6V6fbdUB-/s1600/twitter.png) center top no-repeat"></a>
<a title="Digg" href="http://digg.com/users/DIGG-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkS_wkES-1-4OMZDHplX-MHEvhZrwIMJPNlNLT_j_dvDm2u3Eahb4z1w00GogsA5rjtmiRkkwrvmqxW-NeHJJJGlyIaXIwFbL61bsgkV7QhjzmNBbdunmVtMiDuofRjW5HRvRmZyWAOy9b/s1600/digg.png) center top no-repeat"></a>
<a title="Facebook" href="http://www.facebook.com/FACEBOOK-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCejbHIFrT-ejNtreZI61Ao4fJomBeWmmInBRjnu7LK0jw6cMQCuK_Vp0w3rM3yPYjv8Wsi2i4xlckxOk1eeKjpPOdhHzhu0fdrkYvmYXqajMjXZ7otPxOh7qUPOqg7iLdEDUnng0h0i-P/s1600/facebook.png) center top no-repeat"></a>
<a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9j4lp5dyaS7Wm17BX1nstYTMOJx_S3bEFokZeVTBPVIRSdMR4igMwRi7dxu9UjsS1Dgrxect5mwS0ysK8NZNJnGvOkixaVbIjSRyASqqSsnwU0ZzGvEs5cFD7b23R0gW8g4FqVbIZmsCt/s1600/stumbleupon.png) center top no-repeat"></a>
<a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUVyaeXHJtRpBs_wJb9LRY20xxrHw7fNqIBm0gnfLF-q3bAJO2ghkDReQldXC2LoE9SyrOMFWF0r379GXIT-3EkJpckrR3Ig3b8Eg59lD6Isd7VTGAkk81Mk3coc3cPWiwFb-enze0JD0o/s1600/rss.png) center top no-repeat"></a>
</div></p>

</form>

ملحوظه لاتنسى إستبدال الروابط باللون الأحمر بروابطك الخاصه

تابع القراءة

إضافة التقويم إلى مدونتك بلوجر بمناظر طبيعيه

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

<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0035.htm" width="166" height="362" 
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://hend-moments.blogspot.com/"></a></center></br>

============

<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0036.htm" width="166" height="240" 
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://hend-moments.blogspot.com/"></a></center></br>

========================

<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0037.htm" width="166" height="240" 
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://hend-moments.blogspot.com/"></a></center></br>

========================

<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0038.htm" width="166" height="262" 
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://hend-moments.blogspot.com/"></a></center></

nter></br>

تابع القراءة

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

 كيف تقوم إضافة إقراء المزيد او تابع القراءة في مدونة بلوجر .

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

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

1.من باب او قائمة " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة صح في المربع الصغير أعلى صندوق التحرير و نبحث عن<head/>

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

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/simoxisite/Home/read-moreotomatis.js' type='text/javascript'/>

 الألوان:
- الاحمر لتعديل طول مقتطف التدوينة التي لا تضم صورا.
- الأزرق لطول مقتطف التدوينات التي بها صور.
- الأخضر لتعديل طول الصوره ومقاسها.
- الاخضر الغامق لتعديل عرض الصوره ومقاسها.

 نعمل بحث يعني ( Ctrl+F ) عن الكود التالي 

<data:post.body/>

قم بالتظليل عليها واستبدلها بهذا الكود بالاسفل

<p><b:if cond='data:blog.pageType != &quot;item&quot;'> <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> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> تابع القراءة ....</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

لو عايز الصورة إلى جهة اليسار استبدل right ب left في الكود

مع امكانيه استبدال تابع القرأه ب اكمل القراءه اكمل التدوينه او اى شئ حسب ذوقك.

احفظ القالب وتوكل على الله مبروك عليك

تابع القراءة

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

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

 

 

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

ملحوظة هامة : لا تنس بأخذ نسخة أحتياطية من قالبك

•  ادخل الى لوحة تحكم مدونتك ثم الى التصميم ثم تحرير ال html ثم قم بتوسيع القالب .

قم بالبحث عن هذا الكود

</body>

ثم أضف هذا الكود بعده مباشرة 

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>

ثم ابحث عن ]]></b:skin>
 ثم أضف هذا الكود قبل الكود السابق مباشرة

/* -----   LOWER SECTION   ----- */
#lower {
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
       background:#dde9f3;
}
#lower-wrapper {
       margin:auto;
       padding: 20px 0px 20px 0px;
       width: 960px;

}

#lowerbar-wrapper {
     border:1px solid #DEDEDE;
       background:#fff;
       float: right;
       margin: 0px 5px auto;
       padding-bottom: 20px;
       width: 32%;
       text-align: justify;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word;
       overflow: hidden;
}

       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}

.lowerbar h2 {
      margin: 0px 0px 10px 0px;
       padding: 3px 0px 3px 0px;
       text-align: right;
       color:#0084ce;
        text-transform:uppercase;
      font: bold 13px Tahoma, Verdana;
       border-bottom:3px solid #0084ce;
}

.lowerbar ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}

.lowerbar li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
      border-bottom: 1px dotted #ccc;
}

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

 

 

 

تم بحمد الله .. أخوكم باسم .

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

 

تابع القراءة