dimanche 4 août 2013

قالب بلوجر معرب اخبارى

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

قالب بلوجر باسم Lashante

اسم القالب Lashante
قالب بلوجر احترافى جدا و مميز يتكون من عمود واحد
الوان القالب
اسود 
بيج رخامى
ابيض
للتحميل


قالب بلوجر معرب للمدونات التى تخاطب النساء

قالب بلوجر معرب للمدونات التى تخاطب النساء 


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

قالب بلوجر احترافي جدا يشبة قالب مجلة كل يوم


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


المصدر: http://kwalebblogger.blogspot.com/2013/08/blog-post.html#ixzz2b2RFSgJO

شرح طريقة تركيب قالب بلوجر

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

بعد الضغط على قالب سوف تظهر هذة الصور نضغط على نسخ احطياطى/استعادة

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

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

jeudi 1 août 2013

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

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



انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
</head>
ثم ضع الكود التالي فوقه :
<!-- www.monte-escalier-prix.org Related Posts with thumbnails -->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC8K1E-fKA7ZXEVRw5OE2koPvj6QTuiLFR_09Xkbn3M9cxIXgmH1LfGb1bXaqCb_ROt95-6TnCIZ2LPvEYH9luAvwav-hPiR2vQ5UpbHYll5xpj5ZRo8Qhdq9gBzsgXqs3rhQAk3DNszA/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة ";
</script>
<script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/>
<!-- remove --></b:if>
<!--www.pergola-bois-terrasse.org Related Posts with thumbnails -->

ملاحظة : يمكنك تغيير كلمة "مواضيع ذات صلة" بأي جملة تريد .
ثم قم بالبحث عن الكود التالي :
<div class='post-footer-line post-footer-line-1'>
فإن لم تجده إبحث عن هذا الكود :
<p class='post-footer-line post-footer-line-1'>

ثم قم بوضع الكود التالي تحت الكود الذي وجدته من بين الكودين السابقين :
<!-- www.monte-escalier.org Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='www.monte-escalier-prix.org' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
ملاحظة : يمكنك تغيير الرقم 5، وهو يدل على عدد المواضيع ذات الصلة التي سيتم عرضها.
أخيرا قم بحفظ القالب و إذهب للمعاينة

طريقة اضافة شريط صور متحرك لمدونات بلوجر


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


انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
]]></b:skin>
ثم ضع الكود التالي فوقه :

#myslides{

background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu2pCiNZm7-j1bqAV1TQWNjf1xuJ8U2Mz-c0yEWUTGmNis7PJg6lFJOKI0c7ZNq8D7CBwcaYpmIkXfsGv0pXesGPzAWLHldXwuHO45Ibq-nxVqxPokZg1-Q2hIZO3kTjgLliJxcDoGIA/s1600/mslid.jpg) repeat-x;
width: 650px;
height:165px;
margin-bottom:5px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 554px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
margin: 0px 48px 5px 48px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 20px 10px ; /*margin around each panel*/
width:170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#0e1829;
height:120px;
border:1px solid #1d2c44;

}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#0E1829; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px 5px 5px; /*margin around each panel*/
padding:0px 0px;
}
لتغير الخلفية،قم بتغير الرابط باللون الاحمر حسب رغبتك
والآن قم بالبحث عن الكود التالي:
</head>
ثم ضع الكود التالي فوقه :
<!-- JavaScript Slider -->
<script src='http://sites.google.com/site/mohamedabuiyad/slid-move1/abu-iyad.js' type='text/javascript'/>
<script src='http://sites.google.com/site/mohamedabuiyad/slid-move1/abu-iyad2.js' type='text/javascript'/>

<!-- End JavaScript Slider -->
<script type='text/javascript'>
stepcarousel.setup({
galleryid: &#39;mygallery&#39;, //id of carousel DIV
beltclass: &#39;belt&#39;, //class of inner &quot;belt&quot; DIV containing all the panel DIVs
panelclass: &#39;panel&#39;, //class of panel DIVs each holding content
panelbehavior: {speed:1500, wraparound:true, persist:true},
autostep: {enable:true, moveby:1pause:1000},
defaultbuttons: {enable: true, moveby: 4, leftnav: [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X_n79xIt-co9qf4AvuzLnDuBniTIJ3w4eT_wFR3fNp59BpVlwlBPLE-RN5qTv1tpGxwBMTpKbv55GlSK_ChA7XHW2ZNmCbmvum-N9m1pZCtdC9-Kk1zGvAlzDgS_gf5nXBjDJyHzaLA/s400/left.jpg&#39;, -48, 0], rightnav: [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDFRMh0RkAcR8ppsZw4d-trs2cCPb-NYgQPavYFtCqDJZ6AROyIV-tx6zhcPhQUcbSbrvpG647SaDS2l_GVWXAOPTbjzXGmK-uf4BK84KlCzC1z_Et_vNL38TDn6OLRQ115eJ6BY6Iqo/s400/right.jpg&#39;, 0, 0]},
statusvars: [&#39;statusA&#39;, &#39;statusB&#39;, &#39;statusC&#39;], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: [&#39;external&#39;] //content setting [&#39;inline&#39;] or [&#39;external&#39;, &#39;path_to_external_file&#39;]

})

</script>
الروابط ذات اللون الاحمر تمثل صورة السهم الى اليسار و اليمين
Speed:1500 : سرعة تحرك الصور
moveby:1 : عدد الصور التي يتخطاها عند تحرك الصور
هذه القيم يمكنك تغييرها حسب رغبتك
قم بحفظ القالب ثم انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :
<div id="myslides">
<div id="mygallery" class="stepcarousel">
<div class="belt">

<!-- 1st Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com/search/label/%D9%86%D8%B5%D8%A7%D8%A6%D8%AD%20%D9%84%D9%84%D9%85%D8%B3%D8%AA%D9%87%D9%84%D9%83?&max-results=5" target="blank" title="Two Column Denim Template"> <img width="160" alt="Two Column Denim Template" src="http://pics.imagup.com/ano1/1278000007.png" height="110" /> </a>
</div>
<!-- end code of 1st -->

<!-- 2nd Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com/search/label/%D9%83%D9%8A%D9%81%20%D8%AA%D8%B5%D9%86%D8%B9?&max-results=5" target="blank" title="Simple Blog Writing Template"> <img width="160" alt="Simple Blog Writing Template" src="http://pics.imagup.com/ano1/1278001914.png" height="110" /> </a>
</div>
<!-- end code of 2nd -->

<!-- 3th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com/search/label/%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1?&max-results=5" target="blank" title="Lenomag Blogger Template"> <img width="160" alt="Lenomag Blogger Template" src="http://pics.imagup.com/ano1/1278001116.jpg" height="110" /> </a>
</div>
<!-- end code of 3th -->

<!-- 4th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com/search/label/%D8%BA%D8%B1%D8%A7%D8%A6%D8%A8%20%D9%88%20%D8%B9%D8%AC%D8%A7%D8%A6%D8%A8?&max-results=5" target="blank" title="Money Blogger Template"> <img width="160" alt="Money Blogger Template" src="http://pics.imagup.com/ano1/1278001691.png" height="110" /> </a>
</div>
<!-- end code of 4th -->

<!--5th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com/search/label/%D8%BA%D8%B1%D8%A7%D8%A6%D8%A8%20%D9%88%20%D8%B9%D8%AC%D8%A7%D8%A6%D8%A8?&max-results=5" target="blank" title="Digital Statement Blogger Template"> <img width="160" alt="Digital Statement Blogger Template" src="http://pics.imagup.com/ano1/1278002070.jpg" height="110" /> </a>
</div>
<!-- end code of 5th -->

<!--6th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com/search/label/%D8%A7%D9%84%D8%B1%D8%A8%D8%AD%20%D9%85%D9%86%20%D8%A7%D9%84%D8%A5%D9%86%D8%AA%D8%B1%D9%86%D8%AA?&max-results=5" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://pics.imagup.com/ano1/1278002754.png" height="110" /> </a>
</div>
<!-- end code of 6th -->

<!--7th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com/search/label/%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1?&max-results=5" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://pics.imagup.com/ano1/1278003649.png" height="110" /> </a>
</div>
<!-- end code of 7th -->

<!--8th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com/search/label/%D8%A7%D9%84%D8%AA%D8%BA%D8%B0%D9%8A%D8%A9%20%D9%88%D8%A7%D9%84%D8%B5%D8%AD%D8%A9?&max-results=5" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://pics.imagup.com/ano1/1278003860.png" height="110" /> </a>
</div>
<!-- end code of 8th -->

<!--9th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://pics.imagup.com/ano1/1278004864.png" height="110" /> </a>
</div>
<!-- end code of 9th -->

<!--10th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://pics.imagup.com/ano1/1278094671.png" height="110" /> </a>
</div>
<!-- end code of10th -->

<!--11th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://pics.imagup.com/ano1/1278094825.png" height="110" /> </a>
</div>
<!-- end code of11th -->

<!--12th Template -->
<div class="panel">
<a href="http://abu-iyad.blogspot.com/search/label/%D8%A7%D9%84%D8%A3%D8%AB%D8%A7%D8%AB%20%D9%88%D8%A7%D9%84%D8%AF%D9%8A%D9%83%D9%88%D8%B1?&max-results=5" target="blank" title="Orkut Theme Blogger Template"> <img width="160" alt="Orkut Theme Blogger Template" src="http://pics.imagup.com/ano1/1278095024.png" height="110" /> </a>
</div>
<!-- end code of 12th -->

</div></div></div>
وأخيرا قم بتبديل الروابط ذات اللون الاحمر بروابط مدونتك والروابط ذات اللون الازرق بروابط الصور اتمنى ان تنال اعجابكم


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

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


عند تحميل كود الإعلان يكون على هذا الشكل :
<script type="text/javascript"><!--
google_ad_client = "xxxxxx";
/*xxxxxxxxxxxxxx */
google_ad_slot = "xxxxxxxx";
google_ad_width = xxxxxx;
google_ad_height = xxxxxxx;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
قم بحذف الرموز كما هو مبين باللون الاحمر في الكود ليصبح على هذا الشكل
<script type="text/javascript">
google_ad_client = "xxxxxx";
/*xxxxxxxxxxxxxx */
google_ad_slot = "xxxxxxxx";
google_ad_width = xxxxxx;
google_ad_height = xxxxxxx;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
ثم قم بحفظ القالب وإنشاء الله سوف تظهر الإعلانات بشكل سليم

قالب بلوجر احترافي للمدونات التقنية والتطوير 2013

قالب احترافي جدا وذو تصميم اكثر من رائع هو قالب مدقوع وليس مجاني ولاكن مدونة ربحني شكرا تقدمه مجانا لجميع متابعينا وبدون مقابل قالب يتميز بالوان جذابه وبستايل رائع جدا قالب لمدونات التطوير والمدونات التقنية فقط فا في هذا القالب سوف تكون مدونة احترافية بشكل مجاني تماما نتمنا ان ينال القالب اعجابكم وبنتظار تعليقاتكم واستفسارتكم

الالوان : الاسود ، الابيض ، الفضي ، اخضر

المجال :  المدونات الشخصية، المدونات التقنية ، المدونات التطوير ، المدونات البرامج







 الرجاء عدم نزع الحقوق عند التركيب او عند النقل الرجاء ذكر المصدر ولكم الشكر

mercredi 31 juillet 2013

قالب مميز لمدونات التقنية


قالب مميز لمدونات التقنية و الكثير من المدونات الاخرى يتكون القالب من عمود واحد فى السياؤ و ثلاثة اعمدة فى الاسفل
الوان القالب هى
رمادى
تركواز
ابيض
للتحميل


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

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

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

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

احتلالك المرتبة 1 او 2 في جوجل بي كلمة مربحة يعني زوار مستهدفين ضغطاط دولارات.

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


بسم الله الرحمان الرحيم والصلاة والسلام على خير خلق الله اجمعين وعلى اهله واصحابه الاتقياء
والعضماء والشرفاء اجمعين.



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





الموقع للتسجيل SEMRush - service for competitors research, shows organic and Ads keywords for any site or domain





بعد التسجيل في الموقع اعلاه سوف نحتاج التسجيل كدالك في Google AdWords Keyword Tool

من هنا https://adwords.google.com/o/Targeti...=KEYWORD_IDEAS







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

المصدر: مدونة ربحني شكرا http://www.rb7ne.com/2013/04/google-adsense.html#ixzz2aeuxdSlQ

قالب مدونة كل يوم معلومة طبية معرب

اسم القالب Evident
قالب بلوجر معرب بحث عنة القالب الكثير من الاشخاص 
ويتكون القالب من قائمتان ثابتة و متحركة و عمود واحد
و الوان القالب هى
ازرق
لبني
للتحميل

تعلم جوجل ادسنس حتى الاحتراف Google AdSense


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

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

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

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

احتلالك المرتبة 1 او 2 في جوجل بي كلمة مربحة يعني زوار مستهدفين ضغطاط دولارات.

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


بسم الله الرحمان الرحيم والصلاة والسلام على خير خلق الله اجمعين وعلى اهله واصحابه الاتقياء
والعضماء والشرفاء اجمعين.



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





الموقع للتسجيل SEMRush - service for competitors research, shows organic and Ads keywords for any site or domain





بعد التسجيل في الموقع اعلاه سوف نحتاج التسجيل كدالك في Google AdWords Keyword Tool

من هنا https://adwords.google.com/o/Targeti...=KEYWORD_IDEAS







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

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



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

1- توجه إلى لوحة تحكم المدونة

2- تصميم ثم تحرير HTML 

3- إبحث عن الوسم التالي </head>

4- ثم ضع فوقه مباشرة الكود التالي

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>
5- بعد ذالك إبحث عن الكود التالي ]]></b:skin>

6- و ألصق هذا الكود فوقه مباشرة
.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgNYDVe-9SqqnINmx185mwho-vjvKdQzLBMcrdX6Q-Ouwe75fESMztFWeMUIYg8v3C4vCQ7AgJszJojJWZWjVAhIgGpZd-sb73qiv3ILVaG0Vtn0_6CwQ2hbqPR9Iwn4CNIRDltyIsDHc/) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}
.
7- قم بحفظ القالب الأن

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

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/rb7ne.blogeer.googleAdSense&amp;width=238&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:228px; height:320px;" allowtransparency="true"></iframe></div></span></div></div></div>
<a href="http://www.rb7ne.com/2013/06/Facebook-liek-blogger.html" target="_blank"> <span style="font-size: xx-small;">Get it here </span></a><br/>


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

قالب بلوجر معرب رائع

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

قالب بلوجر معرب اخبارى

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