قالب بلوجر متوافق مع جميع الأجهزة واللوحات الإلكترونية

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

للمعاينة اضغط هنا

للتحميل اضغط هنا

شرح القالب

لتشغيل قائمة الصوت والصورة + إضافات البلوجر قم بالذهاب إلى التخطيط كما هو واضح في الصورة

ثم قم بإضافة أداة html javascript

إضغط على الصورة للمشاهدة الواضحة

ثم قم بلصق هذا الكود في الأداة كما هو واضح في الصورة

<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 80;</script> <script type="text/javascript" src="/feeds/posts/default/-/بالصوت والصورة?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

إضغط على الصورة للمشاهدة الواضحة

ثم غير (بالصوت والصورة) باسم القسم الذي تريده أن يضهر هناك.

أما عن السلايدر فلكي يظهر لك قم بإنشاء قسم خاص بالسلايدر ثم اذهب إلى القالب ثم تحرير html ثم قم بالبحث عن (عبدالحق الوجدي) باستعمال ctrl+f وغييره باسم القسم الذي تم إنشائه.

شاهد الصورة مثال لهذا الكود

إضغط على الصورة للمشاهدة الواضحة

لتغيير الإعلان الموجود بهيدر المدونة إبحث هن هذا الرابط،

<div class='ads'>

هذا مثال للكود
إضغط على الصورة للمشاهدة الواضحة


وقم بتغيير هذا الكود بالكود الخاص بك ( مثلا بكود إعلان أدسنس 728x90)

- ولتغيير شعار المدونة قم بالبحث عن رابط الصورة وهو كالتالي:

http://im35.gulfup.com/bomt1.png

وغيره بما يناسبك


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

والآن قبل كل شيئ يجب أن يكون في علمك بأن الملف الذي قمت بتنزيله مشفر، يلزمك طلب هذا الكود للحصول على القالب وأهم ما يمكنك القيام به هو *نشر هذا الرابط

http://gooplz.blogspot.com/2013/08/templatesgooplz.html

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

https://www.facebook.com/ElouajdiAbdelhak/posts/558220284239011

إضغط على الصورة للمشاهدة الواضحة

 ثم بعد ذالك، قم بالإنضمام إلينا من خلال هذه القائمة التي تضهر في الصورة (ستجدها أسفل المدونة)

إضغط على الصورة للمشاهدة الواضحة

ثم قم بوضع بريدك الإلكتروني في تعليق وسيتم لك الإرسال .

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

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

تحياتنا لكم و بالتوفيق لكم جميعا

اقرء المزيد

كيف تنشئ قائمة عمودية للأقسام الأساسية بتقنية css3

أقدم لكم شرح لعمل قائمة الأقسام الأساسية العمودية بتقنية css3

 للبث الحي اضغط هنا ✔

اول شىء معنا هى أكواد ال HTML التى ستستعمل فى الأداه

والتى يمكنك من خلالها التعديل عليها كما تريد :

<ul><li > <a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li><li > <a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li><li > <a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li><li > <a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li><li > <a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li></ul>

طبعا بعضكم يعرف فائده كل وسم ، و البعض لا يعرف فساشرح لكم معناها :

ul : هي اختصار "unordered list" وهو عنصر يقوم بوضع نقاط لكل بند في القائمة .

li : هي اختصار "list item"  و هو عنصر يقوم بوضع البنود في القائمة  .

a  :  ارتباط تشعبي، والذي يستخدم لربط من صفحة واحدة إلى أخرى .

href : خاص باستدعاء الروابط .

img : أي صورة .

بعد ذلك ، يجب علينا ان نضيف بعض خصائص الـcss التى نستطيع من خلالها ان نغير شكل

القائمه كما نريد .

#vbar ul{list-style-type:none;list-style: none;margin:0px;padding:0px 8px 6px 8px;border-top:1px solid #d6d6d6;} #vbar ul li{background:#f8f7f7;padding:10px 10px;margin-right: 6px;color:#666;box-shadow:inset 0 0 1px #fff;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;margin:0;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;} #vbar ul li:hover{background:#efefef;box-shadow:inset 0 0 2px #ddd;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;} #vbar a{text-decoration:none;color:#2D2D2D;} #vbar a:hover{text-decoration:none;color:#037DFF;} #vbar h2{margin:8px;color:#666;border:1px solid #d6d6d6;background: -moz-linear-gradient(top, #f8f8f8, #eaeaea);background: -webkit-gradient(linear top, #f8f8f8, #eaeaea);background: -ms-linear-gradient(top, #f8f8f8, #eaeaea);background: -o-linear-gradient(top, #f8f8f8, #eaeaea);padding:8px;font-family:'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif;font-size:12px;line-height:24px;font-weight:bold;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;-ms-transition: All 1s ease;transition: All 1s ease;} #vbar ul li a {color:#000;font-size:12px;font-family: Tahoma, Arial;font-weight: normal;text-decoration: none;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;} #vbar .widget { border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px; box-shadow:inset 0 0 4px #eee; } .menu a img {float:right;padding-left:10px;} #vbar { width:400px; height :200px; }
  

و فى النهايه نضيف الأكواد على بعضها لكى تكون جاهزه للاضافه الى الادوات لكى تصبح :

<style>#vbar ul{list-style-type:none;list-style: none;margin:0px;padding:0px 8px 6px 8px;border-top:1px solid #d6d6d6;}#vbar ul li{background:#f8f7f7;padding:10px 10px;margin-right: 6px;color:#666;box-shadow:inset 0 0 1px #fff;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;margin:0;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}#vbar ul li:hover{background:#efefef;box-shadow:inset 0 0 2px #ddd;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}#vbar a{text-decoration:none;color:#2D2D2D;}#vbar a:hover{text-decoration:none;color:#037DFF;}#vbar h2{margin:8px;color:#666;border:1px solid #d6d6d6;background: -moz-linear-gradient(top, #f8f8f8, #eaeaea);background: -webkit-gradient(linear top, #f8f8f8, #eaeaea);background: -ms-linear-gradient(top, #f8f8f8, #eaeaea);background: -o-linear-gradient(top, #f8f8f8, #eaeaea);padding:8px;font-family:'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif;font-size:12px;line-height:24px;font-weight:bold;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;-ms-transition: All 1s ease;transition: All 1s ease;}#vbar ul li a {color:#000;font-size:12px;font-family: Tahoma, Arial;font-weight: normal;text-decoration: none;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}#vbar .widget { border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px; box-shadow:inset 0 0 4px #eee; }.menu a img {float:right;padding-left:10px;}</style> <div id="vbar"><ul><li class="menu"><a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li><li class="menu"><a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li><li class="menu"><a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li><li class="menu"><a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li><li class="menu"><a href="رابط الصفحه هنا"><img src="http://im38.gulfup.com/LmV2W.png" />عنوان الصفحه هنا</a></li></ul></div>

أرجو ان تكونوا استفدتوا بالدرس و لاتترددوا فى السؤال الإستفسار في أي جزئ والجواب سيكون سريعا، و كما اخبرتكم ، ان تعليقاتكم هى التى تشجعنى على هذا العمل .

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



الكود مزود من مدونة خبراء الحاسوب شكرا له اضغط لايك

اقرء المزيد

زيادة أرباح جوجل أدسنس بطرق سهلة جدا

زيادة أرباح جوجل أدسنس بطرق سهلة جدا

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

أحبتي متابعينا أسعد الله أوقاتكم، ورمضان كريم وكل عام وأنتم بخير، وبعد

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

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

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

ملاحظة

- في الخطوة الثانية لايتم احتساب الأرباح بمجرد اجراء عمليات البحث , و إنما بالنقر على الاعلانات التى تظهر فى نتائج البحث .

اقرء المزيد

قالب أكثر من مجرد إبداع لمدونات البلوجر

قالب إحترافي 2013، لمدونات البلوجر

بسم الله الرحمان الرحيم , أحبتي متابعي مدونة أهرام نت الأوفياء أتمنى أن تكونو على أفضل حال،

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

حمل الصورة لمشاهدتها بالحجم الأصلي

للبث الحي اضغط :

لماذا قمت باختيار هذا القالب لتطويره ؟

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

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

كما أتمنى أن تنظم إلى صفحتي على الفيسبوك.(لن أرغمك عن الإعجاب بها فقط إن أردت ذالك) وشكرا مسبقا.

 

لتحميل القالب من الفورشاريد

لتحميل القالب من موقع آخر

شرح التركيب:

بالنسبة لlogo إن أعجبك هذا رابط تحميله على صيغة psd للتعديل عليه في الفوطوشوب كيف ما تشاء وبكل ما يناسبك

رابط التحميل

- لعرض المواضيع المهمة على سلايدر المحترف التلقائي قم بانشاء تسمية خاصة بأهم المواضيع وإبحث في القالب عن 555 وغير هذا الرقم بالتسمية التي قمت بانشائها

-لإدراج الأقسام في قائمة الأقسام الأساسية إبحث في القالب عن menu sf-vertical وغير الأقسام وروابطها بما يناسبك كما يمكنك تغيير الأيقونة أيضا، فقط يجب أن تحترم حجمها لكي لا تشوه الأداة  (حجم الأيقونة = 45x38)

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

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

اقرء المزيد

كتاب أون لاين يشرح كيفية الحصول على إعلانات حسوب والربح منها بالتفصيل الممل

 

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

فهرس الكتاب

انفففف

 

3

اقرء المزيد

باب استقبال تصميم الشعارات المجانية للمدونات

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

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

فمن يرد طلب التصميم فقط يقوم

1- بالاعجاب بصفحتنا على الفيس بوك من هـــنــــا 

2 أن تقوم بالإنضمام إلينا من خلال القائمة الموجودة اسفل المدونة 

ومن استوفت فيه هذه الشروط

يضع في التعاليق

الاسم : .....

رابط المدونة : ........

ما يكتب فى الشعار (logo) : .......

حجم الشعار : الارتفاع = ..... , العرض = .........

ملحوظة لن يتم تصميم الشعار الا بعد تأكدنا من انجاز الخطوات المرادة

وسوف يتم تصميم الشعار 

بأسرع وقت

وشكرآ

========================================
أعـمـــــــــــــالي:

للتحميل على صيغة psd و  png اضغط هنا

اقرء المزيد

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

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

أولا عليك بالتسجيل في هذا الموقع alexaboostup
عن طريق هذا الرابط: http://www.alexaboostup.com/signup.php
قم بتعبئة الخانات المحصل عليها
بعدعا قم بتأكيد حسابك من خلال الإيمايل خاصتك
ثم أضف موقعك كما هو مبين في الصورة

 

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

لا تغلق الصفحة، اتركها وانساها

اقرء المزيد