‏إظهار الرسائل ذات التسميات تطوير المواقع. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات تطوير المواقع. إظهار كافة الرسائل

السبت، 4 أبريل 2015

افضل المواقع لأختصار الروابط

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

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

الاثنين، 22 ديسمبر 2014

أشكال جديدة لصندوق الاقتباس فى بلوجر

أشكال جديدة لصندوق الاقتباس فى بلوجر

كما نعلم جميعا ان صندوق الاقتباس Blockquote يعتبر مهم لمدوني شبكة بلوجر ويستعمل في تنسيق مواضيع المدونة ويضفي عليها شكلا مميزا .ويستعمل خاصة في مدونات بلوجر التي تطرح أكواد أو شروحات  فصندوق الاقتباس يعوض الاطار لتمييز الكود عن بقية النص !
اليوم تستطيع اضافة نماذج واشكال لصندوق الاقتباس بتقنية CSS ما عليك سوي تنفيذ الخطوات التالية:
  1. قم بالدخول إلى حساب مدونتك.
  2.  أنقر على قالب .
  3. ثم انقر فوق تحرير HTML
  4. فوق الرمز </head> مباشرة قم بلصق الكود التالي ثم احفظ القالب:



<link href='http://helplogger.googlecode.com/svn/trunk/css/blockquotes/styles.css' rel='stylesheet' type='text/css'/>

الآن في كل مرة تقوم فيها بإنشاء مشاركة جديدة انقر علي زر HTML واضف رقم كود صندوق الاقتباس الذي اعجبك

الشكل الأول

الكود
<div class="code1"> النص او الكود </div>

الشكل الثاني

الكود
<div class="code2"> النص او الكود </div>

الشكل الثالث

الكود
<div class="code3"> النص او الكود </div>

الشكل الرابع

الكود
<div class="code4"> النص او الكود </div>

الاثنين، 8 ديسمبر 2014

اضافة تلميحات على روابطك CSS

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



شرح التركيب

أضف الكود التالي فوق الوسم
]]></b:skin>
الكود
.cnmutip{display: inline;position: relative;}
.cnmutip:hover:after {
  background:rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  bottom: 36px;
  color: #fff;
  content: attr(title);
  display: inline-block;
  font-size: 10px;
  left: 20%;
  padding: 3px 8px 4px;
  position: absolute;
  text-align: center;
  width: 200px;
  z-index: 98;
}
 استبدل هذا الكود rgba(0, 0, 0, 0.6 بلون يناسبك كخلفية للتلميحات او اتركه كما هو ان اردت اللون شفاف قليلا
الرقم 200 هو عرض التلميحات يمكنك زيادته او انقاصه
الرقم 10 هو حجم الخط
أما هذا #fff هو لون الخط


طريقة الإستخدام

أضف الكود التالي في اى مكان تريد وأنت تكتب الموضوع مع تغيير صندوق الكتابة من وضع تأليف الى وضع HTML 
 <a class="cnmutip" href="#" title="*****" target="_blank">000</a>
استبدل # بالرابط
واستبدل ***** بما تريد كتابته في التلميحات
واستبدل 000 بكلمة او صورة التي سيمرر القارئ عليها مؤشر الفأرة
ويمكنك تكرار الكود كما تريد وبالتوفيق

الخميس، 4 ديسمبر 2014

إنشاء شات متكامل لموقعك أو مدونتك

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

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


كود الشات أضفه في صفحة ثابتة بعد تحويل صندوق الكتابة من وضع تأليف الى وضع HTML
احذف أى شئ موجود به ثم اضف الكود
<embed align="middle" allowscriptaccess="sameDomain" bgcolor="#000000" flashvars="id=211850323&amp;gn=gewshelislam" height="600" name="chat" pluginspage="http://xat.com/update_flash.shtml" quality="high" src="http://www.xatech.com/web_gear/chat/chat.swf" type="application/x-shockwave-flash" width="800"></embed><br /></div>
<div style="text-align: center;">
<small><a href="http://xat.com/web_gear/chat/embed.php?id=211850323&amp;GroupName=gewshelislam" target="_BLANK">Get gewshelislam chat group</a> | <a href="http://xat.com/gewshelislam" target="_BLANK"> Goto gewshelislam website</a></small>
بدون أى تعديل الكود بسيط جدا ويفى بالغرض

الأربعاء، 3 ديسمبر 2014

الوسيط لخدمات التجارة الالكترونية

الوسيط للتجارة

موقعك معنا فى امان !
هذا ليس مجرد عنوان يساعد على نشر الموقع لكنه حقيقة
فبمجرد التسجيل يقدم لك الموقع مجموعة من الخدمات التى لن تجدها عند أى موقع اخر
خدمات تصميم المواقع
{ تصميم المواقع بأحدث وسائل التصميم و أحدث البرامج المختصه بالتصميم , لتتمتع بأناقة المظهر الخاص بموقعك والاداء الفعال والتوافق مع محركات البحث }
خدمات الاستضافة
{ استضافتنا علي سيرفرات قوية واستقرار عالي لموقعك و التي تحتوي على خطط مختلفة ومتنوعة وفقا لمتطلبات ومطالب موقع الويب الخاص بك .. }

خدمة الأرشفة

تقنية الـ SEO اختصار لعبارة SEO = Search Engine Optimization و باللغة العربية تعني تهيئة المواقع والمنتديات لمحركات البحث.
تعريف الـ vBSEO هو
سكربت صمم ليكون هاك مخصص لمنتديات الـ vBulletin ، حيث أنه يلعب دوراً كبيراً
في تجهيز منتداك لكي يحصل على المراتب الأولى بمحركات البحث + يسهل من عملية
أرشفة محتويات منتداك بمحركات البحث + الحصول على عدد كبير من الزوار. ولكن ليس
مجرد تركيب الـ vBSEO سيعطيك أفضل النتائج لمنتداك، لأن الـ vBSEO مجرد سكربت
أو هاك يتم تنصيبه ولكن الـ vBSEO هي تقنية حديثة تحتاج لخبرة وهي مجموعة إضافات
ولمسات يقوم بها المختصون والخبراء .

ليس مهماً تقدم ترتيب موقعك في ترتيب أليكسا بزوار وهميون على حساب موقعك ,
فالمهم هم الزوار الحقيقيون , من خلال محركات البحث المعروفة بأحدث التقنيات ,
أطرد الملل من موقعك و أنشره إلى حيث تريد و أكسب

أعضاء جدد و زوار جدد , و تذكر أن قوة أرشفتك تعتمد على نشاط موقعك أيضاً ,
فالأرشفة وحدها لا تكفي ..


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

منتداك له حسب ما يلي:

تركيب هاك vBSEO مع إعداده بشكل دقيق لتحقيق أفضل نتائج ممكنة.



تركيب هاك مولد الخرائط وإعداده. vBSEO Sitemap



تحويل صفحات المنتدى إلى HTML لتحسين ظهورها وانتشارها بمحركات البحث .



إضافة وسوم h1,h2 إلي صفحتي استعراض الموضوع واستعراض القسم.

 

تعريف وسوم h1,h2 عن طريق ملف الـ CSS .



تفعيل خاصية تكرار عنوان الموضوع في صفحة استعراضه.



إنشاء ملف Robots.txt لحجب الملفات والمجلدات الغير مرغوب أرشفتها.



زيادة قوة اسم الموضوع عن طريق حذف اسم المنتدى من Title صفحة استعراض الموضوع.



زيادة قوة اسم القسم عن طريق حذف اسم المنتدى من Title صفحة استعراض المنتدى.



تفعيل عرض المواضيع المشابهة.



تركيب هاك خاص بالـ Rss.



منع خاصية البحث عن الزوار.



إضافة ملف info.txt.



تفعيل خاصية الاقتباس التلقائي لعناوين المشاركات.



تعديل عناوين الأقسام وحذف العلامات الغير مفيدة.



عرض المواضيع للزوار.



إضافة Meta Keywords, Description خاصة بالمنتدى بطريقة تستهدف التركيز على الكلمات الهامة التي تتعلق بتخصص محتوي المنتدى.



إضافة المنتدى في 30 دليل عربى .



تسجيل نطاق

فبأمكانك تسجيل نطاق بكل سهوله فقط أكتب النطاق الذي تود تسجيله في الحقل لفحص أمكانية تسجيله.

النطاقات المتوفرة

.com

.net

.org

.info


وقريبا ...

سيتم انشاء خدمات الجوال

 برمجة التطبيقات

فك أجهزة ابل

خدمات للفيس بوك

زيادة المعجبين بصفحتك على الفيس بوك بالملاين

زيادة المتابعين

زيادة الاعجابات على المنشورات

زيادة المشتركين فى مجموعات الفيس بوك

كل هذا وخدمات اخرى حصريه اكتشفها بنفسك




الأربعاء، 26 نوفمبر 2014

اضافة الأرشيف الى مدونتك بشكل احترافى

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

طريقة اضافة الأرشيف الى المدونة

من لوحة التحكم بلوجر >> تخطيط >> اضافة اداة >> نختار أرشيف المدونة الالكترونية

<<<<:::::::::>>>>
<<<<:::::::::>>>>
<<<<:::::::::>>>>
الان تم الاضافة بنجاح لكن ينقص تنسيق شكل الارشيف ليصبح بشكل احترافى

طريقة التنسيق

من لوحة التحكم بلوجر >> قالب >> تحرير HTML

ونضغط ctrl+f ونبحث عن الوسم التالي
]]></b:skin>
ونضع فوقه الكود التالي
     .BlogArchive .widget-content {margin:0; padding:0;}
    .BlogArchive #ArchiveList {height: 142px; overflow: auto;}
    .main-inner .widget #ArchiveList {margin: 0; padding:0; border: 1px ridge #999;}
    .BlogArchive #ArchiveList ul{margin:0; padding:8px 8px 0 8px;}
    .main-inner .widget #ArchiveList ul.flat li {padding:8px 0 8px 0;}
    .main-inner .widget #ArchiveList ul.flat li a {font:14px Verdana; text-decoration:none; color:#666;}
 
ثم نقوم بحفظ القالب
ومبروووووووك عليك الارشيف الاحترافى

السبت، 22 نوفمبر 2014

حصريا سكربت العاب في غاية الجمال

سكربت ألعابي الإصدار الأول v1.00

سكربت "ألعابي" عبارة عن نظام لإدارة المحتوى لمواقع ألعاب الفلاش، صغير الحجم وخفيف التصفح، السكربت مبرمج بلغة السكربت php مع html5, Css3.

مميزات السكربت

عرض آخر الألعاب المضافة

عرض أفضل الألعاب الأكثر زيارة والأكثر تقييماً

عرض ألعاب لتصنيفات محددة

عرض التصنيفات للألعاب

إمكانية الإعجاب وعدم الإعجاب للعبة من طرف الزوار

إتاحة التعليق من خلال الفايسبوك

عرض وصف للعبة وطريقة اللعب

إظهار كافة الإحصائيات حول اللعبة ( عدد الإعجابات، عدد الزيارات، تاريخ الإضافة)

عرض إقتراحات لألعاب متشابهة

تنبيه الزائر بإمكانية إضافة اللعبة إلى مفضلة المتصفح

إمكانية إضافة صحفات مخصصة

السكربت صديق للمحركات البحث SEO

روابط صديقة friendly URLs

توزيع الإعلانات بشكل جيد

لوحة التحكم

تعديل بيانات الموقع (الإسم، الوصف، كلمات مفتاحية)

إضافة تعديل حذف لعبة

إضافة تعديل حذف تصنيف

إضافة تعديل حذف صفحات

التحكم في الإعلانات

تغيير بيانات الدخول

متطلبات تنصيب السكربت

php 5.3.24 ++

Mysql 5 ++

mod_rewrite

الإصدار الحالي : v1.00

طريقة التنصيب موجودة في ملف info.txt


تحميل
انقر للعرض
649.33 KB .rar

المعلومات الأساسية للتدوينات اضافتها والتحكم بها

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

أولا الأكواد

اسم الكاتب

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorlabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>

تاريخ النشر

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestamplabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

الأقسام أو التسميات

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postlabelslabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

التعليقات

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
كل كود من الاكواد السابقة يخص الامر الموضح فوقه لو اردنا مثلا ان نضيف اسم الكاتب بعده التعليقات ننسخ كود الكاتب ونضيف بعده كود التعليقات وعند اضافتهما في القالب سيكونان بجانب بعضهما تريد نسخهم جميعهم بجانب بعض لا مشكلة يمكنك التنسيق كما تريد ويمكنك اضافتهم في اى منطقة في الموضوع مثال
لو اردت اضافتهم تحت عنوان الموضوع اضفهم تحت الكود التالي
<div class='post-header'>
وان اردتهم في نهاية الموضوع اضفهم تحت الكود التالي
<div class='post-footer'>
لكن هناك توضيحين

الاول هو الكود الاحمر المكرر في الثلاث أكواد الاولى

هذا يخص الكلمة التي تظهر بجانبه

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

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

أما الثاني هو الجزء الأخضر هذا سنسميه المعرف class

وسنتعرف على استخدامه في الجزء التالي وهو

التنسيق

طبعا يمكن عمل كثير من التنسيقات لتلك الأكواد لكننا سنشرح اشهر تنسيق وهو اضافة ايقونة صغيرة بجانب اى من تلك الاجزاء
كل ما عليك هو ان تضيف الكود التالي فوق الوسم
]]></b:skin>
 .class {
  background-image: url("#");
  background-position: right 1px;
  background-repeat: no-repeat;
  padding-right: 20px;
  float:right;
}
استبدل المعرف class بمعرف الجزء الذي تريد تنسيق يمكنك تكرار الأمر ان كنت تريد وضع اكثر من كود
رمز # استبدله برابط أيقونة ويمكنك ان تجد أيقونات كثيرة بالبحث في جوجل
الكلمة right معناها ان تلك الأيقونة ستكون ناحية اليمين اما الرقم 1 ستكون الأيقونة مبتعده بنسبة 1 بيكسل من الأعلى يمكنك زيادته او حتى جعلها بالسالب -1  بحسب الأيقونة لديك وكيف سيكون مظهرها بجانب الكود
الرقم 20 هو مدى بعد الكود من الأيقونة توضيح لو ستستخدم ايقونة بمقاس 16x16 معناه ان عرض تلك الأيقونة 16 بيكسل هنا لو لم نضع مسافة فراغ ستكون الكلمة مثلا لو اسم الكاتب سيكون ظاهر فوق الأيقونة وليس جانبها نحتاج لعمل فراغ حتى يكون بجانبها والرقم 20 هو هذا الفراغ يمكنك زيادته او انقاصه بحسب حجم الايقونة لاتي ستستخدمها
الكلمة right تحدد اتجاه الاكواد مثلا لو نريد اضافة الأقسام واسم الكاتب ناحية اليمين سنستخدمها كما هي
ومثلا لو اردنا التعليقات ناحية اليسار سنستخدم مع معرف التعليقات بدلا منها كلمة left
وهذا مثال ناتج من تطبيق الدرس والتنسيق
المصدر : المعلومات الأساسية للتدوينات

السبت، 15 نوفمبر 2014

شريط آخر الأخبار المتحرك مع الإعداد والتنسيق

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




طريقة التركيب أضف الكود التالي داخل آداة HTML/JavaScript
<style>
#cnmunewasbar {
  background: #fff;
  box-shadow: 0 0 1px #777;
  height: 30px;
  width: 100%;
}
.cnmunbtile {
  background:#008EFA;
  color: #fff;
  display: inline-block;
  float: right;
  font: bold
14px/30px tahoma;
  height: 100%;
  margin-left: -112px;
  text-align: center;
  width: 110px;
}
.cnmu-newsb-srp {
  float: right;
  font:
14px/28px tahoma !important;
  margin-right: 112px;
}
</style>
<script type="text/javascript">
    var cnmuWidth= 100;
    var cnmuScrollAmount=0;
    var cnmuScrollDelay=80;
    var cnmuDirection="right";
    var cnmutargetlink="yes";
    var cnmunumPosts=10;
    var cnmuBulletchar =">>>";
    var cnmuimagebullet="yes";
    var cnmuimgurl="https://lh6.googleusercontent.com/-YHYwSfOe3XY/VEIv0ZeiOZI/AAAAAAAAE40/3ZHADkTW5Io/s35/jaded.gif";
    var cnmufontsize=16;
    var cnmubgcolor="transparent";
    var cnmulinkcolor="008EFA";
    var cnmulinkhovercolor="CD0317";
</script>
<div id="cnmunewasbar">
<span class="cnmunbtile">آخر الأخبار</span>
<script src='https://cnmu.googlecode.com/svn/trunk/2014/newsbar.js' type='text/javascript'></script>
<script type="text/javascript" src="http://gewshelislam.blogspot.com/feeds/posts/default?alt=json-in-script&callback=cnmuAdvRecentPostsScrollerv3&max-results=50" ></script>
<div style='clear: both;'></div>
</div>
استبدل http://gewshelislam.blogspot.com برابط مدونتك
الرقم 80 هو سرعة الشريط كلما قل كلما كان اسرع كلما زاد اصبح بطئ
ان اردت فتح الروابط في نفس الصفحة استبدل هذه الكلمة yes بهذه no
هذا 10 هو عدد الموضوعات

أهم التنسيقات

هذا #fff لون خلفية الشريط البيضاء
هذا #008EFA لون خلفية كلمة آخر الأخبار والتي يمكنك تغييرها هي الأخرى
وهذا #fff هو لون خط كلمة آخر الأخبار
الرابط الزهري هو صورة جديد يمكنك استبداله برابط صورة أخرى
هذا 008EFA هو لون الروابط ملحوظة لا نضيف للون هنا رمز #
هذا CD0317 هو لون الروابط عند تمرير الماوس وايضاً لا نضيف له الرمز #
هذا tahoma هو نوع الخط يمكنك استبداله بخط آخر مخصص
الرقم 14 هو حجم الخط الاول خاص بكلمة آخر الأخبار والثاني خاص بالروابط
هذا 30 هو بعد الخط من الاعلى للكملة وهذا 28 للروابط

هام : في حالة اردت عرض الأخبار من قسم معين

استبدل كلمة default بهذه الكلمة default/-/# مع تعديل رمز الـ # بإسم القسم الذي تريد
هذه هي اهم الإعدادات والتنسيقات وتجربه موفقة بإذن الله
مع جزيل الشكر لصاحب مدونة كن مدون

الخميس، 13 نوفمبر 2014

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

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

هنا نص الملاحظة يمكن تعديله
وهذا النموذج المتحرك
هنا نص الملاحظة يمكن تعديله
الكود
<style>
#cnmumesclose {
  background:rgba(0, 0, 0, 0);
  border: 0 none;
  border-radius: 0;
  color: #888;
  cursor: pointer;
  display: inline-block;
  float: right;
  font: bold 14px Arial Black;
  margin: 9px -18px 0 0;
  position: absolute;
  text-align: center;
  width: 15px;
}
#cnmumesclose:hover {color: #d50000;}
#cnmumes1 {
  background-color: #d0fdbc;
  background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIddkzSR1vpmsD8kBNmS-lPSXg7NRf0GLOEV4oqH-RmxPW0ijq_-cuUmhv4vkrZ_z-NG_0Cu3ENOAFliGDrKqlijfLRlzise-7KZc0MDhVaVQ31CKmZjxHFl2dBBCubJ8TPKFfLFCpE1zI/s24/Accept.png");
  background-position: 14px 8px;
  background-repeat: no-repeat;
  border: 1px solid #6abf45;
  border-radius: 4px;
  font: 17px/36px tahoma;
  height: 40px;
  overflow: hidden;
  padding: 0 25px 0 42px;
  width: 400px;
}
</style>
<div id="cnmumes1">
<button id="cnmumesclose" type="button" onclick="{document.getElementById('cnmumes1') .style.display='none'}">X</button>
<marquee behavior="scroll" direction="right" scrolldelay="90" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">
<div style="text-align:left;">
هنا نص الملاحظة يمكن تعدليه
</div>
</marquee>
</div>
هذا #d0fdbc هو لون الخلفية
هذا #6abf45 هو لون الإطار
الرقم 17 هو حجم الخط
هذا 36 هو بعد الخط من الأعلى
هذا tahoma هو نوع الخط
هذا 400 هو عرض الشريط
الرابط المعلم باللون الزهري هو الأيقونة يمكنك استبدالها بايقونة اخرى المقاس المناسب هو 24x24
الرقم 14 هو بعد الأيقونة من جهة اليسار
الرقم 8 هو بعد الايقونة من الأعلى
الكود معد على النموذج المتحرك لإيقاف الحركة احذف الكودين المعلمان بالبرتقالي
الرقم
90 داخلهما هو سرعة الحركة كلما زاد اصبح أبطأ
وطبعا استبدل جملة هنا نص الملاحظة يمكن تعديله بما تريد
التركيب والتعامل
يمكنك ان تضيف الكود باكلمه داخل آداة HTML/JavaScript
مع الشكر لصاحب مدونة كن مدون

الثلاثاء، 11 نوفمبر 2014

كود uppit لتشغيل الصوتيات mp3 على موقعك

كيف أشغل الصوتيات على موقعي مع التحكم في توقف أو تشغيل الصوت بدون ما أرفع ملفات
الصوت على موقعي وبدون سكريبت ؟؟؟
هذا السؤال حير الكثيرين من أصحاب المواقع تشغيل الصوت عن بعد والتحكم فيه الكل طبعا
ممكن يضع صورة عن طريق الروابط من غير ما يرفع الصورة على موقعه وكمان ممكن تضع
فديو من غير ما ترفعه على موقعك عن طريق التضمين من اليوتيوب مثلا
ولكن المشكلة التى أتعبت الكثيرين هى كيف أضع ملف صوتي ويشتغل على موقعي عن بعد
من غير ما أرفعه على موقعي وكمان أتحكم في التشغيل
إليكم الحل مع كود موقع uppit الذي يتيح لك رفع ملفات الصوت عليه وتشغيلها على موقعك
أتبع خطوات الشرح
1- إذهب إلى موقع


2- حدد ملف الصوت الذي تريد رفعه على الموقع من جهازك كما في الصورة
3- بعد أكتمال عملية الرفع أنسخ هذا الرابط كما في الصورة
4- إضغط على إحضار رابط التحميل بعد إنتهاء الخمس ثواني كما في الصورة
5- سوف تظهر لك هذه الصورة
6- ضع مؤشر الموس على زرار التحميل وإضغط كليك يمين وأنسخ رابط التحميل المباشر لازم الرابط المباشر
كما في الصورة
7- بعد نسخ رابط الملف الصوتي المباشر إذهب الى هذا الكود أحذف الرابط القديم الموجود وضع بلا منه
الرابط الجديد الذي نسخته منذو قليل كما هو واضح في هذه الصورة
8- أنسخ الكود وضعه في أي مكان في أي صفحة من صفحات موقع وليكن مثلا في الهيدر في الصفحة الرئيسية
من موقعك

تحميل
انقر للعرض
1.6MB .rar

الثلاثاء، 21 أكتوبر 2014

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

السلام عليكم ورحمة الله وبركاته
اقدم اليكم اليوم مجموعة من الابتسامات التى تصلح للمنتدى الخاص بك + طريقة التركيب
مثال :

طريقة التركيب
1 حمل الملف المرفق وفك ضغط الملف
2 دخول لوحة التحكم , الابتسامات
3 رفع ابتسامة جديدة
4 رفع الابتسامة من الجهاز
>>>>>>>>>>>>>>>>
واللي بحب مقاس اخر للسمايلات انا جاهز
عدد السمايلات
40

واذا عجبوكم ما تحرموني من ردودكم
 التحميل : اضغط هنا

الاثنين، 15 سبتمبر 2014

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

السلام عليكم ورحمة الله وبركاته
شرح اسهل طريقة لاضافة تعليقات الفيسبوك بون التعديل على القالب
الطريقة : هى وضع كود تعليقات الفيسبوك فى نموج المشاركة بحيث يكون الكود موضوع جاهز فى كل مرة تكتب فيها تدوينة مع انه لايظهر عند كتابة تدوينة
وبامكانك اخفائه من مواضيع معينة من خلال حذف الكود من HTML الخاص بكتابة التدوينة
الخطوات : 1 - قم بالدخول الى حسابك فى Blogger
2 - اضغط على اعدادات ثم مشاركات وتعليقات
3 - وفى حقل نموج المشاركة فم بوضع الكود التالى
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tn_tnmn /all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-comments" data-href="http://gewshelislam.blogspot.com/" data-width="470" data-num-posts="2"></div>
 مع تغير  http://gewshelislam.blogspot.com
الى رابط مدونتك
ثم اضغط حفظ الاعدادات
ومبروووووووووووووك عليك اذهب الان وقم باضافة تدوينة جديدة وستلاحظ اضافة صندوق التعليقات اسفل التدوينة المثال

[ طلب ] : مطلوب شعار لمدونة

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

الجمعة، 12 سبتمبر 2014

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

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


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

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

اولا للمعاينه تفضلوا هنا

هنا اعلان ادسنس اسفل التدوينه
http://mno3aaty.blogspot.com/2012/05...post_2119.html

هنا اعلان ادسنس اعلى التدوينه
http://mno3aaty.blogspot.com/2012/05/5_2117.html

هنا تدوينه بدون اى اعلان
http://mno3aaty.blogspot.com/2012/05/blog-post.html


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

الخطوات


قم بالدخول الى حسابك فى بلوجر http://www.blogger.com/home
واضغط على اسم المدونه التى ترغب بأضافه الاعلانات اليها
ثم اعدادات ثم مشاركات وتعليقات كما هو موضح بالصوره

وفى الحقل "نموذج المشاركات" المشار اليه فى الصوره التاليه يتم لصق كود ادسنس الذى ترغب بأضافته فى المواضييع

ثم لا تنسى حفظ الاعداد

الان ننتقل الى اضافه مشاركه جديده

سنجد ان نافذه الكتابه خاليه من اى اكواد عندما نكون على وضع التأليف المشار اليه فى الصوره لنتمكن من كتابه اى موضوع شئنا وننشره فيظهر الاعلان

عند كتابه موضوع ونشره سيظهر الاعلان تلقائيا اسفل التدوينه
واذا اردنا ظهوره اعلى التدوينه فعلينا الضغط مرتين على السهم لاسفل فى لوحه المفاتييح حتى يتم كتابه التدوينه اسفل الاعلان

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

الخميس، 11 سبتمبر 2014

شرح شركة الربح من الاعلانات بوابة النشر مثل جوجل ادسن

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

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

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


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

نوع الاعلانات
بنرات + فتحات اجباريه و هى الاكثر ربح

نظام الدفع
بريد مصرى (تم ارسال لى عبره اول مره و انا اللى طلبت)
فودافون كاش
باى بال
حوالات بنكية

الدعم الفنى
ممتاز و الرد فى نفس اليوم

عندهم استضافه مواقع مجربتهاش لسه

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

دى صوره لاشكال الاعلانات
التسجيل بسيط جدا
اولا الرابط
gateads
- الضغط على الناشرين

- تسجيل ناشر جديد

ثانيا البيانات بسيطه جدا كالتالى

طريقة عمل الاعلان بسيطة جدا جدا

ملحوظة اكتب الرابط كالتالى

yoursite.com

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

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

السبت، 6 سبتمبر 2014

سكربت النشر التلقائى على الفيس بوك

السلام عليكم ورحمة الله وبركاته تم اضافة خاصية اضافة الصور الارسال بطريقة اخرى بحيث تستطيع معرفة عند من تم الارسال وعند من لا .. طريقة التركيب استبدل جميع الملفات كاملة ,,, لا داعي لستبدال القاعدة 
فقط عليك التسجيل من جديد لان السكربت الان يتطلب معلومات جديدة من الفيسبوك مثل تفعيل رفع الصور لم يواجة مشكلة يبدو ان حسابك قد مسح من قبل الاادرة بعد التسجيل يجب علية التأكد من تفعيل الكوورل بالسيرفر - php curl - لان الفيسبوك يحتاج اليها لارسال المعلومات . ملاحظة ارسال الصور بشكل كبير قد يسبب الضغط الكبير على السيرفر خاصية الكورن لا يتدعم ارسال الصور لان ارسال الصور يحتاج وقت كبير نواعا ما

ملاحظة :
بعد رفع السكربت الرجاءعمل ملف باسم tmp داخل مجلد الادمن اعطاء ملف tmp الموجود بمجلد الادمن (اللذي قمت بعملة بالخطوة السابقة ) تصريح 777 ليستطيع السكربت رفع الصور قبل ارسالها

تحميل الاسكربت علي أكثر من سيرفر : 

سكربت اختصار روابط بلاك بيري مجانا

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

تحميل الاسكربت علي أكثر من سيرفر : 

سكربت الحائط الاجتماعي Professional Chat

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

أولا نقوم بإنشاء قاعدة بينات جديدة 
ثم نقوم برفع قاعدة البينات المرفقة
بعدها نقوم بالتعديل على ملف config.php
ثم نقوم برفع السكريبت الى موقعك . الأن نقوم بإعطاء التصريح 777 لهذه الملفات compile admincp/compile مبروك .. تم تركيب السكريبت بنجاح ،،

يمكنك الدخول للوحة تحكم الموقع من خلال هذا الرابط www.yoursite/admincp مع إستبدال yoursite باسم دومين موقعك اسم المستخدم : yasser كلمة المرور : 123456789

جميع الحقوق محفوظة لمدونة جيوش الاسلام 2015

تصميم: MR-bilal