اضافة follow تويتر الى بلوجر

 

اضافة follow على تويتر اضف الى مدونتك لمزيد من متابعة زائرى مدونتك لك وهى اضافة جميلة وهى تظهر كما هى بالصورة ويمكنك اضافتها فى اى مكان فى بلوجر واليك اضافتين :
الطريقة الاولى: اضفها فى العامود الجانبى او السفلى فى مدونتك
1- اذهب الى تخطيط واختر اضافة اداة جديدة HTML/Javascript فى المكان الذى تريده 
2 - اضف هذا الكود قم احفظ الاداة

<a href="http://twitter.com/hmada0077" class="twitter-follow-button">Follow @hmada0077</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

الطريقة الثانية: وهى ان يمكنك اضافة هذه الاادة اسفل او اعلى كل تدوينة فى مدونتك على حسب ما تريد لكن قم باخذ نسخة احتياطية من قالبك تحسبا لاى اخطاء .
1- اذهب الى قالب ثم اضغط على تحرير HTML.
2- ابحث عن هذا الكود 

 <data:post.body/>

3- ثم بعده مباشرة اضف هذا الكود اذا كنت تريد الاادة تظهر بعد الموضوع اما اذا كنت تريدها تظهر قبل الموضوع فاضفها قبل الكود السابق

<a href="http://twitter.com/hmada0077" class="twitter-follow-button">Follow @hmada0077</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

4- قم بحفظ وشاهد الاضافة على مدونتك. 

Résuméelnoba

اضافة ثلات اعمدة اسفل مدونة بلوجر

 
فى كثير من الاحيان يعجبك قالب معين ولكن تفاجئ انه ليس به اعمدة فى اسفله مع انك بحاجة الى ذلك . لكن الان مع هذه الاضافة يمكنك اختيار اي قالب تريد حتى ولو لم يكن به اعمدة فى اسفله او حتى لو معك قالب فى مدونتك تريد ان تضيف له ثلاث اعمدة فى الاسفل فاليك هذه الاضافة الجميلة التي طبقتها على مدونتي فمدونتي لم يكن بها اعمدة فى الاسفل ولكنى قمت باضافتها واليك الخطوات 1- اذهب الى قالب ثم اضغط على تحرير HTML.
2- ابحث عن هذا الكود .

]]></b:skin>

3 - ثم قبله مباشرة اضف هذا الكود

/* -----   LOWER SECTION   ----- */
#lower {
       margin:auto;
       padding:0px 0px 0px 0px;
       width:100%;
       background:#252525;
      
     
} 
#lower-wrapper {
       margin:auto;
       padding:30px 0px 20px 0px;
       width: 1030px;

}

#lowerbar-wrapper {
       border:1px solid #EFF4F0;
       background:#EFF4F0;
       float: right;
       margin: 0px 5px auto;
       padding-bottom: 20px;
       width: 30%;
       text-align: right;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
       overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding:10px 20px 0px 20px;}


.lowerbar h2 {background: #7AA1C3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibLHPedWoWMwkYxzs7yVkBkT6hIGRTBjf1N1DPg3kLf0tCAGsAf_MUuwFe-npFYdlf2TLjB5WBFf8xFjXREmhxOorv1SJZ6AOa3PnVaPlBFRJ7YGb5o8R7lnp7B2tN43A2svW-ggNWNfSy/s1600/headline1.png);
       margin:0px 0px 10px 0px;
       padding:3px 0px 3px 0px;
       text-align: center;
       color:#FFFFFF;
       font-weight: blod;
       font-size:18px;
       border-bottom: 2px solid #7AA1C3;
}

.lowerbar ul {
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      list-style-type: none;
}

.lowerbar li {
      margin:0px 0px 2px 0px;
      padding:0px 0px 1px 0px;
      border-bottom: 1px solid #ccc;
}

4- ثم ابحث عن هذا الكود

</body> 

5- ثم بعده مباشرة اضف هذا الكود

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>

6- يمكنك تغيير الالوان والمساحات كما تريد .
7- قم بعمل معاينة اولا للقالب قبل حفظ النموذج واذا ظعرت كما تريد اعمل حفظ للنموذج

Résuméelnoba