إضافة أداة الترجمة بصورة كل بلد لمدونات بلوجر

إضافة أداة الترجمة بصورة كل بلد لمدونات بلوجر

7:51 ص
السلام عليكم ورحمة الله وبركاته




مرحبا بأصدقاء وزوار عالم بلوجر اليوم موضوعنا هو إضافة أداة الترجمة مع صورة كل بلد حتى يسهل على زوار موقعك ترجمته حسب لغة بلده



شكل الإضافة


إضافة أداة الترجمة بصورة كل بلد 





الكود

 <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<style>

 .google_translate img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        border:0;
        }
        .google_translate:hover img {
        filter:alpha(opacity=30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
        .google_translatextra:hover img {
        filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }
  </style><br />
<br />
 </div>
<div style="text-align: center;">
<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1FnOcdUAIRiGjC1tveSWxBOP8SR7yZbemdip0CYVzxbP9lsEWzrpZz2boujW-2WGSXMI9mO38XSGBNrVKs2jsD9xXEhoiKOjIzaX10-uQASuJtY0hypMmblI0ewB2Dl1UogjwiMdMHig/s200/United+Kingdom%28Great+Britain%29.png" style="cursor: pointer; margin-left: 8px;" title="English" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyIrDCQfM6yyRVdVV-qLh9y1kMwKPfnudYag8m-6FdZO4iDzvcTOjgfhYLG4FTypJ1rHp4KLh-4aCsK5lieRHuQKLlXBm9k47FfZli0u6Cfr0L121I6kJkjrW1orB7U6TbXj9dw1BNpdY/s200/France.png" style="cursor: pointer; margin-left: 8px;" title="French" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgPbiAZn3UbvxXFrBzwhKABnnK6bzY9mMOpPIUXHspRIKbp70q_6rkuN5MKGGMi00wzHPN5MZ5cHtkDYl1JEbaLWXpkmMX9UK1E4gax4TvdOTSSkpiv1mAYSkSQrrtln0_c_aKnvDHzXo/s200/Germany.png" style="cursor: pointer; margin-left: 8px;" title="German" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitid1oiTvNnaRXJz0ncdY23E5VH4yfEdBs3I_d8qoaP-FslATtf43caXDFVsxyqqerHKqL-2BwYJmuKIXtjUiV8neFraRifnv7sn6hQxcvvVgs8JyCo3FVYMHEDtYykuf0Zkd357-NbCM/s200/Spain.png" style="cursor: pointer; margin-left: 8px;" title="Spain" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL9WD6-1hmIzRGxwSXc5USbj-9qU05yJcLzGenUB-oZ0DXdW-PdnZD1ya1hQKqZhmgCPWU2k1h_DvwJxWXJTrZGzx8mSvuwAJD5V58o555UviPDKlKDGVgWl87BMZzKGHWXgKYgPxYewA/s200/Italy.png" style="cursor: pointer; margin-left: 8px;" title="Italian" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-3gVbraAO-lotd1oPmsAFGe5pCJyHvau73r_XfY5JJccBds_k97u5U9wgjvqrnaW35OuXuE_jmk9XshK0WkIGjHIhDJDEKUsHR224waSorAnGeXye1I1gWHS5gvIQ8ZDK2JOkume9xmM/s200/Netherlands.png" style="cursor: pointer; margin-left: 8px;" title="Dutch" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1fY9vioU5UmW5tvWvx6MHLW8VFlMtSHw3HUGtrqc5UrcNOoyef1LvhGNMHubiaxqauvfWLPWvzNFj3MwM-YVb9ccBbeuftEgSHwTK7NGbWPcmbdQo1-cAYMw44y2enkOdJHf89hf6tA/s200/Russian+Federation.png" style="cursor: pointer; margin-left: 8px;" title="Russian" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZXe2c-kHt3Ztqr31RixCDHu14IjRkPLQfIJUmDpEk68YFTVviRu8_4kelnkOWDzIVZCmSOONYq30bOdk_4ivH0cw_R0rS9AmldbX18k_uHjUrcriXRos2e-5Bt7JWzJiVDS_K1EGyskA/s200/Brazil.png" style="cursor: pointer; margin-left: 8px;" title="Portuguese" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq_3OEcJ-2MSdUbKwVFaxQaL6KkmhfW_uWpPdWfDqWOVTQCFgdeFAWcXf3hNuRrWEqw_fSInY1RawoQ_FBRTPMvtWYIPAruZwjxTxWcCe5RUSY90pjVNGmYGN1Fz8FM7l3o1pPwlt9BZE/s200/Japan.png" style="cursor: pointer; margin-left: 8px;" title="Japanese" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFsXQzY0DpNe5qe_2e-sOUrBEgnhzBtEatE5U-P-y0UQZCo523ZmsoVXkGxycXBLVNTkg-3x1FKkIXDiYC37IEAV_W_yx-Uj86sK3-vVYWRGxUYDoWw3RCibTbdAeh3YzUUY7uqf7jWw/s200/South+Korea.png" style="cursor: pointer; margin-left: 8px;" title="Korean" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6CnMKrO5ZTkgsxurEe7DVuflAa_0np2OryodAIDx3wG_CNsLpmbFX5qvM-WSGBHuUSs_v0dsBBzwmnu22A3j0KWibr-ss7qaNfjxzSHLmEFHGfBdVxW1KgblhUtrgw9DnG7NkEgA73uk/s200/Saudi+Arabia.png" style="cursor: pointer; margin-left: 8px;" title="Arabic" width="24" /></a><br />
<br />
 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgziYb8Fqbt-JUiCTDxOpurv98sSSQFoJJEWaA2BUiIAkrenfQNH3rYwcLR8xG0abmRtQ0PXlEv_HQhKCH4wI767A25lkgGNFpVRoVpmLUN_RNbXI83Ge_mvMVUEfZChbuuzNV1mmnDAI8/s200/China.png" style="cursor: pointer; margin-left: 8px;" title="Chinese Simplified" width="24" /></a>      </div>
<div 0px="0px" 3px="3px" style="font-size: 10px; margin: 8px; text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
</div>
<br />
<br />
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '1403652223237614',
      xfbml      : true,
      version    : 'v2.1'
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script> 




طريقة وضع الكود

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

ومبروك عليكم الاضافة 


دمتم فى حفظ الرحمن
الاشتراك في: تعليقات الرسالة (Atom)