404
الصفحة او الكلمة التي تبحث (ي) عنها لا يوجد ما يطابقها

السبت، 23 أبريل، 2016

إضافة قائمة احترفية مثل عالم المدون


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

تركيب الإضافة

اولا قم بأخذ نسخة احتياطية من قالب مدونتك لنجنب حدوث اى مشكلة .

1- قم بالبحث عن  ]]></b:skin> هذا الوسم فى قالب مدونتك ثم قوم بوضه فوقه الكود التالى ( قبله )

div#entry-post-content {
overflow: hidden;background: #2a4057;
  margin: -5px auto;
  position: relative;
  height: 300px;
  border: 5px solid #fff;
  width: 99%;
  box-shadow: 0 0 0 1px #cccccc;
  margin-bottom: 10px;
  margin-top: 10px;
}
div#entry-post-content > img {
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.post-meta-entry {
  position: absolute;
  top: 0;
  text-align: center;
  margin: 0 auto;
  padding-top: 40px;
  bottom: 0;
  right: 0;
  left: 0;
}
.post-meta-entry > span {
  display: block;
  color: #fff;
  margin-bottom: 4px;
}
img.katib-src {
  border: 0;
  border-radius: 50%;
  width: 50px;
  padding: 5px;  margin-bottom: 10px;
}

h3.post-title.entry-title54:before {
  content: "\f011a5";
  display: none;
}
span.post-author-th3 {
  color: #FFFFFF;
  font-size: 20px;
}
.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
  margin-right: 2px;
}
.ardfst2 {
  margin-top: 15px;
  margin-bottom: 15px;
}
span.shadfdfrek {
  color: #FFFFFF;
  font-size: 15px;
}
.gbdgardfst2 {
  margin-right: 463px;
}

.facebook-share:hover {
  transition: all .2s ease-in-out;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.twitter-share:hover {
  transition: all .2s ease-in-out;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.google-share:hover {
  transition: all .2s ease-in-out;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
h1.post-title.entry-title {
  color: #FFFFFF;
  background-color: #456B8E;
}
i.fa.fa-twitter {
  color: #fff;
  display: block;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 44px;
  margin-left: 11px;
}
i.fa.fa-google-plus {
  color: #fff;
  display: block;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  margin-top: -40px;
  margin-right: 44px;
}
i.fa.fa-facebook {
  color: #fff;
  display: block;
  font-size: 22px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  margin-right: -45px;
}
h3.post-title.entry-title54 {
  margin-top: 20px;  margin-bottom: 25px;
}

2- الكود الخاص بالإضافة هذا الكود يتم وضعه فى المكان الذى تراه مناسب ومن الممكن ان يضف أسفل الوسم </header> فى قالب مدونتك .


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='enter-posts'><div id='entry-post-content'>
<img src='http://3.bp.blogspot.com/-uqabgsYy1ig/VmcReCIGhoI/AAAAAAAAAmg/SRfXKWrDcMk/s1600/home.jpg'/>
<div class='post-meta-entry'>
<div class='po454d'>
<div class='po4jh54d'>
<img class='katib-src' src='https://3.bp.blogspot.com/-J3F__nwkA7g/VxT4HzqDF_I/AAAAAAAASi8/742CJzINLW06Raj0ibyNGDpNgdV_OxN3QCLcB/s1600/10401879_463780717160047_3223573746725786489_n.png'/>
</div>
<span class='post-author-th3'>
<i class='fa fa-user'/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  <meta content='http://wdbloog.blogspot.com/' itemprop='url'/>
<a class='g-profile' data-gapiattached='true' data-gapiscan='true' data-onload='true' href='http://wdbloog.blogspot.com/' rel='author' style='color: #FFFFFF;font-family: Electrolize,hacen_saudi_arabiaregular;' title='عالم المدون'>
عالم المدون
</a>
</span>
</span>
</div>
<h3 class='post-title entry-title54' style='color: #FFFFFF;'>طريقك لإحتراف التدوين لدينا كل ما يحتاجه المدونون معنا ستصبح مدون محترف</h3>
<div class='goo-twi-fac-art2'>
<div class='ardfst2'>
<span class='shadfdfrek'>شارك هذه التدوينة على</span>
</div>
<div class='gbdgardfst2'>
<ul>
<div class='facebook-share'>
<a class='fac-art2' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, right=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'><i class='fa fa-facebook' style='margin-bottom: -40px;background-color: #3B5998;border-radius: 50%;'/></a>
</div>
<div class='twitter-share'>
<a class='twi-art2' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, right=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter' style='border-radius: 50%; background-color: #00ACED;width: 39px;'/></a>
</div>
<div class='google-share'>
<a class='goo-art' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, right=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus' style=' border-radius: 50%;background-color: #D14836;'/></a>
</div>
</ul>
</div>
</div>
</div>
</div>
</div>
</b:if>

يمكنك تعديل على وصف المدونه بما تريد وكذلك اسم المدون والصورة .


والى هنا ينتهى الشرح اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)


مواضيع أخر من المدونة

شارك الموضوع ليستفيد الجميع

هناك 20 تعليقًا:

أنت المبدع
ممكن الإتصال بك من أجل قالب مدونتك الحالي
zaraijohn@gmail.com

شكرا لك اخى
ولكن قالب المدونة الحالى لايمكن مشاركتة اسف
المرة القادمه اخى قم بطلب ما تريد فى كن الأسئلة
http://wdbloog.blogspot.com/p/blog-page_11.html

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

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

اخي اريد اضافة ترقيمالصفحات فب قالب مدونة المحترف بالشكل الجديد ارجو الرد

اخي كيف اقوم بتركيبها علي هذا القالب مدونة المحترف القديم

تابع الشرح فقط وسوف تعمل معك

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

اريدها ان تضهر في الصفحة الرئيسية

<b:if cond='data:blog.pageType == &quot;item&quot;'>

</b:if>
قم بحذف هذين الكودين من الكود التانى


لم أجدها في القالب ممكن تكون معدل عليها في القالب

ما الذى لم تجده اخى الكريم

انا اريد أن يكون اسم الموضوع مع الصورة في كل موضوع وليست ثابتة في كل المواضيع اسم المدونة مثل مدونة حوحو الجديدة

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

شكرا على ردكم بانتظارك

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر