السلام
عليكم و رحمة الله تعالى و بركاته اخواني اخواتي الكرام متتبعي مدونة لمتخصص
و
زوار قناة المتخصص
و
مدونة قناة المتخصص
اهلا و سهلا
بكم زوار و متتبعي مدونة المتخصص في هذا الشرح الجديد الذي يخص
اخي الكريم لا
تنسى ان تضع تعليقك اسفل الموضوع اذا اعجبك هذا الموضوع ....
سنبدأ بالشرح و
ما عليك الا قليل من التركيز فقط ، فالامر ليس بالصعب بل يتطلب قليل من الفهم و
التركيز.....
سنبدأ بالشرح و
ما عليك الا قليل من التركيز فقط ، فالامر ليس بالصعب بل يتطلب قليل من الفهم و
التركيز.....
السلام عليكم اخواني اخواتي متتبعي مدونة
المتخصص في هذا الدرس الجديد الضي سنشرك لكم فيه كيفية وضع القائمة الافقية
للمشاركات على المواقع الاجتماعية مثل الفايسبوك و التويتر و غوغل + و اليوتوب على
موقعنا او على مدونات بلوجر ، قصد تمكين الزوار من متابعتنا باستمرار على موقعنا و
ليصلهم كل جديد على موقعنا......
هذه القائمة يمكنم وضعها اسفل الهيدر او اسفل
المدونة او على مستوى كل تدويناتنا بحيث نقوم بادراج الكود الخاص بها في كل مرة
نقوم بالتدوين على مدونات بلوج راو في كل مرة نصيف محتوى على موقعنا ............
لنبدأ الشرح ، و الخطوات بسيطة جدا يمكن لأي
شخص استعمالها ..........
فقط ركز قليلا و طبق الخطوات خطوة بخطوة
.............
01-
نقوم بفتح مدونة بلوجر
02-
اذهب الى قالب و انقر عليه.
03-
تظهر لك صفحة القالب ، و منها انقر على HTML لتغيير الصفحة الى كود HTML ...
04-
نقوم بادراج و اضافة الكود التالي بحذافره مع
مراعات التغييرات بما يتوافق مع معلومات مدونتك ............
الكود هو :
<b:if
cond='data:blog.url == data:blog.homepageUrl'>
<div class='cta-cta'>
<div class='cta'>
<!-- 1st click to action -->
<div class='cta-1'/>
<a href='http://www.ecomedfot.blogspot.com'>متابعة أكثر ></a>
</div>
<div class='cta'>
<!-- 2nd click to action -->
<div class='cta-2'/>
<a href='www.topsat.koom.ma/vb'>متابعة أكثر ></a>
</div>
<div class='cta'>
<!-- 3rd click to action -->
<div class='cta-3'/>
<a href='http://feeds.feedburner.com/blogspot/SBWxz'>متابعة أكثر ></a>
</div>
<div class='cta'>
<!-- 4th click to action -->
<div class='cta-4'/>
<a href='https://www.facebook.com/abdo.bady90'>متابعة أكثر ></a>
</div>
<div class='cta'>
<!-- 5th click to action -->
<div class='cta-5'/>
<a href='https://www.youtube.com/channel/UCXoIozrHfZGYsqbDo1YTd1Q'>متابعة أكثر ></a>
</div>
</div>
<style>
.cta-cta {
background: #fff;
-moz-box-shadow: 0 0 5px
rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px
rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
width: 1004px;
margin: 0 auto;
margin-top: 40px;
height: 260px;
}
.cta {
text-align: center;
display: inline-block;
width: 18%;
margin: 0 8px 0%;
margin-top: 15px;
}
.cta-1{
background-color: #ff8833!important;
}
.cta-2{
background-color: #242222!important;
}
.cta-3{
background-color: #2665B6!important;
}
.cta-4{
background-color: #333!important;
}
.cta-5{
background-color: #ccc!important;
}
.cta-1{
display: block;
height: 12em!important;
width: 12em;
background-size: 100px 100px!important;
-webkit-border-radius: 16em;
-moz-border-radius: 16em;
border-radius: 16em;
padding: 2em;
}
.cta-2{
display: block;
height: 12em!important;
width: 12em;
background-size: 100px 100px!important;
-webkit-border-radius: 16em;
-moz-border-radius: 16em;
border-radius: 16em;
padding: 2em;
}
.cta-3{
display: block;
height: 12em!important;
width: 12em;
background-size: 100px 100px!important;
-webkit-border-radius: 16em;
-moz-border-radius: 16em;
border-radius: 16em;
padding: 2em;
}
.cta-4{
display: block;
height: 12em!important;
width: 12em;
background-size: 100px 100px!important;
-webkit-border-radius: 16em;
-moz-border-radius: 16em;
border-radius: 16em;
padding: 2em;
}
.cta-5{
display: block;
height: 12em!important;
width: 12em;
background-size: 100px 100px!important;
-webkit-border-radius: 16em;
-moz-border-radius: 16em;
border-radius: 16em;
padding: 2em;
}
.cta a {
background: #333;
color: #fff;
padding: 6px;
border-radius: 8px;
margin-right: 6px;
}
.cta-1 {
background: url(http://im59.gulfup.com/JmXrgh.png) no-repeat center
center;
margin-bottom: 18px;
}
.cta-2 {
background: url(http://im58.gulfup.com/8Prn4V.png) no-repeat center
center;
margin-bottom: 18px;
}
.cta-3 {
background: url(http://im57.gulfup.com/vSnFZi.png) no-repeat center
center;
margin-bottom: 18px;
}
.cta-4 {
background: url(http://im90.gulfup.com/JkVo73.png) no-repeat center
center;
margin-bottom: 18px;
}
.cta-5 {
background: url(http://im59.gulfup.com/dULGw0.png) no-repeat center
center;
margin-bottom: 18px;
}
</style>
</b:if>
اهم التعديلات و التغييرات:
قم بتغيير الروابط بما يناسب مدونتك..
من الكلمات background-color قم بتغيير الوان الايقونات التي
تظهر
من background: url قم بتغيير ان اردت ايقونات التي تظهر ......
قم بوضع هذا الكود في المكان الذي تريدف مثلا يمكنك ان
تضعه اسفل الهيدر، او اسفل الصفحة، او بداخل كل مشاركة ...............
الى هنا نستودعكم الله الذ لاتضيع ودائعه
نشكركم على هذه الزيارة ، و لا تنسو ان تسجلوا نفسكم في
مدونتنا من خلال وضع بريدكم الالكتروني ليصلكم كل جديد .....
مواضيع: محل البحث:
مواقع مفيدة:
مواقع مهمة
لزيارتها:
|
مدونة المتخضض
|
موقع ثاني جد رائع:
|
قناة المتخصص
|
صفحات مهمة على الفايسبوك:
|
صفحة جد غنية على
الفايسبوك:
|
قناة المتخصص على اليوتوب:
|
يمكنكم زيارة
منتداكم الجديد على الرابط
|
أو |
مدونة
البرامج المشروحة
|
مدونة
الطب
|
مدونة
الصور الغريبة
|
مدونة الفرنسية
|
مدونة الفضائيات
|
الربح من خلال مشاهدة الاعلانات paidverts
|
برامج انترنت و عناصر النت
|
ليست هناك تعليقات