إفتتاح قسم إضافات بلوجر | إضافة رائعة للتعريف بصاحب الموقع

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

للمعاينة : من هنا

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

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

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/><style>/*-------------------- font --------------------*/ @font-face { font-family: "Ta3alamFont"; font-weight: normal; font-style: normal; src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot); src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot?#iefix) format('embedded-opentype'), url(https://dl.dropboxusercontent.com/s/gjkkuvnfze5ii1l/Ta3alamFont.woff) format('woff'), url(https://dl.dropboxusercontent.com/s/mjj8mvkq7jgihhn/Ta3alamFont.ttf) format('truetype'); } /*-------------------- #font# --------------------*/ .admin{     width: 300px;     height: 480px;     background: #343434;     border: 1px solid #131313;     margin: -1px;     border-radius: 4px; } .cover{     height: 120px;     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQFNOP5qUcsOQxSOnGBqitZGMDTbvngXXkTpMDVJjkM3Ig9lB62PHt5O5DbGA0My2FLp1xZqI3YY4cUbq0aFbefbfPePetff7f_jmnMiEx0KDvBaVoGdELzjiwebB1wQR76snpdd9V_Ww6/s1600-r/Space-Desktop.jpg) no-repeat;     border-bottom: 1px solid #868282;     background-size: 300px;     box-shadow: 0px -140px 310px -100px #000 inset; }  .profile{     width: 120px;     height: 120px;     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjGgVOakYurUOLfWXkFobZ0b5lb_ODx-rS1dk70SJiqOIKqNKjTkDM52ehNIbH5aU43J0tkPQZLUaoVcyT2TCmqkd0VebmlQRz_XUf5inTixfb8q7mFPtk7SHHF0Pp4nUsjlrGFruMH5YD/s1600-r/92.jpg) no-repeat;     border: 4px solid #fff;     margin: -100px auto 0px;     border-radius: 10px;     box-shadow: 0px 0px 15px -5px #000,0px 0px 60px -10px #000 inset;     background-size: 120px; } .form-info{     border-bottom: 1px solid #494949;     border-top: 1px solid #494949;     margin-top: 10px;     background: #2A2A2A; } .form-info ul{     margin: 0;     padding: 0px; } .form-info ul li{     display: block;     padding: 0px 25px;     margin: 2px 0px;     border-bottom: 1px solid #343434;     height: 30px; } .form-info ul li img{     display: block;     float: right;     padding: 5px;     height: 18px;     width: 18px; } .form-info ul li a{ display: block;     float: right;     height: 20px;     padding: 5px;     color: #9E9E9E; font-family:Ta3alamFont; } .form-info ul li a:hover{color:#fff;} .form-contact{     border-bottom: 1px solid #494949;     border-top: 1px solid #494949;     margin-top: 10px;     background: #2A2A2A; } .form-contact ul{     margin: 0;     padding: 0px; } .form-contact ul li{     display: block;     padding: 0px 25px;     margin: 2px 0px;     border-bottom: 1px solid #343434;     height: 30px; } .form-contact ul li img{     display: block;     float: left ;     padding: 5px;     height: 18px;     width: 18px; } .form-contact ul li a{ display: block;     float: left ;     height: 20px;     padding: 5px;     color: #9E9E9E; font-family:Ta3alamFont; } .form-contact ul li a:hover{color:#fff;} .form-socail{     text-align: center; } .form-socail i{ color: #9E9E9E;     font-size: 32px;     padding: 5px; } .form-socail i:hover{ color:#fff; } </style>  <div class="admin">  <div class="cover"></div><div class="profile"></div><div class="form-info"> <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4o0RzoZiNrM6NkJJ_qK187-Qq6HN7ZdWQ0Qr-dVr5L1ZiKM1Agef3AeIa5F5qUFzxIyj6XGwGZ44SS3cjOkA9nGrTedy5QK2sdfT7Sjaz9Evy3emoGPC-dz-DhcEGNTeRNLHHG776_JnF/s1600-r/users81.png" /> <a href="https://www.facebook.com/adnmej">عدنان المجدوبي</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinsyKuS_i3Opwhmy_DQ-hd6mKHy6RKDFXhqSlIM9ZWoDpDQxEZaMGZp_WACXj2e9MqPlYNzXaPOboVgpM_ago37W48sWexWvrdD97W6g_xsLrJw5uYj89tfA-hxwsOok_0KdyfP61yEYPV/s1600-r/suitcase57.png" /> <a href="http://www.th3professional.com/">مدون بمدونة المحترف</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpn8dvqV-HtqUHRUOkcfOlzrzRy-WcWI4_zyK6rnUuDyGcd6boxaZKnLFsolCMqvE-7pzVWzJjxqHbB5nyrMgQ6_9Vo5GwMmXr_ZatE9tbeTPRXwo-hFq4Y_P0codJN4fg9s6g7QuJUg6U/s1600-r/pin71.png" /><a href="www.almejdoubi.com">العرائش - المغرب</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPhpCWt1WJA3CwRklDEGFKCU4DWweAm-hGnKq2UE7x0XVvTddwmecLYO-UnTJK_6ShL82jT5PvUrKyXZXtxEoa-W4beYnCvqtu9D7F96ZQUpZFtnJ4Z9NdwtXhqt__Uc4XuJ5vfwYcJBU/s1600-r/candles5.png" /> <a href="www.almejdoubi.com">30 مارس 1997</a></li></ul></div><div class="form-contact"> <ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL75h_IV3waaThoh5_nFF7dsegU-H28dmfX2Q7XEdUz3TXQouER-eKNqOVqWPBZoqgB3h7GBZrDkCMQXhX6mupNkXvLGvBfBznXSsLzOLXM0Lx8jLE6mr6x9iyEfaMAC6oWLOvVfTbpVzq/s1600-r/symbol20.png" /> <a href="www.almejdoubi.com">ضع إيميلك هنا</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitfp3XBlbVEbH-6zvk5YZItskERWxH9Ch5y12rCmp3AngiM40N6_RjjlyjFYXnrPq51aYZNxFbSRFJwEuHt_eDtF6MPpCx8emJyOL0zzeGT8sA5vbJjI3eE8NVQWsp4TRfIbGWPJBPtQwL/s1600-r/connection27.png" /> <a href="http://www.almejdoubi.com">www.almejdoubi.com</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXR69O4tbzrIwvkb6VMLAtHJrQ4mXClthBA7YTuI7CQi_AWQ-9v8aw9m_37KrvFBpSEVZ9boZ74fbFzXUzUWhtpfPrz_RuKRKOsohtZIBLzrxtP6_4nEfhqBquUBC8IWiEQE2taaAmIQET/s1600-r/black218.png" /> <a href="#">boite postal : 469 , 92000</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS1HIZKisEcKho0qS2-_BqjM8kBy-N_mwpsWl8CY8Y7OfBDt2eDf5tkV0E9XqhOxQHK1V_Rv5zWWS2G9l7jcVuUx9-pmpUduJJrUw63SOcaQWfOFVJ6Ouu9DUjRAfIVi6PFEeawUgM3SfG/s1600-r/phone+call41.png" /> <a href="#">0600000000</a></li></ul></div><div class="form-socail">  <a href="www.almejdoubi.com"><i class="fa fa-google-plus-square"></i></a> <a href="www.almejdoubi.com"><i class="fa fa-youtube-square"></i></a> <a href="www.almejdoubi.com"><i class="fa fa-linkedin-square"></i></a> <a href="www.almejdoubi.com"><i class="fa fa-twitter-square"></i></a> <a href="https://www.facebook.com/adnmej"><i class="fa fa-facebook-square"></i></a>  </div></div>

الآن ننتقل لطريقة التعديل على الأداة و تغيير الروابط و المحتوى من الكود بالضغط على تحرير .

- للتغيير صورة الغلاف ( الخلفية ) قومو بإستبدال الرابط التالي برابط الصورة التي تريدونها :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQFNOP5qUcsOQxSOnGBqitZGMDTbvngXXkTpMDVJjkM3Ig9lB62PHt5O5DbGA0My2FLp1xZqI3YY4cUbq0aFbefbfPePetff7f_jmnMiEx0KDvBaVoGdELzjiwebB1wQR76snpdd9V_Ww6/s1600-r/Space-Desktop.jpg

- لتغيير الصورة الشخصية قومو بإستبدال الرابط التالي برابط الصورة التي تريدونها :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjGgVOakYurUOLfWXkFobZ0b5lb_ODx-rS1dk70SJiqOIKqNKjTkDM52ehNIbH5aU43J0tkPQZLUaoVcyT2TCmqkd0VebmlQRz_XUf5inTixfb8q7mFPtk7SHHF0Pp4nUsjlrGFruMH5YD/s1600-r/92.jpg

- لتغيير المحتوى المتبقي إتبعو الطريقة التالية :
غير الرابط ثم عنوان الرابط كما ترى في الصورة ، نفس الطريقة مع كل المعلومات

* ملاحظة : في أيقونات الشبكات الإجتماعية أسفل الإضافة غير الروابط فقط .

إضافات بلوجر , بلوجر ليست هناك تعليقات :

ليست هناك تعليقات :

إرسال تعليق

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