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

ملخص لتعريف الافليت وكيفيه الربح منه

 affiliate

تلخيص لماهو الافلييت affiliate وكيف للعرب ان يستفادوا منه

نبدأ بسم الله

هذا الشرح منقول من الاخ فواز العلواني منتدي برامج نت فجزاه الله خيرا

الأفلييت يعتبر من افضل وسائل الربح من موقعك علي الأطلاق ان لم يكن افضلها
ولكنه للأسف ليس لنا عشان كدة مش هتلاقيله مواقع عربي
لأننا اساسا لا نشتري
ولكن اخبرك كيف نستفيد منها بقدر ما نستطيع وطبعا علي حسب علمي 
ما هو موضوع الأفلييت هذا؟؟
اي شركة تعرض منتجا للبيع او خدمة تحتاج لعمل دعاية لها وهذه الدعاية تكلفها الكثير جدا ومن الممكن ان تكون غير مجدية
ولذلك فهي تؤجرك لتعمل انت الدعاية لها مقابل نسبة من ارباحها
مثال:
شركة forex-killer تعرض برنامج لتوقع اتجاه العملات (نقطة خارج الموضوع : البرنامج فكسان ومالوش لازمة و محدش يشتريه)
المهم البرنامج ده ثمنه 89 $ 
انا لو عايز اعمل دعاية للموقع ده هيدوني لينك (زي الريفيرال بتاع شركات البوكس)
لو حد داس علي اللينك ده و دخل اشتري البرنامج سوف احصل علي 66$
ماتستغربش 
سوف تحصل علي 75% من قيمة البرنامج
وهات ناس وانت وشطارتك

هل كل المواقع بتعمل كدة؟
اغلب المواقع اللي بتبيع برامج او كتب او خدمات او اي شيء وجدت فيها هذا الموضوع ولكن طبعا النسبة ليست كلها واحدة يعني ممكن 5% او 10% او20% وحتي 75%

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

partners
partner
شراكة
برنامج الشراكة

ما هو الطرف الثالث (third party )
هوة الوسيط بين هذا الموقع وبينك
هناك مواقع هي التي تقوم بعمل الدعاية بنظام الأفلييت بنفسها
ولكن الكثير يقوم بتوسيط طرف ثالث (شركة كدة مثلا زي جوجل)
فيها ناس معلنة زي ادووردز بس الدفع مش بالضغط طبعا
وفيه ناس تانية زي نظام ادسنس كدة
بس طبعا مش هتاخد فلوس مقابل الضغط لكن لما حد يشتري من عندك 
عشان كدة غالبا الحسابات مش بتتقفل زي جوجل لأن حتي لو انت ضغطت من عندك لنفسك مش هتكسب الا لما تشتري وبكدة الشركة هتكسب حتي لو منك
ايييييييييييييييه
اكيد طبعا دوشت دماغكم بالمقدمة الطويلة دية
نيجي بقي للمهم
 

ازاي استفيد من الموضوع ده للعرب
 

اقولك ياباشا
حاجة من 2
 

affiliate

 

1- paid per lead paid per lead

2- الدعاية لشركات الفوركس

اول حاجة

يعني تاخد فلوس مقابل ان حد يشترك في الخدمة مش يشتري
وطبعا فيه منتجات الأشتراك بتاعها مجاني
لو بصيت علي التوقيع بتاعي
الحتة الملونة دية شركة بتعطي 2 جيجا مجانا لحفظ ملفاتك
لو انت اشتركت في الخدمة انا هاخد 1.5$
اشطة يا مان!!!.........!!!
وعشان كدة انا مثلا عامل دعاية علي ادووردز للموقع
www.flashmemory.we.bs
اللي بشرح فيه الاشتراك في الشركة دية
طبعا فيه حاجات تانية زي كدة
مثل smileycentral
pageflakes

المهم تاني حاجة شركات الفوركس
وده طبعا عشان العرب مش بيشترو حاجة ولكن بيشتركو في الفوركس وبيدفعو فلوس كتييييير
المهم ياسيدي بقي
الميزة في شركات الفوركس ان انت بتاخد نسبة من الأرباح عند كل مرة يقوم الشخص الذي احضرته باغلاق صفقة
يعني تفضل تكسب طول ما التاجر الللي جاء عن طريقك ما زال يتاجر
انا عملت دعاية لشركة ايتورو وكنت علي نظام باخد 25% من ارباح الشركة التي تحصل عليها من الشخص الذي احضره لهم

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

 

ثم يمكنك البحث عن المواقع التي تعمل بنظام الافلييت وتري الانسب لك ولموقعك

وتقوم بعرضه

هذا الشرح ليس كل شئ عن الافلييت ولكنه تعريف وملخص له

ÇÞÑÁ ÇáãÒíÏ

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

شرح متواضع وبسيط ومهم لجميع من يواجه مشاكل في التسجيل في

Google Adsense

هذه المعلومات كمثال :

بأذن الله سنجد الفائدة

 التسجيل سهل جداً

لكن المشكلة في التفعيل ,, 

من 3 او 4 ايام

ÇÞÑÁ ÇáãÒíÏ

لماذا سعرالضغطة فى موقعك تساوى واحد سنت

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

المهم ندخل بالموضوع 
طبعاً كما الكل يعلم العلاقة بين أدسنس وأدووردز . أدسنس للناشرين وأدووردز للمعلنين .
الآن . كيف يتم إحتساب سعر الضغطة !
طبعاً كلام مكرر هنا . المزاد الذي يحدث بين المعلنين . ولكن مالمعني ؟ أي أن مثلاً هنالك ( محمد ) و(أحمد) و( خالد )
محمد صاحب موقع يريد ***** موقعه وأحمد نفس الشئ . وخالد هو المعلن 
محمد في لوحة تحكم الأدووردز وضع سعر الضغطة الأقصي 0.30 يورو
و أحمد وضع السعر 0.80 يورو .
وكل منهم وضع الكلمة المفتاحية التي يريدها مثلاً EA SPORTS GAMES
وخالد صاحب الموقع موقع به نفس الكلمة المفتاحية .
إعلان من يظهر ؟
أكيد إعلان أحمد ، لأنه دفع أكثر وهذه سياسة جوجل ، المنافسة بين الناشرين والربح الأعلي للمعلنين . اذن جوجل مشكور علي هذا 
الآن السبب في تدني الضغطة العريبة ببساطة قلة المعلنين العرب وقلة التنافس .
لو طبقنا المثال السابق علي أصحاب مواقع عرب . ونحذف أحمد .
سيتبقي محمد المعلن . وببساطة بسبب عدم وجود منافسة . سيضع أقل سعر للضغطة ليربح الكثير من الزوار . لأن لحاله  هو ربحان والمعلن خسران :(
وبرأيي الخطأ هنا ليس من المعلنين العرب الخطأ من GOOGLE 
نعم ، الخطأ من جوجل لعدم وضعه حد أدني للضغطة الواحد في جوجل أدووردز !
أوكي ، المشكلة الأولي .
الآن المشكلة الثانية تدني سعر الضغطة من الزائر العربي وإرتفاعها بالنسبة للزائر الأجنبي !
ببساطة شديدة . الزائر الأجنبي يري إعلانات إنجليزية .
لا تحسب ان الإعلانات اللي تشوفها هي اللي راح يشوفها الزائر من اسبانيا او امريكا .
وكمثال انا أتصفح منتدي DigitalPoint
ودائماً أري إعلانات جوجل أدسنس تتحدث عن مواقع عربية 
أحياناً أجنبية ولكن الغالب عربية .
نفس الشئ مع الزائر الأجنبي ، فهو يري إعلانات أجنبية حتي لو كان محتوي موقعك عربي . ولكن أحيانا أحياناً ربما يجد إعلانات عربية ..

أتمني الموضوع كان سهل علي الجميع . الموضوع مفتوح للأسئلة وان شاء الله أجاوب عليها أول بأول .
بالتوفيق 

ÇÞÑÁ ÇáãÒíÏ

إضافة جميلة بثقنية css3 كل يبحث عنها

متطلبات التركيب
الخطوات التالي هي مثالية بالنسبة للمبتدئين الذين لديهم أقل عن معرفة لغة HTML الإرشادات التالية هي واضحة للغاية بحيث يمكن لأي شخص بسهولة تطبيقها. اتبع التعليمات التالية بشكل صحيح.
الخطوة الأولي: إضافة الجزء الأول CSS:
انتقل إلى لوحة التحكم توجه إلى صفحة >> القالب > ثم> تحرير HTML .
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة. اشر علامة توسيع قوالب .الآن في البحث عن ]]></b:skin> ثم قبله مباشرة ألصق الكود الآتي:
للبحث اضغط على CTRL+F

/*===MBL METRO UI Menu==*/

body {
 font-family:sans-serif;
}
a {
 text-decoration:none;
}
.mblmetromenu {
 width:960px;
 margin:auto;
}
@media screen and (max-width:960px) {
 .mblmetromenu {
 width:100%;
 }
}

/* MblMetroMenu */
.MblMetroMenu {
 position:relative;
}
.om-nav {
 position:absolute;
 width:100%;
 z-index:999;
 display:none;
}
.om-ctrlbar {
 width:100%;
 height:48px;
}
.om-ctrlitems {
 margin:auto;
 padding:0px;
 height:48px;
 display:inline-block;
 text-align:center;
}
.om-ctrlitem {
 height:48px;
 width:48px;
 display:none;
 cursor:pointer;
 float:left;
 opacity:0.5;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
 filter: alpha(opacity=50) !important; /* For IE8 and earlier */ }
.om-ctrlitem:hover {
 opacity:0.8;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
 filter: alpha(opacity=80) !important; /* For IE8 and earlier */ }
.om-activectrlitem {
 opacity:1 !important;
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
 filter: alpha(opacity=100) !important; /* For IE8 and earlier */ }
.om-controlitems {
 width:960px;
 margin:auto;
}
.om-controlitem {
 height:48px;
 cursor:pointer;
}
.om-closenav {
 float:left;
}
.om-movenext {
 float:right;
}
.om-itemholder {
 margin:auto;
 padding:20px 0px;
}
@media screen and (max-width:960px) {
 .om-closenav {
  position:absolute;
  z-index:9999;
  left:0;
  top:0;
 }
 .om-movenext {
  position:absolute;
  z-index:9999;
  right:0;
  top:0;
 }
 .om-controlitems {
  width:100%;
 }
 .om-itemholder {
  width:100%;
 }
 }
.om-centerblock {
 display:inline-block;
}
.om-item {
 display:none;
}
.om-showitem {
 margin:5px;
 float:left;
 display:none;
}
/* END MblMetroMenu */

/* TILE BUTTONS */
/* Standar Buttons */
.tile-bt {
 text-align:center;
 cursor:pointer;
 width:90px;
 height:90px;
}
.tile-bt a {
 display:block;
 padding-top:12px;
 text-decoration: !important;
}
.tile-bt img {
 margin:0 auto 0 auto;
 padding-bottom:5px;
 height:48px;
 width:48px;
 position:relative;
 display:block;
}
.tile-bt span {
 font-size:12px;
 padding-bottom:10px;
 display:block;
}
.tile-bt:active {
 opacity:0.5;
}
/* End Standard Buttons */


/* Large Buttons */
.tile-bt-large {
 width:190px;
 height:90px;
 line-height:90px;
 text-align:center;
 cursor:pointer;
}
.tile-bt-large a {
 display:block;
 text-decoration: !important;
}
.tile-bt-large img {
 vertical-align: middle;
 margin:auto;
 padding:0px;
 position:relative;
 width:48px;
 height:48px;
}
.tile-bt-large span {
 vertical-align: middle;
 display:inline;
}
.tile-bt-large:active {
 opacity:0.5;
}
/* End Large Buttons */
/* Extralarge Buttons */
.tile-bt-extralarge {
 text-align:center;
 cursor:pointer;
 width:190px;
 height:190px;
}
.tile-bt-extralarge a {
 display:block;
 padding-top:52px;
 text-decoration: !important;
}
.tile-bt-extralarge img {
 margin:0 auto 0 auto;
 padding-bottom:22px;
 height:80px;
 width:80px;
 position:relative;
 display:block;
}
.tile-bt-extralarge span {
 font-size:14px;
 padding-bottom:20px;
 display:block;
}
.tile-bt-extralarge:active {
 opacity:0.5;
}
/* End Extralarge Buttons */

/* END TILE BUTTONS */

/* SHADOW LIST */
.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red {
 /*display:inline-block;*/
}
.shadow-white:hover {
 box-shadow:0px 0px 6px 3px #fff;
 -webkit-box-shadow:0px 0px 6px 3px #fff;
 -moz-box-shadow:0px 0px 6px 3px #fff;
 -o-box-shadow:0px 0px 6px 3px #fff;
 -ms-box-shadow:0px 0px 6px 3px #fff;
}
.shadow-blue:hover {
 box-shadow:0px 0px 6px 3px #38D1F7;
 -webkit-box-shadow:0px 0px 6px 3px #38D1F7;
 -moz-box-shadow:0px 0px 6px 3px #38D1F7;
 -o-box-shadow:0px 0px 6px 3px #38D1F7;
 -ms-box-shadow:0px 0px 6px 3px #38D1F7;
}
.shadow-green:hover {
 box-shadow:0px 0px 6px 3px #AACA37;
 -webkit-box-shadow:0px 0px 6px 3px #AACA37;
 -moz-box-shadow:0px 0px 6px 3px #AACA37;
 -o-box-shadow:0px 0px 6px 3px #AACA37;
 -ms-box-shadow:0px 0px 6px 3px #AACA37;
}
.shadow-red:hover {
 box-shadow:0px 0px 6px 3px #E81750;
 -webkit-box-shadow:0px 0px 6px 3px #E81750;
 -moz-box-shadow:0px 0px 6px 3px #E81750;
 -o-box-shadow:0px 0px 6px 3px #E81750;
 -ms-box-shadow:0px 0px 6px 3px #E81750;
}
.shadow-black:hover {
 box-shadow:0px 0px 6px 3px #444;
 -webkit-box-shadow:0px 0px 6px 3px #444;
 -moz-box-shadow:0px 0px 6px 3px #444;
 -o-box-shadow:0px 0px 6px 3px #444;
 -ms-box-shadow:0px 0px 6px 3px #444;
}
/* END SHADOW LIST */
/* BACKGROUND LIST */
/* Solid Colors */
.solid-blue { background:#00BBE2; }
.solid-blue-2 { background:#2C84EE; }
.solid-darkblue { background:#044E94; }
.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-red-2 { background:#E81750; }
.solid-pink { background:#FF539B; }
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-orange-3 { background:#DD5F37; }
.solid-coral { background:#CD5B45; }
.solid-green { background:#67B239; }
.solid-green-2 {background:#96BF01; }
.solid-darkgreen { background:#016C38; }
.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }
.solid-darkred { background:#5F0000; }
.solid-gold { background:#FEE9AE; }
.solid-yellow { background:#F7D100; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }
/* End Solid Colors */

/* MISC */
.clearspace { clear: both; }
.floatleft { float:left; }
.floatright { float:right; }
.none { display: none !important; width:0px !important; }
.light-text {
 color:#fff;
}
.dark-text {
 color:#1e1e1e;
}
.gradient {
 background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
 background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
}
.margin-5 { margin:5px; }

ثم قم بحفظ القالب ، الآن دمجنا جزء CSS في قالب دعونا نرى كيفية استخدامها.الخطوة الثانية: الجزء الثاني HTML: في قائمة تحكم مدونتك توجه إلى تخطيط و أضف أدات HTML/Javascript و ألصق فيها الكود التالي في المكان الذي تريد أن تظهر فيه الإضافة.

<!-- mblmetromenu -->
<div class="mblmetromenu">

<div data-navid="om-nav" class="tile-bt-extralarge solid-violetred shadow-black margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirThx3w6TCsOPpKzO0ss_26tHi4QLertBLW5Ul8twjSEkrQXE13sbAhHP9WiGzjeIwW51DxSDAkKFx6FLcU2vhO_ML4I8KtQw9idw1u6TEN-QgtBuBFIP32fU16mpdtkUwtPLYxvc1xYA/s1600/home.png" alt="" />
<span class="light-text">Homepage</span>
</a>
</div>
    
<div data-navid="om-nav" class="tile-bt-large solid-coral shadow-red margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgltMuWG_J6cdnW9UBhXiOYfo8grCOvkN-kSHH1h4w-wjLl9A5MFkfKlsV5wmuTsyY-1OX94qNc_llXpG3eH-PduwOMrrjN6t0VbZ-Teh8n-AqGoQws3HkNdKhWslKMiqFvG-k0IXH0dO8/s1600/messanger.png" alt="" />
<span class="light-text">About US</span>
</a>
</div>
    
<div data-navid="om-nav2" class="tile-bt solid-purple shadow-blue margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmPGFS9cePr0u_oIYFcO6ZUVYMx53fbEpHIYgwZXM9QdINq3oUJXi93GwCyg_tkiIhFMax_uflteAA2en2XkIdi1GF5uYWuGCH8hX8Mody6ubokft9kJ6RAZmXIthW729sGmJdb5uhoo/s1600/rss.png" alt="" />
<span class="light-text">Rss Feeds</span>
</a>
</div>
    
 <div data-navid="om-nav" class="tile-bt-large solid-red shadow-red margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp1ub2OvOKe-W2ANwek6hcja6S9n91dtxauz5ISFw2B-BCenNmvYqLCE8hFQGScjDMBWgHhfqDwdR7kRmrtOmncbhoVPcoeJ63qNFMC7ffXN-1a6U8YNjgCffw4JGGlYAZvOdhoybGx6c/s1600/search.png" alt="" />
<span class="light-text">Search</span>
</a>
</div>
      
 <div data-navid="om-nav2" class="tile-bt solid-darkred shadow-red margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja73hLsKJJwwWFKGJZ92XMfxM9dZU-PaUGsAS-ZPMeJX7KrIrMW1VRsL_peu_3GdKwYWySh4cP3uDX0JY9oszPrlqO65Wr4YkE5oAUHbp4MTpKHXDha7u9WxGLB0kd0SaEgjO4lhfCHYY/s1600/mail.png" alt="" />
<span class="light-text">Contact US</span>
</a>
</div>
      
<div data-navid="om-nav2" class="tile-bt solid-black shadow-black margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIK7Iw5FbdBRUvZ4tgNCqx_GGkfh81nOt-YFioHZyIIr-8igm6irNNnBGUPPiHAGRSuqIYl_-4CyaKHNBi0Uo-BL5Kq8H3B8CAMWIbijP9rCzB-xM4h2xkrT23lX0NGVvaKTO34fDKl0/s1600/help.pn" alt="" />
 <span class="light-text">Get HELP</span>
</a>
 </div>
      
<div data-navid="om-nav2" class="tile-bt solid-orange shadow-black margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1SdjdBkA4YxYOdX3udSNwak4N5vMf-7WwX-rn879SgrJ3hfMkmTOJJau37TRDXxQnXeie82sFeLatjF4FAg1_-S97Oh1ni4fgjL_4pEoX3j3Tz18bom41H_FZPvpPOVg8M62qmFfCjOI/s1600/youtbe.png" alt="" />
<span class="light-text">YouTube</span>
</a>
</div>
      
<div data-navid="om-nav2" class="tile-bt solid-darkblue shadow-blue margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrkp3HT19ueUt6yPmpFgL9CMkI8brdNdfSxF5fjQn11U9E6aU1rZKW5ArI3a26cq-YcQuboYh8A5DFGoL5PCLFKA0lNUTWb5LTdWafeAujaYnTl7q1S-Ay7o-YYRq-vD9f0R7uS_oCVw4/s1600/face.png" alt="" />
<span class="light-text">Facebook</span>
</a>
</div>
      
<div data-navid="om-nav" class="tile-bt-large solid-blue shadow-blue margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF99GfJaHxmwhU6ZgwccnZvgiGH5QCGHThJaAlW_eVgvxO1yn2L34rOFLlYVzYrR8gSF7EmX0qOdEr9GEV_GOHlizlECho-5t7VBd9T_RrZYuD3SqqZHY4J3LALgq1_aIKtDC5FUX53ho/s1600/photo.png" alt="" />
<span class="light-text">Photos</span>
</a>
</div>
      
<div data-navid="om-nav2" class="tile-bt solid-olive shadow-green margin-5 floatleft MblMetroMenu">
<a href="#" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirHWqD4KJEKTbzfDUlnJVLj0bpIfdfgvY2KrYrKH2w018WzICLpD9-9pArIKBBWJqUoTPYDm2ftXd6sL7wj2TVaDaLGVVpAeOLzrXplTajtEjvIHIcXbwksH7OqfUZJ_X1VgA-wzouu_c/s1600/music.png" alt="" />
<span class="light-text">Music</span>
</a>
 </div>
      
<div data-navid="om-nav" class="tile-bt-large solid-blue-2 shadow-blue margin-5 floatleft MblMetroMenu">
<a href="http://konozblog.blogspot.com" class="gradient">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ClYJncLh8ZjvgO5sAS1umn0zqAmNUO191EE19zyLhNl90ePaUJsyj3h7G9E59bN8A6R9en0fnuWho1E9HabkKJztlTvuE6ItwiP_A7oCiq6DgbCKST8LjtznBGgf1upAag0U4gLGgBs/s1600/MBL.png" alt="" />
<span class="light-text">konozblog</span>
</a>
</div>
        <!-- End MblMetroMenu -->
  </div>
<!-- END mblmetromenu -->

للتعديل قم بكتابة مكان الكتابة بالأزرق ما تريد و مكان علامة # الرابط 


هذا كل شيء. وقد تم دمج وجهة نظام ويندوز 8 تبدو وكأنها قائمة التنقل في موقع الويب الخاص بك.

تذكر: يمكن استخدام هذه القائمة على أي منصة تدعم HTML أو CSS والخ.

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

ÇÞÑÁ ÇáãÒíÏ

اضف دردشة مثل دردشة الفيس بوك الى مدونة بلوجر

اضف دردشة مثل دردشة الفيس بوك الى مدونة بلوجر

أولا اذهب الى قالب ، ثم تحرير HTML ، و ابحث عن </body>

و الصق هذا الكود فوقه مباشرة 

<script type="text/javascript">
var __lc = {};
__lc.license = 2869162;

(function() {
 var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
 lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
})();
</script>

ÇÞÑÁ ÇáãÒíÏ