إضافات بلوجر إضافة للتعريف بتطبيق مدونتك للهواتف الذكية

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

الكود الخاص بالأضافة

<div dir="ltr" style="text-align: left;" trbidi="on"><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# --------------------*/ *{ font-family:Ta3alamFont; } .ta3alamFans{ background: #FBF1FF; text-align: center; padding: 50px 0px 140px 0px; margin: -5px -27px -7px -26px; } .ta3alamFans img{ width:200px; } .appinfo{ width: 600px; height: 570px; background: #8D8D8D; margin: 40px auto; border-radius: 5px; box-shadow: 0px 0px 6px -2px #000; } .appimgdes{ width: 560px; margin: 0px auto; height: 180px; padding: 20px; border-bottom: 1px solid #868686; background: #302F2F; box-shadow: 0px -80px 160px -90px #000 inset; } .appimgdes img{ width: 160px; float: right; border: 5px solid #fff; border-radius: 30px; background: #3D1C56; } .appimgdes h3{ width: 340px; text-align: end; padding: 0px 20px; float: right; margin: 0px 0px 40px; font-size: 25px; font-weight: normal; color: #fff; } .choisedown{ width: 160px; height: 80px; float: left; background: #fff; border-radius: 8px 15px 15px 8px; padding: 0px; } .choisedown a{ float: right; padding: 0px; background: #C0C0C0; width: 80px; height: 80px; border-radius: 0px 8px 8px 0px; box-shadow: 0px 0px 100px 5px #1F1E1E inset; } .choisedown a:hover{ box-shadow: 0px 0px 80px 5px #1E1E1E inset; } .choisedown img{ width: 70px; border: none; float: left; padding: 5px; border-radius: 0; } .imageapp{ width: 600px; padding: 10px 0px; } .imageapp img{ width: 185px; margin: 0px 4px; border: 2px solid #000; border-radius: 4px; } </style> <div class="appinfo"> <div class="appimgdes"> <img src="http://cdn.top4top.co/i_6c2b6e5ae61.png" /> <br /> <h3>ترايد مان</h3><br /> <div class="choisedown"> <a href="http://www.mediafire.com/download/z92bz5nd3pot9ux/com_traidman.apk"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipTuxKWDJ2hAIUDF_c-uZL8Vkecx-bs0fe_mDnWt2HWVqF6xfQIhn9y6jjLxHiLiOv1CsXGqj8WGtiqTrqC6oQuCKsYUmTdFl66Y5iA1Lc2Zw1ZFuWW6WSslNCFz90CClyhT9RoQs7mmc/s1600-r/downloading12.png" style="background: none; float: none; margin: 15px; padding: 0px; width: 45px;" /> </a> <img src="http://www.qrstuff.com/images/sample.png" style="background: #fff;" /> </div><a href="http://www.mediafire.com/download/z92bz5nd3pot9ux/com_traidman.apk"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCDtKjlFiR52lK24jguM6zYEZfrym1RTWSP2LyRIYtoUIHKUjIkr2Vx53I5YAn4Mxjg3Y7jxPxbhlKq9a8dX5E-idsuIpKEPT5hIcq-7gxywMg0L1Cy5c_uNyC2QiZM7CmLMuTUpemyFo/s1600-r/googleplay.png" style="background: none; border-radius: 5px; border: none;float: left; margin: 0px 20px; width: 170px;" /> </a> <br /> </div><div class="imageapp"> <img src="http://cdn.top4top.co/i_24f70a30dc1.jpg" /> <img src="http://cdn.top4top.co/i_0398dcade81.jpg" /> <img src="http://cdn.top4top.co/i_4741995f331.jpg" /> </div></div></div></div></div>

شرح تركيب الأضافة 

عن مدير الموقع : Unknown