Home ADDblogger اضافة تعريف كاتب التدوينة لكل كاتب على البلوجر المزيد:

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

معاينة الاضافة : 


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

كيفية عمل الاضافة :


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


<b:if cond='data:post.author == &quot;أحمد&quot;'>



أظهرني فقط في تدوينات الكاتب أحمد



</b:if>

في الشرط السابق سوف يظهر النص في التدوينات التى كتبت بواسطة المؤلف أحمد فقط دون غيرة، كما يمكنك استخدام else كما تعلمنا سابقاً هكذا: 

<b:if cond='data:post.author == &quot;أحمد&quot;'>



أظهرني فقط في تدوينات الكاتب أحمد





<b:else/>


خلاف ذلك، أظهرني لجميع التدوينات الأخرى





</b:if>

 طريقة تركيب الاضافة :

1- تركيب تصميم CSS الاضافة لقالبك:

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

أدخل للبلوجر www.blogger.com
  اختر المدونة التي تريد التعديل عليها .
اختر من القائمة الجانبية تعديل HTML كما في الصورة أدناه
  ستظهر لك صفحة أخرى اضغط في الصورة أدناه
بعدها ستظهر لك صفحة تحمل كود HTML ، اضغط على CTRL+F لتوليد اضافة البحث يمكن استعمالها للبحث عن الأكواد أنظر الصورة أدناه .

ابحث عن الكود التالي في خانة البحث : ]]></b:skin>
وأضف فوقه الكود التالي :
.articleAuthor {
padding:20px;
background:#fafafa;
border-top: 1px solid #d2d2d2;
overflow:hidden;
}
.borderTitle {
display:block;
margin-bottom:15px;
overflow:hidden;
font-size: 16px;
font-weight:bold;
color:#555;
}
.borderTitle span {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
font-size: 16px;
font-weight:bold;
color:#555;
}
.authorLeft {
float:left;
margin-right:10px;
overflow:hidden;
}
.authorLeft .authorAvatar {
margin-bottom:10px;
overflow:hidden;
}
.authorLeft .authorAvatar img {
background: #fff;
padding: 5px;
border: 1px solid #e5e5e5;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.authorSocial {
overflow:hidden;
float:right;
padding-top:10px;
}
.authorContent {
overflow:hidden;
}
.authorDetails {
overflow:hidden;
margin-bottom:5px;
}
.authorDetails h2 {
float:left;
font-size: 16px;
font-weight:bold;
color:#555;
}           
.authorDetails span {
display:block;
padding-top:3px;
float:right;
}
.articleAuthor .authorContent p {
line-height:20px;
text-shadow:1px 1px 0px #fff;
margin-bottom: 10px;
}
.authorLeft .authorProfile {
overflow:hidden;
}
.authorLeft .authorProfile a {
display:block;
float:left;
color: #666;
margin: 0px 1px;
width: auto;
height: auto;
background: #ececec;
padding:5px 10px;
outline: none;
border: 1px solid #d8d8d8;
border-bottom: 1px solid #ccc;
border-radius: 0px;
cursor: pointer;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
}

#footerCopyrights .footerSocial {
float: right;
padding-top: 10px;
}
.footerSocial .social {
margin: 0px;
padding: 0px;
}
.footerSocial .social li {
float: left;
margin-left: 4px;
height: 24px;
width: 24px;
}
.footerSocial .social li a {
display: block;
height: 24px;
width: 24px;
opacity:0.5;
filter: alpha(opacity=0.5); /* For IE7 */
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footerSocial .social li a:hover {
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
}
.footerSocial .social li a:hover {
opacity:1;
filter: alpha(opacity=1); /* For IE7 */
filter: alpha(opacity=40);
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.footerSocial .social li .twitter {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnbxM6wJscJczp6xK-Bjj0iz63L9Nvlnk4b83TT2K0k7NOj0zG7uGtM5DrmfrUK_Y2Q9_jwCiGuNuf8Yrd9LbayvKwdetixwSCjpa9oOoJ8IH8u2XVidLKQFlnx7HSCRwJpZYEnD6QppX/s1600/Twitter.png);
}
.footerSocial .social li .twitter:hover {
background: #06c4f2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnbxM6wJscJczp6xK-Bjj0iz63L9Nvlnk4b83TT2K0k7NOj0zG7uGtM5DrmfrUK_Y2Q9_jwCiGuNuf8Yrd9LbayvKwdetixwSCjpa9oOoJ8IH8u2XVidLKQFlnx7HSCRwJpZYEnD6QppX/s1600/Twitter.png);
}
.footerSocial .social li .facebook {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZQPg2uVIpFYT4isKqZ-Vml7Q7bKX8pQM3M9mjzd2eTU8Vxf70nzYSxnU7u5eoQG3CVgT5QiQURcQPVcs085UkvESDELfr1WgsjWJgmOvL6SJUs6M8a-qaNS7CZzzelzwfgRgBvKatkeF-/s1600/Facebook.png);
}
.footerSocial .social li .facebook:hover {
background: #5b78af url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZQPg2uVIpFYT4isKqZ-Vml7Q7bKX8pQM3M9mjzd2eTU8Vxf70nzYSxnU7u5eoQG3CVgT5QiQURcQPVcs085UkvESDELfr1WgsjWJgmOvL6SJUs6M8a-qaNS7CZzzelzwfgRgBvKatkeF-/s1600/Facebook.png);
}
.footerSocial .social li .rss {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIFNZroAGdGjFKx06HirsHNUt7cx4i_tJf6c_mNNxCowoI6BzCedUJNY_HCI4t95kh9xH58gORQeQx6U31KHxnf8uYtvAs-HGNceZRGQEeq1M_8JiVFyjTtGGKFyI-ITRccV4ugVuv6U09/s1600/RSS.png);
}
.footerSocial .social li .rss:hover {
background: #fc8e28 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIFNZroAGdGjFKx06HirsHNUt7cx4i_tJf6c_mNNxCowoI6BzCedUJNY_HCI4t95kh9xH58gORQeQx6U31KHxnf8uYtvAs-HGNceZRGQEeq1M_8JiVFyjTtGGKFyI-ITRccV4ugVuv6U09/s1600/RSS.png);
}
.footerSocial .social li .vimeo {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitHew7tsxCHrStoyynsEUWZh2acwsJzNh4ATC0Das-u8dZ7S78rCq91UsQisB_rWxSgxeltUVg-BmrkbcI7J-PHO_PFvAU1HYIvQs545bj76l58kruA3X1XRyuGAfWcWmff0wAmz9rFtT0/s1600/vimeo_2.png);
}
.footerSocial .social li .vimeo:hover {
background: #49bbe1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitHew7tsxCHrStoyynsEUWZh2acwsJzNh4ATC0Das-u8dZ7S78rCq91UsQisB_rWxSgxeltUVg-BmrkbcI7J-PHO_PFvAU1HYIvQs545bj76l58kruA3X1XRyuGAfWcWmff0wAmz9rFtT0/s1600/vimeo_2.png);
}
.footerSocial .social li .tumblr {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNPMEuhIuDsicN1tBcgI0pRZdrFimUvb6o674SdybioEtNvW5XjId2UhqvjvMprkDA0qASR5F0MPWJCVJhZluVNaEE-GnVXizg5OlDkIJuPPfioE0qxM4R1ipoXLP13MzYmAP2AoN0_2FY/s1600/Tumbler.png);
}
.footerSocial .social li .tumblr:hover {
background: #2f669e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNPMEuhIuDsicN1tBcgI0pRZdrFimUvb6o674SdybioEtNvW5XjId2UhqvjvMprkDA0qASR5F0MPWJCVJhZluVNaEE-GnVXizg5OlDkIJuPPfioE0qxM4R1ipoXLP13MzYmAP2AoN0_2FY/s1600/Tumbler.png);
}
.footerSocial .social li .stublupon {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPV6EdmPjmhedyiNSG8NgnmpwEstxJjQfuEZyM7JdtzvQk3bOLIOzKfViotUfGk3uGJr9v5sOQSCfBoH5KJLsmWMK3DIj8Q9au6fn6SbkeziWlSu9H8_HN1JeCxTnx2JX90j3YL55xeDxW/s1600/StubleUpon.png);
}
.footerSocial .social li .stublupon:hover {
background: #eb4924 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPV6EdmPjmhedyiNSG8NgnmpwEstxJjQfuEZyM7JdtzvQk3bOLIOzKfViotUfGk3uGJr9v5sOQSCfBoH5KJLsmWMK3DIj8Q9au6fn6SbkeziWlSu9H8_HN1JeCxTnx2JX90j3YL55xeDxW/s1600/StubleUpon.png);
}
.footerSocial .social li .youtube {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXV5cbuEEG7OiTag8KrB5dMMXAbYnRJwRt0uHtKCdHCXbqdOhBZqBRzYp3EixAV-gvL6r6vdADrxiMXGhHCTEwDFwDRE55fLUKOk81F3IPeRhvY_0kozTPQKnDgA5gvLEHdVxKLZ4coHKc/s1600/YouTube.png);
}
.footerSocial .social li .youtube:hover {
background: #e43033 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXV5cbuEEG7OiTag8KrB5dMMXAbYnRJwRt0uHtKCdHCXbqdOhBZqBRzYp3EixAV-gvL6r6vdADrxiMXGhHCTEwDFwDRE55fLUKOk81F3IPeRhvY_0kozTPQKnDgA5gvLEHdVxKLZ4coHKc/s1600/YouTube.png);
}
.footerSocial .social li .skype {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigNYM3JrosqZs2FzS4NCIxy6ITLx0kYN3X4yz2UXE1X87yAbpfO05k8ptMuhJQwnHGXM23V8jicQ-2zwTwEPaPHmv3JusAhmd5LsaJipNaBlDpWOKBfqOk348sNTBWVC6_73VmZf9ukrOO/s1600/Skype.png);
}
.footerSocial .social li .skype:hover {
background: #1bb7e1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigNYM3JrosqZs2FzS4NCIxy6ITLx0kYN3X4yz2UXE1X87yAbpfO05k8ptMuhJQwnHGXM23V8jicQ-2zwTwEPaPHmv3JusAhmd5LsaJipNaBlDpWOKBfqOk348sNTBWVC6_73VmZf9ukrOO/s1600/Skype.png);
}
.footerSocial .social li .dribbble {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmYvmeJxgnn6I8iuGPQoq_XsT07pl8FYnWkc4TxlpsDGk0KPziR8WlU7qfK61x5aK0nc5gI40ohoGFo96PNnqGw6oiUzel3shKmw55l1mVmnEvcimWVyc4FazfLvj0-kqobKQm-F-SP-J7/s1600/dribbble_2.png);
}
.footerSocial .social li .dribbble:hover {
background: #d33076 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmYvmeJxgnn6I8iuGPQoq_XsT07pl8FYnWkc4TxlpsDGk0KPziR8WlU7qfK61x5aK0nc5gI40ohoGFo96PNnqGw6oiUzel3shKmw55l1mVmnEvcimWVyc4FazfLvj0-kqobKQm-F-SP-J7/s1600/dribbble_2.png);
}
.footerSocial .social li .wordpress {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikH6cRM5e7z2MdQ_wMkNt7q5ZUTFfVy7rV7xDN8wseyN2kWNxGC4Jeyb2CZHo3l8cgJQmLsDMjwP0vJ0xbYvj-5Ee9MVaGUQzmmamZB4F7XGtdE6q-iRWmeDPxPfsXydsuGUgoPVAJ9ILh/s1600/Wordpress.png);
}
.footerSocial .social li .wordpress:hover {
background: #656565 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikH6cRM5e7z2MdQ_wMkNt7q5ZUTFfVy7rV7xDN8wseyN2kWNxGC4Jeyb2CZHo3l8cgJQmLsDMjwP0vJ0xbYvj-5Ee9MVaGUQzmmamZB4F7XGtdE6q-iRWmeDPxPfsXydsuGUgoPVAJ9ILh/s1600/Wordpress.png);
}

2- تركيب محرك الاضافة HTML :

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

نبحث عن الكود التالي :

<div class='post-footer'>


في حالة لم تجده ابحث عن الكود التاالي :
<b:loop values='data:post.labels' var='label'>


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

ان وجدت الكود <div class='post-footer'>  ضع تحته الكود التالي مع تغيير ما بالألوان المخالفة للون الأسود .

<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:post.author == &quot;Tajari Lhoos&quot;'>                            <div class='articleAuthor'>
                              <h2 class='borderTitle'>
                                <span>
                                 عن  المحرر :                                </span>
                              </h2>
                              <div class='authorLeft'>
                                <div class='authorAvatar'>
                                  <img alt='الصورة الشخصية للكاتب' class='avatar avatar-92 photo' height='92' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznAbIGKsY5KRhpF_2_qJMHe1rjErStlU2CwQPXhBr_qmOWVWaYo_Qa-17LDl2DglxhuQt58MpNIB3_FayuuOb5agUS6ZWpANktT1JQLakZPKUDpVE80qsnWeFwhozuKF9EQtYsLJfbmA/s200/1460051_551354661609012_1537655512_n.jpg' width='92'/>
                                </div>
                                <!--End AuthorAvatar-->
                                <div class='authorProfile'>
                                  <a class='iframe' href='http://lhoosnet.blogspot.com' rel='author' title='الموقع الرسمي لمؤلف التدوينة'>
                                    الموقع الرسمي
                                  </a>
                                </div>
                                <!--End Profile-->
                              </div>
                              <!--End Author Left-->
                              <div class='authorContent'>
                                <div class='authorDetails'>
                                  <h2>
                                  Tajari Lhoos
                                  </h2>
                                </div>
                                <!--End AuthorDetails-->
                                <p>
                                  طالب ومدون مغربي &#1548; أحاول مشاركة الآخرين معارفي حول الانترنت والحاسوب بشكل عــام مع مستخدم الانترنت &#1548; عن طريق هذه المدونة
                                </p>
                                <div class='authorSocial'>
                                  
<div class='footerSocial'>
              <ul class='social'>
                <li>
                  <a class='twitter' href='https://www.twitter.com/Tajari_Lhoos' title='تابعني على تويتر'/>
                </li>
                <li>
                  <a class='facebook' href='https://www.facebook.com/lhoosnet' title='تابعني على فيسبوك'/>
                </li>
                <li>
                  <a class='rss' href='http://feeds.feedburner.com/blogspot/WDwql' title='تابع خلاصات المدونة RSS'/>
                </li>
                <li>
                  <a class='vimeo' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='youtube' href='http://www.youtube.com/lhoosnet?feature=sub_widget_1' title='تابعني على اليوتوب'/>
                </li>
                <li>
                  <a class='tumblr' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='stublupon' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='skype' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='dribbble' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='wordpress' href='#' title='ليس لدي بعد حساب'/>
                </li>
              </ul>
            </div>
                                </div>
                              </div>
</div>
                              <!--By www.lhoosnet.blogspot.com End AuthorContent-->
                            
</b:if>
                          </b:if>

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

3- لتركيب هذه الاضافة لكاتب ثاني :

ابحث عن الكود
<div class='post-footer'>
ضع أسفله الكود التالي وغير ما بالألوان .
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:post.author == &quot;اسم الكاتب الثاني&quot;'>                            <div class='articleAuthor'>
                              <h2 class='borderTitle'>
                                <span>
                                 عن  المحرر :                                </span>
                              </h2>
                              <div class='authorLeft'>
                                <div class='authorAvatar'>
                                  <img alt='الصورة الشخصية للكاتب' class='avatar avatar-92 photo' height='92' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznAbIGKsY5KRhpF_2_qJMHe1rjErStlU2CwQPXhBr_qmOWVWaYo_Qa-17LDl2DglxhuQt58MpNIB3_FayuuOb5agUS6ZWpANktT1JQLakZPKUDpVE80qsnWeFwhozuKF9EQtYsLJfbmA/s200/1460051_551354661609012_1537655512_n.jpg' width='92'/>
                                </div>
                                <!--End AuthorAvatar-->
                                <div class='authorProfile'>
                                  <a class='iframe' href='http://lhoosnet.blogspot.com' rel='author' title='الموقع الرسمي لمؤلف التدوينة'>
                                    الموقع الرسمي
                                  </a>
                                </div>
                                <!--End Profile-->
                              </div>
                              <!--End Author Left-->
                              <div class='authorContent'>
                                <div class='authorDetails'>
                                  <h2>
                                  اسم الكاتب الثاني
                                  </h2>
                                </div>
                                <!--End AuthorDetails-->
                                <p>
                                  طالب ومدون مغربي &#1548; أحاول مشاركة الآخرين معارفي حول الانترنت والحاسوب بشكل عــام مع مستخدم الانترنت &#1548; عن طريق هذه المدونة
                                </p>
                                <div class='authorSocial'>
                                  
<div class='footerSocial'>
              <ul class='social'>
                <li>
                  <a class='twitter' href='https://www.twitter.com/Tajari_Lhoos' title='تابعني على تويتر'/>
                </li>
                <li>
                  <a class='facebook' href='https://www.facebook.com/lhoosnet' title='تابعني على فيسبوك'/>
                </li>
                <li>
                  <a class='rss' href='http://feeds.feedburner.com/blogspot/WDwql' title='تابع خلاصات المدونة RSS'/>
                </li>
                <li>
                  <a class='vimeo' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='youtube' href='http://www.youtube.com/lhoosnet?feature=sub_widget_1' title='تابعني على اليوتوب'/>
                </li>
                <li>
                  <a class='tumblr' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='stublupon' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='skype' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='dribbble' href='#' title='ليس لدي بعد حساب'/>
                </li>
                <li>
                  <a class='wordpress' href='#' title='ليس لدي بعد حساب'/>
                </li>
              </ul>
            </div>
                                </div>
                              </div>
</div>
                              <!--By www.lhoosnet.blogspot.com End AuthorContent-->
                            
</b:if>
                          </b:if>

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

كتبت بواسطة

كاتب في حضرموت اندرويد

@abdallhadagga

FB/abddallhadagga

اخر التدوينات بواسطة مطلق (شاهد كل التدوينات)

شارك على:
ADDblogger

شارك بتعليق :

0 comments:

الاشتراك في: تعليقات الرسالة (Atom)