Δημιουργία Wordpress Φόρμα Εγγραφής ~ Blokakias

Το widget σήμερα είναι πραγματικά χρήσιμο. Πρόκειται για ένα έξυπνο δοχείο, το οποίο εμφανίζει το συνολικό αριθμό των συνδρομητών, περιέχει RSS σύνδεσμος, το Facebook και το Twitter σύνδεσμο σύνδεσμο. Περιέχει επίσης μια όμορφη μορφή συνδρομής, όπου οι επισκέπτες μπορούν να υποβάλλουν εκεί τα email για να λαμβάνετε νέα ιστοσελίδα.

Μου ονομάστηκε Wordpress Φόρμα Εγγραφής επειδή μπορεί να έχετε δει τέτοια widgets σε κάθε ιστολόγιο Wordpress και Blogger στερείται.

Πώς να δημιουργήσετε το Wordpress φόρμας εγγραφής;
1.Μετάβαση στο Blogger> Σχεδιασμός
2.Επιλέξτε ένα HTML / JavaScript Widget
3.Επικολλήστε τον παρακάτω κώδικα στο widget

style

    .mbtbar{width 100%; float left;}

    .mbtbar .count{color#333; font-size 14px; font-weight bold; font-family Helvetica, Arial; background #fff; height 45px; line-height 45px; vertical-align middle; width 100%; padding 0 10px 0 4px;}

    .mbtbar .count span.bigcount{color#F17C18; font-size 24px; font-family Helvetica, Arial; line-height 39px; vertical-align top; padding-right3px;}

    .mbtbar .subicons{border-bottom 1px solid #e6e6e6; margin 0px 0 0px 0; float left; width 300px; font-family Helvetica, Arial; font-size 14px;}

    .mbtbar .subicons a{text-decoration none; color#333333;}

    .mbtbar .subicons ahover{text-decoration underline; color#333333;}

    .mbtbar .subicons .rssicon{border-right 1px solid #e6e6e6; background url(http2.bp.blogspot.com-39kJ8qyqrVsTdpYPqKjAhIAAAAAAAADf8FDkLDuCwF7Es400rss.png) no-repeat left center; min-width 20px; height 48px; line-height 57px; vertical-align middle; float left; padding 0px 20px 0px 30px; margin 0 0 0 5px;}

    .mbtbar .subicons .fbicon{border-right 1px solid #e6e6e6; background url(http4.bp.blogspot.com-6_H2QDYGHpITdpYPF7LYmIAAAAAAAADf0wBev_aveLGws400facebook.png) no-repeat left center; min-width 20px; height 48px; line-height 57px; vertical-align middle; float left; padding 0px 20px 0px 30px; margin 0 0 0 5px;}

    .mbtbar .subicons .twittericon{background url(http3.bp.blogspot.com-rbsZjAPUA2cTdpYQO7m2zIAAAAAAAADgEVLRVbnICkZAs400twitter.png) no-repeat left center; min-width 20px; height 48px; line-height 57px; vertical-align middle; float left; padding 0px 20px 0px 30px; margin 0 0 0 5px;}

    .mbtbar .emailsub{border-bottom 1px solid #e6e6e6; padding 15px 0 20px 0; float left; width 100%; font-family Helvetica, Arial;}

    .mbtbar .emailsub .emailicon{background url(http2.bp.blogspot.com-h72a-fyDTWwTdpYO0gOhRIAAAAAAAADfss-5_Ckdp-bQs400email.png) no-repeat left center; float left; padding 5px 15px 0px 35px; margin 0 0 0 5px; width 300px; height 28px; line-height 28px; vertical-align middle; font-size 14px; color #333; }

    .mbtbar .emailsub .emailupdatesform{margin 15px 0 5px 5px; width 300px; float left;}

    .mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background #fff !important; float left; border 1px solid #d2d2d2; padding 0px 8px 0px 8px; color #a19999; font-size 12px; height 25px; width 200px; -moz-border-radius 5px; -webkit-border-radius 5px;}

    .mbtbar .emailsub .emailupdatesform input.joinemailupdates{background-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border 1px solid #0080ff; text-transform uppercase; color #fff; height 25px; padding 0 12px 0 12px; margin 0 0 0 5px; -moz-border-radius 5px; -webkit-border-radius 5px;}

    style

    !--[if IE 7]

    style

    .mbtbar .count span.bigcount{color#F17C18; font-size 24px; font-family Helvetica, Arial; line-height 34px; vertical-align middle; }

    .mbtbar .emailsub .emailupdatesform input.joinemailupdates{background#0080ff; border 1px solid #0080ff; text-transform uppercase; color #ffffff; font-weightbold; height 25px; padding 0 12px 0 12px; margin 0 0 0 5px; }

    style

    ![endif]--

    div class=mbtbardiv class=countJoin span class=bigcount1675+span People Following MBTdivdiv class=subiconsdiv class=rssicona href=httpwww.mybloggertricks.comfeedspostsdefault target=_blankRSSadivdiv class=fbicona href=httpwww.facebook.compagesBlokakias111013582321197 target=_blank rel=nofollowFacebookadivdiv class=twittericona href=Twitter σας httptwitter.comτο Twitter σας target=_blank rel=nofollowTwitteradivdiv

    div class=emailsub

    div class=emailiconStay Updated via Email Newsletterdiv

    div class=emailupdatesform

    form action=httpfeedburner.google.comfbamailverify method=post target=popupwindow onsubmit=window.open('httpfeedburner.google.comfbamailverifyuri=blokakias', 'popupwindow', 'scrollbars=yes,width=550,height=520');return trueinput gtbfieldid=10 class=emailupdatesinput name=email value=Enter your email... onblur=if (this.value == '') {this.value = 'Enter your email...';} onfocus=if (this.value == 'Enter your email...') {this.value = '';} type=text input value=Blokakias name=uri type=hidden input value=Join class=joinemailupdates type=submit formdivdivdivpCreate by a href=httpblokakias.blogspot.com target=_blankBlokakiasap

Πώς να Επεξεργαστήτε το Widget;

1.http://feeds2.feedburner.com/blokakias Αντικατάσταση με τα FeedBurner σας RSS Feed σύνδεσμο σας .

2.Αντικαταστήστε http://www.facebook.com/pages/Blokakias/111013582321197 με το Link του Facebook προφίλ σας

3. Αντικαταστήστετο με το Twitter σας http://twitter.com/το Twitter σας

4. http://feedburner.google.com/fb/a/mailverify?uri=blokakias Αντικαταστήστε το με το Rss σας Email ή απλά αλλάξτε το blokakias με το όνοαμ που έχετε στα Rss σας

5. Blokakias αντικαταστήστε με το όνομα του site σας στα Rss

6. People Following MBT αλλάζετε και αυτό με ότι εσύς θέλετε να φένετε