اضافة أداة مميزة للاشتراك بالمدونة و مواقع التواصل الاجتماعي لمدونه بلوجر

اضافة أداة مميزة للاشتراك بالمدونة و مواقع التواصل الاجتماعي لمدونه بلوجر

إضافات

Mohammed Elafndey

8:01 ص

طريقه التركيب

اذهب للتخطيط ثم إضافة اداة ثم اختر HTML/Javascript والص الكود التالي مع تغير مايلزم..


<br /><style>#semua-tutorialku-blog-subs { padding: 0; padding-bottom: 5px; font-family: inherit; display: block; margin: 0; width: 100%; border-radius: 1px; border: 0; background: #363636;}#semua-tutorialku-blog-subs .main_tagline { padding: 0px 0px; line-height: 2.5em; font-size: 26px; margin: 0; height: 95px !important; overflow: hidden; font-weight: normal; color: #FFF; text-align: center; border: 0; background-color: #FF5959;}#semua-tutorialku-blog-subs .email_icon { display: table; margin: -35px auto 0px; font-size: 25px; padding: 12px; height: 25px; width: 25px; background-color: #363636; color: #FFF; border-radius: 50px; border: 10px solid #FFFFFF; line-height: 0;}#semua-tutorialku-blog-subs p { font-size: 15px; color: #F9F9F9; text-shadow: 0px -1px 0px #000; line-height: 27px; padding: 5px 10px 5px; text-align: center; width: 80%; margin: 5px auto 20px; border-bottom: 2px solid #6A6A6A; border-radius: 20px;}#semua-tutorialku-blog-subs .rssform { padding: 0; margin: 0 auto; display: block;}#semua-tutorialku-blog-subs .rssform input { padding: 8px; margin: 20px auto 15px; font-size: 13px; color: #000; text-align: center; display: block; font-family: inherit; font-weight: normal; width: 90%; height: 38px; outline: none !important; border: 1px solid #FFFFFF; border-radius: 1px; background-color: #FCFCFC; box-sizing: border-box !important;}#semua-tutorialku-blog-subs .rssform .button:hover { background: #FF5959;}#semua-tutorialku-blog-subs .rssform .button { background: #3498db; color: white!important; border: 1px solid #FFFFFF; margin-top: 15px; outline: none !important; transition: all .3s ease-in-out; padding: 5px 2px !important; float: none; font-size: 18px; font-weight: normal; cursor: pointer;}#semua-tutorialku-blog-subs .credit_semua_tutorialku { color: #959595; text-align: center; font-size: 12px; margin: 0; padding: 3px; line-height: 25px;}#semua-tutorialku-blog-subs .credit_semua_tutorialku a { color: #959595; text-decoration: none !Important;}#semua-tutorialku-blog-subs .social_profiles { line-height: 1.2em; display: table; float: none; margin: 0px auto; text-align: center; min-width: 157px; padding: 5px 0px; border: 0;}#semua-tutorialku-blog-subs .social_profiles a:hover { color: #FFF; background-color: #FF5959; border-color: #FFF;}#semua-tutorialku-blog-subs .social_profiles a { color: #000000; margin: 0.98px; text-align: center; float: left; display: table; padding: 4px 5px; background-color: #FFFFFF; border-radius: 50px; border: 2px solid #2D2D2D; width: 15px; height: 15px; line-height: 0; font-size: 16px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}#semua-tutorialku-blog-subs form { margin-bottom: 10px !important;}</style><div id="semua-tutorialku-blog-subs"><div class="main_tagline">اشترك في المدونة</div><div class="email_icon"><i class="fa fa-envelope"></i></div><p>الحصول على كافة تحديثات المدونة عبر البريد الالكتروني</p><div class="rssform"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SemuaTutorial-ku', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="text" name="email" placeholder="أدخل عنوان بريدك الإلكتروني ..." /> <input type="hidden" value="SemuaTutorial-ku" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input value="اشترك الأن" class="button" type="submit" /> </form></div><div class="credit_semua_tutorialku">تابعني على مواقع التواصل | <a href="http://www.elafndey-tec.tk">موقعي الخاص</a> </div><div class="social_profiles"><a href="https://www.facebook.com/mohamedelafndey" target='_blank' rel='nofollow' title="Join on Facebook"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/m7mdelafndey" target='_blank' rel='nofollow' title="Follow on Twitter"><i class="fa fa-twitter"></i></a> <a href="https://plus.google.com/u/0/103162501711151443618?tab=jX" target='_blank' rel='nofollow' title="Follow on Google+"><i class="fa fa-google-plus"></i></a> <a href="https://www.instagram.com/Mohamed_Elafndey/" target='_blank' rel='nofollow' title="Follow on Instagram"><i class="fa fa-instagram"></i></a> <a href=https://www.pinterest.com/elafndey//" target='_blank' rel='nofollow' title="follow on pinterest"><i class="fa fa-pinterest"></i></a> </div></div>

Mohammed Elafndey