PageSourceSearch

https://likebtn.com/en/

html likebtn.com collected 2026-10-02 03:40:54 UTC 241,436 bytes, 2,537 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr">
3<head>
4    <title>Like Button Rating for Website - LikeBtn</title>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="description" content="Add an awesome Like button to your website! Get tons of likes and shares! Get instant statistics and insights!">
8
9    
10    
11    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
12    <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
13    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
14    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
15    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
16    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
17    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
18    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
19    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
20    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
21    <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
22    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
23    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
24    <link rel="manifest" href="/manifest.json">
25    <meta name="msapplication-TileColor" content="#da532c">
26    <meta name="msapplication-TileImage" content="/mstile-144x144.png">
27    <meta name="theme-color" content="#ffffff">
28
29                <link rel="stylesheet" href="/css/main.css?v=41">
30    
31    <!-- Use google font -->
32        
33            <meta property="og:image" content="https://likebtn.com/i/logo-og.jpg?v=41">
34    
35                
35<script type="text/javascript" src="/js/extra.js?v=41"></script>
35
36        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
37    <!--[if lt IE 9]>
38            
38<script type="text/javascript" src="/js/ie.js?v=41"></script>
38
39        <![endif]-->
40    
41    
41<script type="text/javascript" src="https://likebtn.com/en/js/js.js"></script>
41
42</head>
43
44<body class="background-white locale_en">
45            
46    
47        
48                    <div class="breadcrumbs-container background-white"></div>
49            
50    
51
52    
53    
54    <div class="section section-enter section-top" >
55        <div class="container">
56            <div class="row">
57                <div class="col-md-12">
58                    <div class="info-row">
59                        <div class="text-center">
60                            <h1 class="info-head large main-title"><span>Like Button Rating for Website</span></h1>
61                            <br/>
62                            <h2>Add a <strong>Like button widget</strong> to your <strong>website</strong> with just a few lines of <strong>HTML-code</strong>!</h2>
63                            <h2>Let visitors <strong>vote</strong> casting <strong>likes &amp; dislikes</strong> with an awesome <strong>like counter</strong>!</h2>
64                            <h2>Get instant rating <strong>statistics</strong> and <strong>insights</strong>!</h2>
65                            <h2>Get tons of <strong>likes</strong> and <strong>shares</strong>!</h2>
66                                                    </div>
67                        <div class="text-center main-like">
68                            <span class="likebtn-wrapper" data-identifier="www.likebtn.com" data-dislike_enabled="false" data-voting_cancelable="false" data-lang="en" data-ef_voting="push"></span>
69                        </div>
70                        <div class="text-center get-code">
71                            <button class="btn btn-success btn-lg btn-get" id="get-code"><i class="fa fa-code"></i> Get Code</button>
72                            <button class="btn btn-lead btn-lg btn-get" id="get-plugin"><i class="fa fa-plug"></i> Get Plugin</button>
73                        </div>
74
75                        <div class="text-center age-block">
76		    13 Years of Success!
77</div>
78<div class="text-center gdpr-ready">
79    <a href="/en/privacy#GDPR"><img src="/i/gdpr/gdpr.jpg?v=41"></a>
80</div>                        
81                    </div>
82                </div>
83            </div>
84        </div>
85    </div>
86
87    <div class="section section-padded border-top background-clouds color-black themes-cntr">
88    <div class="container text-center">
89        <h2 class="text-center x-large">41 themes</h2>
90											<div class="center_text">
91																	    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_white" data-theme="white" ></span>&nbsp;&nbsp;
92			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_lightgray" data-theme="lightgray" ></span>&nbsp;&nbsp;
93			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_gray" data-theme="gray" ></span>&nbsp;&nbsp;
94			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_black" data-theme="black" ></span>&nbsp;&nbsp;
95			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_padded" data-theme="padded" ></span>&nbsp;&nbsp;
96			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_drop" data-theme="drop" ></span>&nbsp;&nbsp;
97			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_line" data-theme="line" ></span>&nbsp;&nbsp;
98			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_github" data-theme="github" ></span>&nbsp;&nbsp;
99			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_transparent" data-theme="transparent" data-show_like_label="false"></span>&nbsp;&nbsp;
100			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_youtube" data-theme="youtube" data-show_like_label="false"></span>&nbsp;&nbsp;
101			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_habr" data-theme="habr" data-show_like_label="false"></span>&nbsp;&nbsp;
102			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_heartcross" data-theme="heartcross" data-show_like_label="false"></span>&nbsp;&nbsp;
103			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_plusminus" data-theme="plusminus" data-show_like_label="false"></span>&nbsp;&nbsp;
104			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_google" data-theme="google" data-show_like_label="false"></span>&nbsp;&nbsp;
105			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_greenred" data-theme="greenred" data-show_like_label="false"></span>&nbsp;&nbsp;
106			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_large" data-theme="large" data-show_like_label="false"></span>&nbsp;&nbsp;
107			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_elegant" data-theme="elegant" ></span>&nbsp;&nbsp;
108			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_disk" data-theme="disk" ></span>&nbsp;&nbsp;
109			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_squarespace" data-theme="squarespace" ></span>&nbsp;&nbsp;
110			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_slideshare" data-theme="slideshare" ></span>&nbsp;&nbsp;
111			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_baidu" data-theme="baidu" ></span>&nbsp;&nbsp;
112			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_uwhite" data-theme="uwhite" ></span>&nbsp;&nbsp;
113			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_ublack" data-theme="ublack" ></span>&nbsp;&nbsp;
114			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_uorange" data-theme="uorange" ></span>&nbsp;&nbsp;
115			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_ublue" data-theme="ublue" ></span>&nbsp;&nbsp;
116			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_ugreen" data-theme="ugreen" ></span>&nbsp;&nbsp;
117			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_direct" data-theme="direct" ></span>&nbsp;&nbsp;
118			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_homeshop" data-theme="homeshop" ></span>&nbsp;&nbsp;
119			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_nero" data-theme="nero" ></span>&nbsp;&nbsp;
120			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_sku" data-theme="sku" ></span>&nbsp;&nbsp;
121			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_review" data-theme="review" ></span>&nbsp;&nbsp;
122			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_likebtn" data-theme="likebtn" data-show_like_label="false"></span>&nbsp;&nbsp;
123			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_roundthumb" data-theme="roundthumb" data-show_like_label="false"></span>&nbsp;&nbsp;
124			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_ok" data-theme="ok" data-show_like_label="false"></span>&nbsp;&nbsp;
125			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_mid" data-theme="mid" ></span>&nbsp;&nbsp;
126			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_mini" data-theme="mini" data-show_like_label="false"></span>&nbsp;&nbsp;
127			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_bootstrap" data-theme="bootstrap" data-show_like_label="false"></span>&nbsp;&nbsp;
128			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_angular" data-theme="angular" ></span>&nbsp;&nbsp;
129			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_tick" data-theme="tick" data-show_like_label="false"></span>&nbsp;&nbsp;
130			    										    	<br/>
131			    							    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_stack" data-theme="stack" data-show_like_label="false"></span>&nbsp;&nbsp;
132			    														    	<span class="likebtn-wrapper" data-lang="en" data-identifier="settings_color_scheme_vertplus" data-theme="vertplus" data-show_like_label="false"></span>&nbsp;&nbsp;
133			    					</div>
134    </div>
135</div>
136
137
138    <div class="section border-top" id="plugins">
139    <div class="container text-center">
140        <h2><span>Plugins &amp; Tutorials</span></h2>
141        <button class="small btn btn-link" data-remote="https://likebtn.com/en/ajax/request-plugin" data-toggle="jsmodal" data-modal-title="Request plugin development">Request plugin development <b class="caret"></b></button>
142        <br/>
143
144        <ul class="list-inline list-plugins">
145            <li class="img-scale"><a href="https://likebtn.com/en/wordpress-like-button-plugin"><img src="/i/platforms/big/wordpress.png?v=41" title="WordPress Like Button plugin" alt="WordPress Like Button plugin"/> <h3>WordPress</h3></a></li>
146            <li class="img-scale"><a href="https://likebtn.com/en/joomla-like-button-plugin"><img src="/i/platforms/big/joomla.png?v=41" title="Joomla Like Button plugin" alt="Joomla Like Button plugin"/><h3>Joomla</h3></a></li>
147            <li class="img-scale"><a href="https://likebtn.com/en/drupal-like-button-module"><img src="/i/platforms/big/drupal.png?v=41" title="Drupal Like Button module" alt="Drupal Like Button module"/><h3>Drupal</h3></a></li>
148            <li class="img-scale"><a href="https://likebtn.com/en/wix-like-button"><img src="/i/platforms/big/wix.png?v=41" title="WIX Like Button" alt="WIX Like Button"/><h3>WIX</h3></a></li>
149            <li class="img-scale"><a href="https://likebtn.com/en/weebly-like-button"><img src="/i/platforms/big/weebly.png?v=41" title="Weebly Like Button Rating" alt="Weebly Like Button Rating"/><h3>Weebly</h3></a></li>
150            <li class="img-scale"><a href="https://likebtn.com/en/shopify-like-button-rating-app"><img src="/i/platforms/big/shopify.png?v=41" title="Shopify Like Button Rating App"/><h3>Shopify</h3></a></li>
151            <li class="img-scale"><a href="https://likebtn.com/en/squarespace-like-button-rating"><img src="/i/platforms/big/squarespace.png?v=41" title="Squarespace Like Button Rating"/><h3>Squarespace</h3></a></li>
152            <li class="img-scale"><a href="https://likebtn.com/en/knopka-mne-nravitsya-dlya-ucoz"><img src="/i/platforms/big/ucoz.png?v=41" title="Like Button for uCoz" alt="Like Button for uCoz"/><h3>uCoz</h3></a></li>
153            <li class="img-scale"><a href="https://likebtn.com/en/blogger-like-button"><img src="/i/platforms/big/blogger.png?v=41" title="Blogger Like Button" alt="Blogger Like Button"/><h3>Blogger</h3></a></li>
154            <li class="img-scale"><a href="https://likebtn.com/en/tumblr-like-button"><img src="/i/platforms/big/tumblr.png?v=41" title="Tumblr Like Button" alt="Tumblr Like Button"/><h3>Tumblr</h3></a></li>
155            <li class="img-scale"><a href="https://likebtn.com/en/vbulletin-like-button"><img src="/i/platforms/big/vbulletin.png?v=41" title="vBulletin Like Button" alt="vBulletin Like Button"/><h3>vBulletin</h3></a></li>
156        </ul>
157
158    </div>
159</div>
160    <div class="section background-belize-hole color-white" id="languages">
161    <div class="container">
162        <div class="row">
163            <div class="col-md-12">
164                <div class="info-row">
165                    <div class="content info">
166                        <h2 class="info-head"><span>44 languages</span></h2>
167                        <p>
168                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_en" data-lang="en" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_ru" data-lang="ru" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_af" data-lang="af" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_ar" data-lang="ar" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_hy" data-lang="hy" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_be" data-lang="be" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_bn" data-lang="bn" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_bg" data-lang="bg" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_bs" data-lang="bs" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_ca" data-lang="ca" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_zh_CN" data-lang="zh_CN" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_zh_HK" data-lang="zh_HK" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_cs" data-lang="cs" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_fa" data-lang="fa" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_fi" data-lang="fi" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_fr" data-lang="fr" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_da" data-lang="da" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_nl" data-lang="nl" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_de" data-lang="de" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_el" data-lang="el" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_he" data-lang="he" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_hu" data-lang="hu" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_id" data-lang="id" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_it" data-lang="it" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_ja" data-lang="ja" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_kk" data-lang="kk" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_ko" data-lang="ko" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_lv" data-lang="lv" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_lt" data-lang="lt" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_ne" data-lang="ne" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_no" data-lang="no" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_pl" data-lang="pl" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_pt" data-lang="pt" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_pt_BR" data-lang="pt_BR" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_ro" data-lang="ro" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_sr" data-lang="sr" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_sk" data-lang="sk" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_sl" data-lang="sl" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_es" data-lang="es" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_sv" data-lang="sv" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_th" data-lang="th" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_tr" data-lang="tr" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_uk" data-lang="uk" ></span>                                                            		<span class="likebtn-wrapper" data-theme="squarespace" data-dislike_enabled="false" data-counter_show="false" data-identifier="lang_vi" data-lang="vi" ></span>                                                    </p>
169                    </div>
170                    <div class="content link">
171                        <a class="btn btn-lead pull-right" href="https://likebtn.com/en/translate-like-button-widget">Translate Like Button »</a>
172                    </div>
173                </div>
174            </div>
175        </div>
176    </div>
177</div>
178
179    <div class="section">
180    <div class="container text-center padded">
181        <h2><span>Google Rich Snippets</span></h2>
182        <p class="lead text-center">
183            Make your site look appealing to the visitors on search engine results pages!<br/>
184            Boost search engine rankings!<br/>
185            Increase clicks!        </p> 
186        <div class="row">
187            <div class="col-md-12 text-center">
188                <img src="/i/features/google-rich-snippets.jpg?v=41" alt="Google Rich Snippets" title="Google Rich Snippets" class="img-fit" />            </div>
189        </div>
190        <a href="https://likebtn.com/en/faq#rich_snippets" class="btn btn-link">Learn more on Google Rich Snippets</a>        
191    </div>
192</div>
193    <div class="section section-padded border-top background-clouds color-black">
194    <div class="container text-center">
195        <h2 class="text-center x-large">Custom Themes</h2>
196		<div class="center_text">
197															<span class="likebtn-wrapper" data-theme="custom" data-btn_size="48" data-f_size="24" data-icon_l="thmb5-u" data-icon_d="thmb5-d" data-icon_size="48" data-icon_l_c="#3498db" data-icon_d_c="#3498db" data-bg_c="rgba(152,152,152,0)" data-brdr_c="rgba(152,152,152,0)" data-show_like_label="false" data-identifier="icon_thmb5-u" data-lang="en" ></span>											&nbsp;&nbsp;&nbsp;&nbsp;
198																								<span class="likebtn-wrapper" data-theme="custom" data-btn_size="48" data-f_size="24" data-icon_l="arr4-u" data-icon_d="arr4-d" data-icon_size="48" data-icon_l_c="#3498db" data-icon_d_c="#3498db" data-bg_c="rgba(152,152,152,0)" data-brdr_c="rgba(152,152,152,0)" data-show_like_label="false" data-identifier="icon_arr4-u" data-lang="en" ></span>											&nbsp;&nbsp;&nbsp;&nbsp;
199																								<span class="likebtn-wrapper" data-theme="custom" data-btn_size="48" data-f_size="24" data-icon_l="hrt1" data-icon_d="sgn10-c" data-icon_size="48" data-icon_l_c="#3498db" data-icon_d_c="#3498db" data-bg_c="rgba(152,152,152,0)" data-brdr_c="rgba(152,152,152,0)" data-show_like_label="false" data-identifier="icon_hrt1" data-lang="en" ></span>											&nbsp;&nbsp;&nbsp;&nbsp;
200																								<span class="likebtn-wrapper" data-theme="custom" data-btn_size="48" data-f_size="24" data-icon_l="thmb7-u" data-icon_d="thmb7-d" data-icon_size="48" data-icon_l_c="#3498db" data-icon_d_c="#3498db" data-bg_c="rgba(152,152,152,0)" data-brdr_c="rgba(152,152,152,0)" data-show_like_label="false" data-identifier="icon_thmb7-u" data-lang="en" ></span>											<br/><br/>
201																								<span class="likebtn-wrapper" data-theme="custom" data-btn_size="48" data-f_size="24" data-icon_l="sgn3-p" data-icon_d="sgn3-m" data-icon_size="48" data-icon_l_c="#3498db" data-icon_d_c="#3498db" data-bg_c="rgba(152,152,152,0)" data-brdr_c="rgba(152,152,152,0)" data-show_like_label="false" data-identifier="icon_sgn3-p" data-lang="en" ></span>											&nbsp;&nbsp;&nbsp;&nbsp;
202																								<span class="likebtn-wrapper" data-theme="custom" data-btn_size="48" data-f_size="24" data-icon_l="sml3-h" data-icon_d="sml3-u" data-icon_size="48" data-icon_l_c="#3498db" data-icon_d_c="#3498db" data-b
202g_c="rgba(152,152,152,0)" data-brdr_c="rgba(152,152,152,0)" data-show_like_label="false" data-identifier="icon_sml3-h" data-lang="en" ></span>											&nbsp;&nbsp;&nbsp;&nbsp;
203																								<span class="likebtn-wrapper" data-theme="custom" data-btn_size="48" data-f_size="24" data-icon_l="arr16-u" data-icon_d="arr16-d" data-icon_size="48" data-icon_l_c="#3498db" data-icon_d_c="#3498db" data-bg_c="rgba(152,152,152,0)" data-brdr_c="rgba(152,152,152,0)" data-show_like_label="false" data-identifier="icon_arr16-u" data-lang="en" ></span>											&nbsp;&nbsp;&nbsp;&nbsp;
204														</div>
205    </div>
206</div>
207
208
209    <div class="section border-top" id="features">
210        <div class="container">
211
212            <div class="row">
213
214                <div class="col-sm-4 col-md-4">
215                    <div class="thumbnail info-thumbnail">
216                        <div class="caption">
217                            <h3><span class="fa fa-mobile color-lead"></span> Mobile Friendly</h3>
218                            <p class="description" >
219                                <img src="/i/features/like-button-mobile.jpg?v=41">                            </p>
220                        </div>
221                    </div>
222                </div>
223                <div class="col-sm-4 col-md-4">
224                    <div class="thumbnail info-thumbnail">
225                        <div class="caption">
226                            <h3><span class="fa fa-cog color-lead"></span> 92 parameters </h3>
227                            <div class="description">
228                                <ul>
229                                    <li>You don't need to develop the like and dislike button script by yourself - just copy the like button code and paste it into your website HTML code.</li>
230                                    <li>Adjust any single aspect of the Like Button to best suit your needs.</li>
231                                    <li>Create whatever text you want for the like &amp; dislike button.</li>
232                                    <li>Customize appearance with CSS.</li>
233                                </ul>
234                                			<span class="likebtn-wrapper" data-theme="drop" data-counter_type="percent" data-white_label="true" data-i18n_like="Cool!" data-i18n_after_like="Cool!" data-addthis_service_codes="facebook,twitter,preferred1,preferred2,preferred3" data-share_size="large" data-popup_width="200" data-identifier="likebtn_website_homepage_params" data-lang="en" ></span>                            </div>
235                        </div>
236                    </div>
237                </div>
238                <div class="col-sm-4 col-md-4">
239                    <div class="thumbnail info-thumbnail">
240                        <div class="caption">
241                            <h3><span class="fa fa-share-alt color-lead"></span> AddThis Sharing</h3>
242                            <p class="description">
243                                After voting visitors can share a link in social networks: Facebook, Twitter etc.                                <img src="/i/features/share-buttons.png?v=41" alt="AddThis Sharing">                            </p>
244                        </div>
245                    </div>
246                </div>
247
248            </div>
249
250            <div class="row">
251
252                <div class="col-sm-4 col-md-4">
253                    <a href="/i/features/like-button-reports.png?v=41" class="info-thumbnail-link cursor-zoom" data-lightbox="image" title="Real-Time Reports">
254                        <div class="thumbnail info-thumbnail">
255                            <div class="caption">
256                                <h3><span class="fa fa-bar-chart color-lead"></span> Real-Time Reports</h3>
257                                <p class="description">
258                                    <img src="/i/features/like-button-reports.png?v=41" alt="Real-Time Reports">                                </p>
259                            </div>
260                        </div>
261                    </a>
262                </div>
263                <div class="col-sm-4 col-md-4" id="features-stats">
264                    <a href="/i/features/like-button-stats.png?v=41" class="info-thumbnail-link cursor-zoom" data-lightbox="image" title="Voting Statistics">
265                        <div class="thumbnail info-thumbnail">
266                            <div class="caption">
267                                <h3><span class="fa fa-table color-lead"></span> Voting Statistics</h3>
268                                <p class="description" ><img src="/i/features/like-button-stats.png?v=41" alt="Voting Statistics"></p>
269                            </div>
270                        </div>
271                    </a>
272                </div>
273                <div class="col-sm-4 col-md-4">
274                    <a href="/i/features/votes-graph-full.png?v=41" class="info-thumbnail-link cursor-zoom" data-lightbox="image" title="Votes Graph">
275                        <div class="thumbnail info-thumbnail">
276                            <div class="caption">
277                                <h3><span class="fa fa-area-chart color-lead"></span> Votes Graph</h3>
278                                <p class="description" >
279                                    <img src="/i/features/votes-graph.jpg?v=41" alt="Votes Graph">                                </p>
280                            </div>
281                        </div>
282                    </a>
283                </div>
284                
285            </div>
286
287            <div class="row">
288
289                <div class="col-sm-4 col-md-4">
290                    <div class="thumbnail info-thumbnail">
291                        <div class="caption">
292                            <h3><span class="fa fa-money color-lead"></span> Collecting Donations</h3>
293                            <p class="description" >Display donate buttons in the popup and collect donations without any fees!                            <br/><br/><br/><br/><br/><br/>
294                            			<span class="likebtn-wrapper" data-theme="github" data-popup_on_load="true" data-share_enabled="false" data-popup_width="200" data-popup_hide_on_outside_click="false" data-popup_style="light" data-popup_donate="{&amp;quot;purpose&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;payment_systems&amp;quot;:[{&amp;quot;system&amp;quot;:&amp;quot;PayPal&amp;quot;,&amp;quot;account&amp;quot;:&amp;quot;[email protected]&amp;quot;,&amp;quot;amount_integer&amp;quot;:1,&amp;quot;currency&amp;quot;:&amp;quot;USD&amp;quot;},{&amp;quot;system&amp;quot;:&amp;quot;Zaypay&amp;quot;,&amp;quot;account&amp;quot;:&amp;quot;133387&amp;quot;},{&amp;quot;system&amp;quot;:&amp;quot;WebMoney&amp;quot;,&amp;quot;account&amp;quot;:&amp;quot;R087336179278&amp;quot;}]}" data-identifier="donations" data-lang="en" ></span>                            </p>
295                        </div>
296                    </div>
297                </div>
298                <div class="col-sm-4 col-md-4">
299                    <div class="thumbnail info-thumbnail">
300                        <div class="caption">
301                            <h3><span class="fa fa-fighter-jet color-lead"></span> Asynchronous Loading</h3>
302                            <p class="description">
303                                Like Button is loaded asynchronously and does not slow down your website.                                <br/><br/>
304                                <img src="/i/features/async.png?v=41" alt="Asynchronous Loading">                            </p>
305                            <p class="learn-more"><a href="https://likebtn.com/en/faq#connect_to_the_server" class="btn btn-link">Learn more »</a></p>
306                        </div>
307                    </div>
308                </div>
309                <div class="col-sm-4 col-md-4">
310                    <div class="thumbnail info-thumbnail">
311                        <div class="caption">
312                            <h3><span class="fa fa-exchange color-lead"></span> REST API</h3>
313                            <div class="description" >
314                                <ul>
315                                    <li>Retrieve statistics on likes for your website in <strong>JSON</strong>, <strong>CSV</strong> and <strong>HTML</strong> formats with simple REST API.</li>
316                                    <li>Change number of likes and dislikes for buttons on your site.</li>
317                                </ul>
318                            </div>
319                            <p class="learn-more"><a href="https://likebtn.com/en/like-button-statistics-api" class="btn btn-link">Learn more »</a></p>
320                        </div>
321                    </div>
322                </div>
323
324            </div>
325        </div>
326    </div>
327
328    <div class="section no-padding-top" id="code-generator">
329        <div class="container">
330            <h2><span>Like Button Code Generator</span></h2>
331            <div class="row">
332                            <link rel="stylesheet" href="/css/bootstrap-colorpicker.css?v=41">
333    
334
335
336<div class="col-md-12 form-inline ">
337    <div class="form-group">
338        <label for="code_generator_plan">Website plan </label>
339        
340        <select id="code_generator_plan" name="code_generator_plan" onchange="codeGeneratorPlanChange()" class="form-control" autocomplete="off">
341                            <option value="TRIAL" >TRIAL (switches to FREE after 7 days)</option>
342                            <option value="FREE" >FREE</option>
343                            <option value="PLUS" >PLUS</option>
344                            <option value="PRO" >PRO</option>
345                            <option value="VIP" >VIP</option>
346                            <option value="ULTRA" >ULTRA</option>
347                    </select>
348    </div>
349</div>
350
351<div class="col-md-6">
352    <form id="code_generator_form" autocomplete="off">
353
354        <div class="panel-group faq generator" id="generator-cntr">
355
356            <div class="panel panel-default">
357                <div class="panel-heading">
358                    <h4 class="panel-title">
359                        <a href="#generator-general" data-toggle="collapse" aria-expanded="true" class="">
360                            General <b class="caret"></b>
361                        </a>
362                    </h4>
363                </div>
364                <div class="panel-collapse collapse in" id="generator-general" aria-expanded="true" >
365                    <div class="panel-body">
366
367                        <div class="generator-param first">
368                            <div class="form-group">
369                                <label for="theme" class="control-label">
370                                    Theme 
371                                    <a href="/en/settings#settings_theme" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="theme option"></a>                                </label>
372                                <div class="row">
373                                    <div class="col-xs-2 col-sm-1">
374                                        <input type="radio" value="predefined" name="theme_type" checked="checked" />
375                                    </div>
376                                    <div class="col-xs-10 col-sm-5 sm-no-padding-left"> 
377                                        <select name="theme" class="form-control img-dropdown" id="select2_theme"> 
378                                                                                                                                                <option value="white" selected="selected"></option>
379                                                                                                                                                                                                <option value="lightgray" ></option>
380                                                                                                                                                                                                <option value="gray" ></option>
381                                                                                                                                                                                                <option value="black" ></option>
382                                                                                                                                                                                                <option value="padded" ></option>
383                                                                                                                                                                                                <option value="drop" ></option>
384                                                                                                                                                                                                <option value="line" ></option>
385                                                                                                                                                                                                <option value="github" ></option>
386                                                                                                                                                                                                <option value="transparent" ></option>
387                                                                                                                                                                                                <option value="youtube" ></option>
388                                                                                                                                                                                                <option value="habr" ></option>
389                                                                                                                                                                                                <option value="heartcross" ></option>
390                                                                                                                                                                                                <option value="plusminus" ></option>
391                                                                                                                                                                                                <option value="google" ></option>
392                                                                                                                                                                                                <option value="greenred" ></option>
393                                                                                                                                                                                                <option value="large" ></option>
394                                                                                                                                                                                                <option value="elegant" ></option>
395                                                                                                                                                                                                <option value="disk" ></option>
396                                                                                                                                                                                                <option value="squarespace" ></option>
397                                                                                                                                                                                                <option value="slideshare" ></option>
398                                                                                                                                                                                                <option value="baidu" ></option>
399                                                                                                                                                                                                <option value="uwhite" ></option>
400                                                            
400                                                                                                                                    <option value="ublack" ></option>
401                                                                                                                                                                                                <option value="uorange" ></option>
402                                                                                                                                                                                                <option value="ublue" ></option>
403                                                                                                                                                                                                <option value="ugreen" ></option>
404                                                                                                                                                                                                <option value="direct" ></option>
405                                                                                                                                                                                                <option value="homeshop" ></option>
406                                                                                                                                                                                                <option value="nero" ></option>
407                                                                                                                                                                                                <option value="sku" ></option>
408                                                                                                                                                                                                <option value="review" ></option>
409                                                                                                                                                                                                <option value="likebtn" ></option>
410                                                                                                                                                                                                <option value="roundthumb" ></option>
411                                                                                                                                                                                                <option value="ok" ></option>
412                                                                                                                                                                                                <option value="mid" ></option>
413                                                                                                                                                                                                <option value="mini" ></option>
414                                                                                                                                                                                                <option value="bootstrap" ></option>
415                                                                                                                                                                                                <option value="angular" ></option>
416                                                                                                                                                                                                <option value="tick" ></option>
417                                                                                                                                                                                                <option value="stack" ></option>
418                                                                                                                                                                                                <option value="vertplus" ></option>
419                                                                                                                                    </select>
420                                    </div>
421                                    <div class="col-xs-2 col-sm-1">
422                                        <input type="radio" value="custom" name="theme_type" id="gnrtr_theme_type">
423                                    </div>
424                                    <div class="col-xs-10 col-sm-5 sm-no-padding-left">
425                                        <label for="gnrtr_theme_type">Custom Theme</label>
426                                    </div>
427                                </div>
428                            </div>
429                        </div>
430                        <div class="generator-param hidden" id="custom_theme">
431                            <div class="row">
432                                <div class="form-group col-sm-4">
433                                    <label for="btn_size" class="control-label">
434                                        Button Size 
435                                        <a href="/en/settings#settings_btn_size" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="btn_size option"></a>                                    </label>
436                                    <br/>
437                                    <input type="number" value="22" name="btn_size" class="form-control" min="5" max="500" maxlength="3"/>
438                                </div>
439                                <div class="form-group col-sm-4">
440                                    <label for="f_size" class="control-label">
441                                        Font Size 
442                                        <a href="/en/settings#settings_f_size" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="f_size option"></a>                                    </label>
443                                    <br/>
444                                    <input type="number" value="12" name="f_size" class="form-control" min="5" max="500" maxlength="3"/>
445                                </div>
446                                <div class="form-group col-sm-4">
447                                    <label for="icon_size" class="control-label">
448                                        Icon Size 
449                                        <a href="/en/settings#settings_icon_size" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="icon_size option"></a>                                    </label>
450                                    <br/>
451                                    <input type="number" value="14" name="icon_size" class="form-control" min="5" max="500" maxlength="3"/>
452                                </div>
453                            </div>
454                            <div class="form-group">
455                                <label for="icon_l" class="control-label">
456                                    Like Icon                                    <a href="/en/settings#settings_icon_l" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="icon_l option"></a>                                </label>
457                                <div class="row">
458                                    <div class="col-xs-2 col-sm-1">
459                                        <input type="radio" value="icon" name="icon_l_type" checked="checked" class="generator-excl" /> 
460                                    </div>
461                                    <div class="col-xs-10 col-sm-11 sm-no-padding-left">
462                                        <select name="icon_l" class="form-control icon-select2"> 
463                                                                                            <option value="hrt1" >hrt1</option>
464                                                                                            <option value="hrt10" >hrt10</option>
465                                                                                            <option value="hrt11" >hrt11</option>
466                                                                                            <option value="hrt12" >hrt12</option>
467                                                                                            <option value="hrt13" >hrt13</option>
468                                                                                            <option value="hrt2" >hrt2</option>
469                                                                                            <option value="hrt3" >hrt3</option>
470                                                                                            <option value="hrt4" >hrt4</option>
471                                                                                            <option value="hrt5" >hrt5</option>
472                                                                                            <option value="hrt6" >hrt6</option>
473                                                                                            <option value="hrt6-o" >hrt6-o</option>
474                                                                                            <option value="hrt7" >
474hrt7</option>
475                                                                                            <option value="hrt7-o" >hrt7-o</option>
476                                                                                            <option value="hrt8" >hrt8</option>
477                                                                                            <option value="hrt9" >hrt9</option>
478                                                                                            <option value="thmb3-u" >thmb3-u</option>
479                                                                                            <option value="thmb3-d" >thmb3-d</option>
480                                                                                            <option value="thmb4-u" >thmb4-u</option>
481                                                                                            <option value="thmb4-d" >thmb4-d</option>
482                                                                                            <option value="thmb5-u" selected="selected">thmb5-u</option>
483                                                                                            <option value="thmb5-d" >thmb5-d</option>
484                                                                                            <option value="thmb7-u" >thmb7-u</option>
485                                                                                            <option value="thmb7-d" >thmb7-d</option>
486                                                                                            <option value="thmb8-u" >thmb8-u</option>
487                                                                                            <option value="thmb8-d" >thmb8-d</option>
488                                                                                            <option value="thmb9-v" >thmb9-v</option>
489                                                                                            <option value="thmb9-u" >thmb9-u</option>
490                                                                                            <option value="thmb2-u" >thmb2-u</option>
491                                                                                            <option value="thmb2-d" >thmb2-d</option>
492                                                                                            <option value="thmb1" >thmb1</option>
493                                                                                            <option value="thmb6" >thmb6</option>
494                                                                                            <option value="alrt1" >alrt1</option>
495                                                                                            <option value="alrt2" >alrt2</option>
496                                                                                            <option value="arr1-d" >arr1-d</option>
497                                                                                            <option value="arr1-u" >arr1-u</option>
498                                                                                            <option value="arr10-d" >arr10-d</option>
499                                                                                            <option value="arr10-u" >arr10-u</option>
500                                                                                            <option value="arr11-d" >arr11-d</option>
501                                                                                            <option value="arr11-l" >arr11-l</option>
502                                                                                            <option value="arr11-r" >arr11-r</option>
503                                                                                            <option value="arr11-u" >arr11-u</option>
504                                                                                            <option value="arr12-d" >arr12-d</option>
505                                                                                            <option value="arr12-u" >arr12-u</option>
506                                                                                            <option value="arr13-d" >arr13-d</option>
507                                                                                            <option value="arr13-u" >arr13-u</option>
508                                                                                            <option value="arr14-d" >arr14-d</option>
509                                                                                            <option value="arr14-u" >arr14-u</option>
510                                                                                            <option value="arr15-d" >arr15-d</option>
511                                                                                            <option value="arr15-u" >arr15-u</option>
512                                                                                            <option value="arr16-d" >arr16-d</option>
513                                                                                            <option value="arr16-u" >arr16-u</option>
514                                                                                            <option value="arr17-d" >arr17-d</option>
515                                                                                            <option value="arr17-u" >arr17-u</option>
516                                                                                            <option value="arr18-d" >
516arr18-d</option>
517                                                                                            <option value="arr18-u" >arr18-u</option>
518                                                                                            <option value="arr19-d" >arr19-d</option>
519                                                                                            <option value="arr19-u" >arr19-u</option>
520                                                                                            <option value="arr2-d" >arr2-d</option>
521                                                                                            <option value="arr2-u" >arr2-u</option>
522                                                                                            <option value="arr3-d" >arr3-d</option>
523                                                                                            <option value="arr3-u" >arr3-u</option>
524                                                                                            <option value="arr4-d" >arr4-d</option>
525                                                                                            <option value="arr4-u" >arr4-u</option>
526                                                                                            <option value="arr5-d" >arr5-d</option>
527                                                                                            <option value="arr5-u" >arr5-u</option>
528                                                                                            <option value="arr6-d" >arr6-d</option>
529                                                                                            <option value="arr6-u" >arr6-u</option>
530                                                                                            <option value="arr7-d" >arr7-d</option>
531                                                                                            <option value="arr7-u" >arr7-u</option>
532                                                                                            <option value="arr8-d" >arr8-d</option>
533                                                                                            <option value="arr8-u" >arr8-u</option>
534                                                                                            <option value="arr9-d" >arr9-d</option>
535                                                                                            <option value="arr9-u" >arr9-u</option>
536                                                                                            <option value="blb1" >blb1</option>
537                                                                                            <option value="blb2" >blb2</option>
538                                                                                            <option value="bll" >bll</option>
539                                                                                            <option value="bll-o" >bll-o</option>
540                                                                                            <option value="bskt" >bskt</option>
541                                                                                            <option value="dmnd" >dmnd</option>
542                                                                                            <option value="flg1" >flg1</option>
543                                                                                            <option value="flg2" >flg2</option>
544                                                                                            <option value="flg2-f" >flg2-f</option>
545                                                                                            <option value="flg2-o" >flg2-o</option>
546                                                                                            <option value="lck1-c" >lck1-c</option>
547                                                                                            <option value="lck1-o" >lck1-o</option>
548                                                                                            <option value="lck2-c" >lck2-c</option>
549                                                                                            <option value="lck2-o" >lck2-o</option>
550                                                                                            <option value="rnd" >rnd</option>
551                                                                                            <option value="rnd-0" >rnd-0</option>
552                                                                                            <option value="sgn1-s" >sgn1-s</option>
553                                                                                            <option value="sgn1-t" >sgn1-t</option>
554                                                                                            <option value="sgn10-c" >sgn10-c</option>
555                                                                                            <option value="sgn10-t" >sgn10-t</option>
556                                                                                            <option value="sgn11-i" >sgn11-i</option>
557                                                                                            <option value="sgn11-q" >sgn11-q</option>
558                                                                                            <option value="sgn12-m" >sgn12-m</option>
559                                                                                            <option value="sgn12-p" >sgn12-p</option>
560                                                                                            <option value="sgn2-m" >sgn2-m</option>
561                                                                                            <option value="sgn2-p" >sgn2-p</option>
562                                                                                            <option value="sgn3-c" >sgn3-c</option>
563                                                                                            <option value="sgn3-m" >sgn3-m</option>
564                                                                                            <option value="sgn3-p" >sgn3-p</option>
565                                                                                            <option value="sgn3-t" >sgn3-t</option>
566                                                                                            <option value="sgn4-c" >sgn4-c</option>
567                                                                                            <option value="sgn4-t" >sgn4-t</option>
568                                                                                            <option value="sgn5-t" >sgn5-t</option>
569                                                                                            <option value="sgn6-m" >sgn6-m</option>
570                                                                                            <option value="sgn6-p" >sgn6-p</option>
571                                                                                            <option value="sgn7-c" >sgn7-c</option>
572                                                                                            <option value="sgn7-m" >sgn7-m</option>
573                                                                                            <option value="sgn7-p" >sgn7-p</option>
574                                                                                            <option value="sgn7-t" >sgn7-t</option>
575                                                                                            <option value="sgn8-c" >sgn8-c</option>
576                                                                                            <option value="sgn8-m" >sgn8-m</option>
577                                                                                            <option value="sgn8-p" >sgn8-p</option>
578                                                                                            <option value="sgn8-t" >sgn8-t</option>
579                                                                                            <option value="sgn9-f" >sgn9-f</option>
580                                                                                            <option value="sky-sn" >sky-sn</option>
581                                                                                            <option value="sky-mn" >sky-mn</option>
582                                                                                            <option value="sml1" >sml1</option>
583                                                                                            <option value="sml2" >sml2</option>
584                                                                                            <option value="sml3-h" >sml3-h</option>
585                                                                                            <option value="sml3-n" >sml3-n</option>
586                                                                                            <option value="sml3-u" >sml3-u</option>
587                                                                                            <option value="stck" >stck</option>
588                                                                                            <option value="str1" >str1</option>
589                                                                                            <option value="str1-o" >str1-o</option>
590                                                                                            <option value="str2" >str2</option>
591                                                                                            <option value="str2-o" >str2-o</option>
592                                                                                            <option value="trsh" >trsh</option>
593                                                                                            <option value="usr1" >usr1</option>
594                                                                                            <option value="usr1-o" >usr1-o</option>
595                                                                                            <option value="usr2-c" >usr2-c</option>
596                                                                                            <option value="usr2-p" >usr2-p</option>
597                                                                                            <option value="vlm1-d" >vlm1-d</option>
598                                                                                            <option value="vlm1-u" >vlm1-u</option>
599                                                                                            <option value="zap" >zap</option>
600                                                                                            <option value="zm-in" >zm-in</option>
601                                                                                            <option value="zm-out" >zm-out</option>
602                                                                                    </select>
603                                    </div>
604                                </div>
605                            </div>
606                            <div class="row">
607                                <div class="form-group col-xs-2 col-sm-1">
608                                    <input type="radio" value="url" name="icon_l_type" class="generator-excl">
609                                </div>
610                                <div class="form-group col-xs-10 col-sm-5 sm-no-padding-left">
611                                    <input type="text" value="" name="icon_l_url" class="form-control generator-noplan icon_l_url" disabled="disabled" placeholder="Image URL">
612                                </div>
613                                <div class="form-group col-xs-10 col-xs-offset-2 col-sm-offset-0 col-sm-6">
614                                    <input type="text" value="" name="icon_l_url_v" class="form-control generator-noplan icon_l_url" disabled="disabled" placeholder="Image URL After Voting">
615                                </div>
616                            </div>
617                                                        <div class="form-group">
618                                <label for="icon_d" class="control-label">
619                                    Dislike Icon                                    <a href="/en/settings#settings_icon_d" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="icon_d option"></a>                                </label>
620                                <div class="row">
621                                    <div class="col-xs-2 col-sm-1">
622                                        <input type="radio" value="icon" name="icon_d_type" checked="checked" class="generator-excl" /> 
623                                    </div>
624                                    <div class="col-xs-10 col-sm-11 sm-no-padding-left">
625                                        <select name="icon_d" class="form-control icon-select2"> 
626                                                                                            <option value="hrt1" >hrt1</option>
627                                                                                            <option value="hrt10" >hrt10</option>
628                                                                                            <option value="hrt11" >hrt11</option>
629                                                                                            <option value="hrt12" >hrt12</option>
630                                                                                            <option value="hrt13" >hrt13</option>
631                                                                                            <option value="hrt2" >hrt2</option>
632                                                                                            <option value="hrt3" >hrt3</option>
633                                                                                            <option value="hrt4" >hrt4</option>
634                                                                                            <option value="hrt5" >hrt5</option>
635                                                                                            <option value="hrt6" >hrt6</option>
636                                                                                            <option value="hrt6-o" >hrt6-o</option>
637                                                                                            <option value="hrt7" >
637hrt7</option>
638                                                                                            <option value="hrt7-o" >hrt7-o</option>
639                                                                                            <option value="hrt8" >hrt8</option>
640                                                                                            <option value="hrt9" >hrt9</option>
641                                                                                            <option value="thmb3-u" >thmb3-u</option>
642                                                                                            <option value="thmb3-d" >thmb3-d</option>
643                                                                                            <option value="thmb4-u" >thmb4-u</option>
644                                                                                            <option value="thmb4-d" >thmb4-d</option>
645                                                                                            <option value="thmb5-u" >thmb5-u</option>
646                                                                                            <option value="thmb5-d" selected="selected">thmb5-d</option>
647                                                                                            <option value="thmb7-u" >thmb7-u</option>
648                                                                                            <option value="thmb7-d" >thmb7-d</option>
649                                                                                            <option value="thmb8-u" >thmb8-u</option>
650                                                                                            <option value="thmb8-d" >thmb8-d</option>
651                                                                                            <option value="thmb9-v" >thmb9-v</option>
652                                                                                            <option value="thmb9-u" >thmb9-u</option>
653                                                                                            <option value="thmb2-u" >thmb2-u</option>
654                                                                                            <option value="thmb2-d" >thmb2-d</option>
655                                                                                            <option value="thmb1" >thmb1</option>
656                                                                                            <option value="thmb6" >thmb6</option>
657                                                                                            <option value="alrt1" >alrt1</option>
658                                                                                            <option value="alrt2" >alrt2</option>
659                                                                                            <option value="arr1-d" >arr1-d</option>
660                                                                                            <option value="arr1-u" >arr1-u</option>
661                                                                                            <option value="arr10-d" >arr10-d</option>
662                                                                                            <option value="arr10-u" >arr10-u</option>
663                                                                                            <option value="arr11-d" >arr11-d</option>
664                                                                                            <option value="arr11-l" >arr11-l</option>
665                                                                                            <option value="arr11-r" >arr11-r</option>
666                                                                                            <option value="arr11-u" >arr11-u</option>
667                                                                                            <option value="arr12-d" >arr12-d</option>
668                                                                                            <option value="arr12-u" >arr12-u</option>
669                                                                                            <option value="arr13-d" >arr13-d</option>
670                                                                                            <option value="arr13-u" >arr13-u</option>
671                                                                                            <option value="arr14-d" >arr14-d</option>
672                                                                                            <option value="arr14-u" >arr14-u</option>
673                                                                                            <option value="arr15-d" >arr15-d</option>
674                                                                                            <option value="arr15-u" >arr15-u</option>
675                                                                                            <option value="arr16-d" >arr16-d</option>
676                                                                                            <option value="arr16-u" >arr16-u</option>
677                                                                                            <option value="arr17-d" >arr17-d</option>
678                                                                                            <option value="arr17-u" >arr17-u</option>
679                                                                                            <option value="arr18-d" >
679arr18-d</option>
680                                                                                            <option value="arr18-u" >arr18-u</option>
681                                                                                            <option value="arr19-d" >arr19-d</option>
682                                                                                            <option value="arr19-u" >arr19-u</option>
683                                                                                            <option value="arr2-d" >arr2-d</option>
684                                                                                            <option value="arr2-u" >arr2-u</option>
685                                                                                            <option value="arr3-d" >arr3-d</option>
686                                                                                            <option value="arr3-u" >arr3-u</option>
687                                                                                            <option value="arr4-d" >arr4-d</option>
688                                                                                            <option value="arr4-u" >arr4-u</option>
689                                                                                            <option value="arr5-d" >arr5-d</option>
690                                                                                            <option value="arr5-u" >arr5-u</option>
691                                                                                            <option value="arr6-d" >arr6-d</option>
692                                                                                            <option value="arr6-u" >arr6-u</option>
693                                                                                            <option value="arr7-d" >arr7-d</option>
694                                                                                            <option value="arr7-u" >arr7-u</option>
695                                                                                            <option value="arr8-d" >arr8-d</option>
696                                                                                            <option value="arr8-u" >arr8-u</option>
697                                                                                            <option value="arr9-d" >arr9-d</option>
698                                                                                            <option value="arr9-u" >arr9-u</option>
699                                                                                            <option value="blb1" >blb1</option>
700                                                                                            <option value="blb2" >blb2</option>
701                                                                                            <option value="bll" >bll</option>
702                                                                                            <option value="bll-o" >bll-o</option>
703                                                                                            <option value="bskt" >bskt</option>
704                                                                                            <option value="dmnd" >dmnd</option>
705                                                                                            <option value="flg1" >flg1</option>
706                                                                                            <option value="flg2" >flg2</option>
707                                                                                            <option value="flg2-f" >flg2-f</option>
708                                                                                            <option value="flg2-o" >flg2-o</option>
709                                                                                            <option value="lck1-c" >lck1-c</option>
710                                                                                            <option value="lck1-o" >lck1-o</option>
711                                                                                            <option value="lck2-c" >lck2-c</option>
712                                                                                            <option value="lck2-o" >lck2-o</option>
713                                                                                            <option value="rnd" >rnd</option>
714                                                                                            <option value="rnd-0" >rnd-0</option>
715                                                                                            <option value="sgn1-s" >sgn1-s</option>
716                                                                                            <option value="sgn1-t" >sgn1-t</option>
717                                                                                            <option value="sgn10-c" >sgn10-c</option>
718                                                                                            <option value="sgn10-t" >sgn10-t</option>
719                                                                                            <option value="sgn11-i" >sgn11-i</option>
720                                                                                            <option value="sgn11-q" >sgn11-q</option>
721                                                                                            <option value="sgn12-m" >sgn12-m</option>
722                                                                                            <option value="sgn12-p" >sgn12-p</option>
723                                                                                            <option value="sgn2-m" >sgn2-m</option>
724                                                                                            <option value="sgn2-p" >sgn2-p</option>
725                                                                                            <option value="sgn3-c" >sgn3-c</option>
726                                                                                            <option value="sgn3-m" >sgn3-m</option>
727                                                                                            <option value="sgn3-p" >sgn3-p</option>
728                                                                                            <option value="sgn3-t" >sgn3-t</option>
729                                                                                            <option value="sgn4-c" >sgn4-c</option>
730                                                                                            <option value="sgn4-t" >sgn4-t</option>
731                                                                                            <option value="sgn5-t" >sgn5-t</option>
732                                                                                            <option value="sgn6-m" >sgn6-m</option>
733                                                                                            <option value="sgn6-p" >sgn6-p</option>
734                                                                                            <option value="sgn7-c" >sgn7-c</option>
735                                                                                            <option value="sgn7-m" >sgn7-m</option>
736                                                                                            <option value="sgn7-p" >sgn7-p</option>
737                                                                                            <option value="sgn7-t" >sgn7-t</option>
738                                                                                            <option value="sgn8-c" >sgn8-c</option>
739                                                                                            <option value="sgn8-m" >sgn8-m</option>
740                                                                                            <option value="sgn8-p" >sgn8-p</option>
741                                                                                            <option value="sgn8-t" >sgn8-t</option>
742                                                                                            <option value="sgn9-f" >sgn9-f</option>
743                                                                                            <option value="sky-sn" >sky-sn</option>
744                                                                                            <option value="sky-mn" >sky-mn</option>
745                                                                                            <option value="sml1" >sml1</option>
746                                                                                            <option value="sml2" >sml2</option>
747                                                                                            <option value="sml3-h" >sml3-h</option>
748                                                                                            <option value="sml3-n" >sml3-n</option>
749                                                                                            <option value="sml3-u" >sml3-u</option>
750                                                                                            <option value="stck" >stck</option>
751                                                                                            <option value="str1" >str1</option>
752                                                                                            <option value="str1-o" >str1-o</option>
753                                                                                            <option value="str2" >str2</option>
754                                                                                            <option value="str2-o" >str2-o</option>
755                                                                                            <option value="trsh" >trsh</option>
756                                                                                            <option value="usr1" >usr1</option>
757                                                                                            <option value="usr1-o" >usr1-o</option>
758                                                                                            <option value="usr2-c" >usr2-c</option>
759                                                                                            <option value="usr2-p" >usr2-p</option>
760                                                                                            <option value="vlm1-d" >vlm1-d</option>
761                                                                                            <option value="vlm1-u" >vlm1-u</option>
762                                                                                            <option value="zap" >zap</option>
763                                                                                            <option value="zm-in" >zm-in</option>
764                                                                                            <option value="zm-out" >zm-out</option>
765                                                                                    </select>
766                                    </div>
767                                </div>
768                            </div>
769                            <div class="row">
770                                <div class="form-group col-xs-2 col-sm-1">
771                                    <input type="radio" value="url" name="icon_d_type" class="generator-excl">
772                                </div>
773                                <div class="form-group col-xs-10 col-sm-5 sm-no-padding-left">
774                                    <input type="text" value="" name="icon_d_url" class="form-control generator-noplan icon_d_url" disabled="disabled" placeholder="Image URL">
775                                </div>
776                                <div class="form-group col-xs-10 col-xs-offset-2 col-sm-offset-0 col-sm-6">
777                                    <input type="text" value="" name="icon_d_url_v" class="form-control generator-noplan icon_d_url" disabled="disabled" placeholder="Image URL After Voting">
778                                </div>
779                            </div>
780                                                        <div class="row param_icon_l">
781                                <div class="form-group col-sm-6">
782                                    <label for="icon_l_c" class="control-label">
783                                        Like Icon Color 
784                                        <a href="/en/settings#settings_icon_l_c" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="icon_l_c option"></a>                                    </label>
785                                    <br/>
786                                    <div class="input-group cp-group">
787                                        <input type="text" value="#777777" name="icon_l_c" class="form-control"/>
788                                        <span class="input-group-addon"><i></i></span>
789                                    </div>
790                                </div>
791                                <div class="form-group col-sm-6">
792                                    <label for="icon_l_c_v" class="control-label">
793                                        Color After Voting                                        <a href="/en/settings#settings_icon_l_c_v" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="icon_l_c_v option"></a>                                    </label>
794                                    <br/>
795                                    <div class="input-group cp-group">
796                                        <input type="text" value="#fbae05" name="icon_l_c_v" class="form-control"/>
797                                        <span class="input-group-addon"><i></i></span>
798                                    </div>
799                                </div>
800                            </div>
801                            <div class="row param_icon_d">
802                                <div class="form-group col-sm-6">
803                                    <label for="icon_d_c" class="control-label">
804                                        Dislike Icon Color 
805                                        <a href="/en/settings#settings_icon_d_c" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="icon_d_c option"></a>                                    </label>
806                                    <br/>
807                                    <div class="input-group cp-group">
808                                        <input type="text" value="#777777" name="icon_d_c" class="form-control"/>
809                                        <span class="input-group-addon"><i></i></span>
810                                    </div>
811                                </div>
812                                <div class="form-group col-sm-6">
813                                    <label for="icon_d_c_v" class="control-label">
814                                        Color After Voting 
815                                        <a href="/en/settings#settings_icon_d_c_v" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="icon_d_c_v option"></a>                                    </label>
816                                    <br/>
817                                    <div class="input-group cp-group">
818                                        <input type="text" value="#fbae05" name="icon_d_c_v" class="form-control"/>
819                                        <span class="input-group-addon"><i></i></span>
820                                    </div>
821                                </div>
822                            </div>
823                            <div class="row">
824                                <div class="form-group col-sm-6">
825                                    <label for="label_c" class="control-label">
826                                        Label Color 
827                                        <a href="/en/settings#settings_label_c" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="label_c option"></a>                                    </label>
828                                    <br/>
829                                    <div class="input-group cp-group">
830                                        <input type="text" value="#555555" name="label_c" class="form-control"/>
831                                        <span class="input-group-addon"><i></i></span>
832                                    </div>
833                                </div>
834                                <div class="form-group col-sm-6">
835                                    <label for="label_c_v" class="control-label">
836                                        Color After Voting 
837                                        <a href="/en/settings#settings_label_c_v" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="label_c_v option"></a>                                    </label>
838                                    <br/>
839                                    <div class="input-group cp-group">
840                                        <input type="text" value="#3b3b3b" name="label_c_v" class="form-control"/>
841                                        <span class="input-group-addon"><i></i></span>
842                                    </div>
843                                </div>
844                            </div>
845                            <div class="row">
846                                <div class="form-group col-sm-6">
847                                    <label for="counter_l_c" class="control-label">
848                                        Likes Counter Color 
849                                        <a href="/en/settings#settings_counter_l_c" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_l_c option"></a>                                    </label>
850                                    <br/>
851                                    <div class="input-group cp-group">
852                                        <input type="text" value="#000000" name="counter_l_c" class="form-control"/>
853                                        <span class="input-group-addon"><i></i></span>
854                                    </div>
855                                </div>
856                                <div class="form-group col-sm-6">
857                                    <label for="counter_d_c" class="control-label">
858                                        Dislikes Counter Color 
859                                        <a href="/en/settings#settings_counter_d_c" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_d_c option"></a>                                    </label>
860                                    <br/>
861                                    <div class="input-group cp-group">
862                                        <input type="text" value="#000000" name="counter_d_c" class="form-control"/>
863                                        <span class="input-group-addon"><i></i></span>
864                                    </div>
865                                </div>
866                            </div>
867                            <div class="row">
868                                <div class="form-group col-sm-6">
869                                    <label for="bg_c" class="control-label">
870                                        Background Color 
871                                        <a href="/en/settings#settings_bg_c" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="bg_c option"></a>                                    </label>
872                                    <br/>
873                                    <div class="input-group cp-group">
874                                        <input type="text" value="#fafafa" name="bg_c" class="form-control"/>
875                                        <span class="input-group-addon"><i></i></span>
876                                    </div>
877                                </div>
878                                <div class="form-group col-sm-6">
879                                    <label for="bg_c_v" class="control-label">
880                                        Background After Voting 
881                                        <a href="/en/settings#settings_bg_c_v" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="bg_c_v option"></a>                                    </label>
882                                    <br/>
883                                    <div class="input-group cp-group">
884                                        <input type="text" value="#fafafa" name="bg_c_v" class="form-control"/>
885                                        <span class="input-group-addon"><i></i></span>
886                                    </div>
887                                </div>
888                            </div>
889                            <div class="row">
890                                <div class="form-group col-sm-6">
891                                    <label for="brdr_c" class="control-label">
892                                        Border Color 
893                                        <a href="/en/settings#settings_brdr_c" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="brdr_c option"></a>                                    </label>
894                                    <br/>
895                                    <div class="input-group cp-group">
896                                        <input type="text" value="#c6c6c6" name="brdr_c" class="form-control"/>
897                                        <span class="input-group-addon"><i></i></span>
898                                    </div>
899                                </div>
900                            </div>
901                            <div class="form-group">
902                                <label for="f_family" class="control-label">
903                                    Font Family 
904                                    <a href="/en/settings#settings_f_family" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="f_family option"></a>                                </label>
905                                <br/>
906                                <select name="f_family" class="form-control"> 
907                                                                            <option value="Arial" selected="selected" style="font-family: 'Arial'">Arial</option>
908                                                                            <option value="Arial Black"  style="font-family: 'Arial Black'">Arial Black</option>
909                                                                            <option value="Arial Narrow"  style="font-family: 'Arial Narrow'">Arial Narrow</option>
910                                                                            <option value="Brush Script MT"  style="font-family: 'Brush Script MT'">Brush Script MT</option>
911                                                                            <option value="Comic Sans MS"  style="font-family: 'Comic Sans MS'">Comic Sans MS</option>
912                                                                            <option value="Copperplate"  style="font-family: 'Copperplate'">Copperplate</option>
913                                                                            <option value="Courier New"  style="font-family: 'Courier New'">Courier New</option>
914                                                                            <option value="Georgia"  style="font-family: 'Georgia'">Georgia</option>
915                                                                            <option value="Impact"  style="font-family: 'Impact'">Impact</option>
916                                                                            <option value="Lucida Console"  style="font-family: 'Lucida Console'">Lucida Console</option>
917                                                                            <option value="Lucida Grande"  style="font-family: 'Lucida Grande'">Lucida Grande</option>
918                                                                            <option value="Lucida Sans Unicode"  style="font-family: 'Lucida Sans Unicode'">Lucida Sans Unicode</option>
919                                                                            <option value="Palatino"  style="font-family: 'Palatino'">Palatino</option>
920                                                                            <option value="Papyrus"  style="font-family: 'Papyrus'">Papyrus</option>
921                                                                            <option value="Tahoma"  style="font-family: 'Tahoma'">Tahoma</option>
922                                                                            <option value="Times New Roman"  style="font-family: 'Times New Roman'">Times New Roman</option>
923                                                                            <option value="Trebuchet MS"  style="font-family: 'Trebuchet MS'">Trebuchet MS</option>
924                                                                            <option value="Verdana"  style="font-family: 'Verdana'">Verdana</option>
925                                                                    </select>
926                            </div>
927                            <div class="row">
928                                <div class="form-group col-sm-6">
929                                    <label for="label_fs" class="control-label">
930                                        Label Font Style 
931                                        <a href="/en/settings#settings_label_fs" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="label_fs option"></a>                                    </label>
932                                    <br/>
933                                    <select name="label_fs" class="form-control"> 
934                                                                                    <option value="r"                                                                                             >Regular</option>
935                                                                                    <option value="ri"                                                                                                     style="font-style: italic"
936                                                                                            >Regular Italic</option>
937                                                                                    <option value="b" selected="selected"                                                                                                    style="font-weight: bold"
938                                                                                            >Bold</option>
939                                                                                    <option value="bi"                                                                                                     style="font-weight: bold; font-style: italic"
940                                                                                            >Bold Italic</option>
941                                                                            </select>
942                                </div>
943                                <div class="form-group col-sm-6">
944                                    <label for="counter_fs" class="control-label">
945                                        Counter Font Style 
946                                        <a href="/en/settings#settings_counter_fs" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_fs option"></a>                                    </label>
947                                    <br/>
948                                    <select name="counter_fs" class="form-control"> 
949                                                                                    <option value="r" selected="selected"                                                                                            >Regular</option>
950                                                                                    <option value="ri"                                                                                                     style="font-style: italic"
951                                                                                            >Regular Italic</option>
952                                                                                    <option value="b"                                                                                                     style="font-weight: bold"
953                                                                                            >Bold</option>
954                                                                                    <option value="bi"                                                                                                     style="font-weight: bold; font-style: italic"
955                                                                                            >Bold Italic</option>
956                                                                            </select>
957                                </div>
958                            </div>
959                                                    </div>
960
961                        <div class="generator-param">
962                            <div class="form-group">
963                                <label for="lang" class="control-label" style="display:block">
964                                    Language 
965                                    <a href="/en/settings#settings_lang" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="lang option"></a>
966                                    <small class="align-right">
967                                        <a href="https://likebtn.com/en/translate-like-button-widget" target="_blank">Send us translation</a>
968                                    </small>
969                                </label>
970                                
971                                <select name="lang" class="form-control">
972                                                                                                            <option value="" selected="selected">English [en]</option>
973                                                                        <option value="ru" >Russian [ru] – Русский</option>
974                                                                        <option value="af" >Afrikaans [af] – Afrikaans</option>
975                                                                        <option value="ar" >Arabic [ar] – العربية</option>
976                                                                        <option value="hy" >Armenian [hy] – Հայերեն</option>
977                                                                        <option value="be" >Belarusian [be] – Беларуская</option>
978                                                                        <option value="bn" >Bengali [bn] – বাংলা</option>
979                                                                        <option value="bg" >Bulgarian [bg] – Български език</option>
980                                                                        <option value="bs" >Bosnian [bs] – bosanski jezik</option>
981                                                                        <option value="ca" >Catalan [ca] – Català</option>
982                                                                        <option value="zh_CN" >Chinese [zh_CN] – 简体中文</option>
983                                                                        <option value="zh_HK" >Chinese (Hong Kong) [zh_HK] – 简体中文</option>
984                                                                        <option value="cs" >Czech [cs] – Čeština</option>
985                                                                        <option value="fa" >Persian (Farsi) [fa] – فارسی</option>
986                                                                        <option value="fi" >Finnish [fi] – Suomi</option>
987                                                                        <option value="fr" >French [fr] – Français</option>
988                                                                        <option value="da" >Danish [da] – Dansk</option>
989                                                                        <option value="nl" >Dutch [nl] – Nederlands</option>
990                                                                        <option value="de" >German [de] – Deutsch</option>
991                                                                        <option value="el" >Greek [el] – Ελληνικά</option>
992                                                                        <option value="he" >Hebrew [he] – עברית</option>
993                                                                        <option value="hu" >Hungarian [hu] – Magyar</option>
994                                                                        <option value="id" >Indonesian [id] – Bahasa Indonesia</option>
995                                                                        <option value="it" >Italian [it] – Italiano</option>
996                                                                        <option value="ja" >Japanese [ja] – 日本語</option>
997                                                                        <option value="kk" >Kazakh [kk] – Қазақ тілі</option>
998                                                                        <option value="ko" >Korean [ko] – 한국어</option>
999                                                                        <option value="lv" >Latvian [lv] – Latviešu valoda</option>
1000                                                                        <option value="lt" >Lithuanian [lt] – Lietuvių kalba</option>
1001                                                                        <option value="ne" >Nepali [ne] – नेपाली</option>
1002                                                                        <option value="no" >Norwegian (Bokmal) [no] – Norsk bokmål</option>
1003                                                                        <option value="pl" >Polish [pl] – Polski</option>
1004                                                                        <option value="pt" >Portuguese [pt] – Português</option>
1005                                                                        <option value="pt_BR" >Portuguese (Brazil) [pt_BR] – Português do Brasil</option>
1006                                                                        <option value="ro" >Romanian [ro] – Română</option>
1007                                                                        <option value="sr" >Serbian [sr] – Српски језик</option>
1008                                                                        <option value="sk" >Slovak [sk] – Slovenčina</option>
1009                                                                        <option value="sl" >Slovenian [sl] – Slovenščina</option>
1010                                                                        <option value="es" >Spanish [es] – Español</option>
1011                                                                        <option value="sv" >Swedish [sv] – Svenska</option>
1012                                                                        <option value="th" >Thai [th] – ไทย</option>
1013                                                                        <option value="tr" >Turkish [tr] – Türkçe</option>
1014                                                                        <option value="uk" >Ukrainian [uk] – Українська мова</option>
1015                                                                        <option value="vi" >Vietnamese [vi] – Tiếng Việt</option>
1016                                                                    </select>
1017                            </div>
1018                        </div>
1019
1020                        <div class="generator-param">
1021                            <div class="form-group">
1022                                <label for="i18n_like" class="control-label">
1023                                    Like button text                                    <a href="/en/settings#settings_site_id" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_like option"></a>                                </label>
1024                                <br/>
1025                                <input type="text" value="" name="i18n_like" class="form-control" placeholder="Like"/>
1026                            </div>
1027                        </div>
1028
1029                        <div class="generator-param">
1030                            <div class="form-group">
1031                                <label for="ef_voting" class="control-label">
1032                                    Voting animation 
1033                                    <a href="/en/settings#settings_ef_voting" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="ef_voting option"></a>                                </label>
1034                                
1035                                <select name="ef_voting" class="form-control">
1036                                    <option value=""></option>
1037                                                                        <option value="push" >push</option>
1038                                                                        <option value="grow" >grow</option>
1039                                                                        <option value="buzz" >buzz</option>
1040                                                                        <option value="wobble" >wobble
1040</option>
1041                                                                        <option value="bounce" >bounce</option>
1042                                                                        <option value="shake" >shake</option>
1043                                                                        <option value="heartbeat" >heartbeat</option>
1044                                                                    </select>
1045                            </div>
1046                        </div>
1047
1048                        <div class="generator-param generator_plan_VIP">
1049                            <div class="generator-sign">
1050                                <i class="fa fa-close" data-toggle="tooltip" title="Not available within selected plan"></i>
1051                            </div>
1052                            <div class="form-group">
1053                                <label for="white_label" class="control-label">
1054                                    Remove branding 
1055                                    <a href="/en/settings#settings_white_label" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="No LikeBtn branding link"></a>                                    <a href="#plan_vip" class="plan_name plan_vip">VIP</a> <a href="#plan_ultra" class="plan_name plan_ultra">ULTRA</a>
1056                                </label>
1057                                <br/>
1058                                <input type="radio" name="white_label" value="true"> Yes&nbsp;
1059                                <input type="radio" name="white_label" value="" checked="checked"> No                            </div>
1060                        </div>
1061
1062                        <div class="generator-param ">
1063                            <div class="form-group">
1064                                <label for="rich_snippet" class="control-label">
1065                                    Google Rich Snippets 
1066                                    <a href="/en/faq#rich_snippets" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="jsmodal" data-remote="/en/faq/snippets" data-modal-title="Google Rich Snippets"></a>
1067                                </label>
1068                                <br/>
1069                                <input type="radio" name="rich_snippet" value="true"> Yes&nbsp;
1070                                <input type="radio" name="rich_snippet" value="" checked="checked"> No                                                                <p class="alert alert-warning small margin-top hidden rich_snippet_true">
1071                                    Make sure to specify <a href="javascript:scrlTo('#generator-item')">item information</a>, otherwise Google will not index structured data on your website. <a href="/en/faq#rich_snippets" class="fa fa-info-circle hlp-icn" data-toggle="tooltip" target="_blank" title="Learn more"></a>
1072                                </p>
1073                                                            </div>
1074                        </div>
1075
1076                        
1077                        <div class="generator-param last " id="settings_identifier">
1078                            <div class="form-group">
1079                                <label for="identifier_type" class="control-label">
1080                                    Button Name 
1081                                    <a href="/en/settings#settings_identifier" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="Select a button name which will be used for statistics analysis."></a>                                </label>
1082                                <br/>
1083                                <div class="checkbox">
1084                                    <label>
1085                                        <input type="radio" name="identifier_type" value="url"> Use page URL as button name                                    </label>
1086                                </div>
1087                                <div class="checkbox">
1088                                    <label>
1089                                        <input type="radio" name="identifier_type" value="custom" checked="checked" > Custom name                                    </label>
1090                                </div>
1091                                <input type="text" value="item_1" name="identifier" class="form-control"/>
1092                                <br/>
1093                                <p class="alert alert-warning small">
1094                                    Button name is used for statistics analysis. It must be unique for each button, otherwise the same voting will be reflected to all the buttons having the same name.<a href="/en/faq#reflecting_voting" class="fa fa-info-circle hlp-icn" data-toggle="tooltip" title="Learn more"></a>                                </p>
1095                            </div>
1096                        </div>
1097
1098                    </div>
1099                </div>
1100            </div>
1101
1102            <div class="panel panel-default">
1103                <div class="panel-heading">
1104                    <h4 class="panel-title">
1105                        <a href="#generator-button" data-toggle="collapse" aria-expanded="true" class="">
1106                            Button Elements <b class="caret"></b>
1107                        </a>
1108                    </h4>
1109                </div>
1110
1111                <div class="panel-collapse collapse" id="generator-button" aria-expanded="true" >
1112                    <div class="panel-body">
1113
1114                        <div class="generator-param first">
1115                            <div class="form-group">
1116                                <label for="vert" class="control-label">
1117                                    Vertical Layout 
1118                                    <a href="/en/settings#settings_vert" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="vert option"></a>                                </label>
1119                                <br/>
1120                                <input type="radio" name="vert" value="true"> Yes&nbsp;
1121                                <input type="radio" name="vert" value="" checked="checked"> No                            </div>
1122                        </div>
1123
1124                        <div class="generator-param">
1125                            <div class="form-group">
1126                                <label for="show_like_label" class="control-label">
1127                                    Show like label                                    <a href="/en/settings#settings_show_like_label" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="show_like_label option"></a>                                </label>
1128                                <br/>
1129                                <input type="radio" name="show_like_label" value="" checked="checked"> Yes&nbsp;
1130                                <input type="radio" name="show_like_label" value="false"> No                            </div>
1131                        </div>
1132
1133                        <div class="generator-param">
1134                            <div class="form-group">
1135                                <label for="show_dislike_label" class="control-label">
1136                                    Show dislike label                                    <a href="/en/settings#settings_show_dislike_label" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="show_dislike_label option"></a>                                </label>
1137                                <br/>
1138                                <input type="radio" name="show_dislike_label" value="true"> Yes&nbsp;
1139                                <input type="radio" name="show_dislike_label" value="" checked="checked"> No                            </div>
1140                        </div>
1141
1142                        <div class="generator-param">
1143                            <div class="form-group">
1144                                <label for="like_enabled" class="control-label">
1145                                    Show like button                                    <a href="/en/settings#settings_like_enabled" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="like_enabled o
1145ption"></a>                                </label>
1146                                <br/>
1147                                <input type="radio" name="like_enabled" value="" checked="checked"> Yes&nbsp;
1148                                <input type="radio" name="like_enabled" value="false"> No                            </div>
1149                        </div>
1150
1151                        <div class="generator-param">
1152                            <div class="form-group">
1153                                <label for="dislike_enabled" class="control-label">
1154                                    Show dislike button                                    <a href="/en/settings#settings_dislike_enabled" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="dislike_enabled option"></a>                                </label>
1155                                <br/>
1156                                <input type="radio" name="dislike_enabled" value="" checked="checked"> Yes&nbsp;
1157                                <input type="radio" name="dislike_enabled" value="false"> No                            </div>
1158                        </div>
1159
1160                        <div class="generator-param">
1161                            <div class="form-group">
1162                                <label for="icon_like_show" class="control-label">
1163                                    Show like icon                                    <a href="/en/settings#settings_icon_like_show" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="icon_like_show option"></a>                                </label>
1164                                <br/>
1165                                <input type="radio" name="icon_like_show" value="" checked="checked"> Yes&nbsp;
1166                                <input type="radio" name="icon_like_show" value="false"> No                            </div>
1167                        </div>
1168
1169                        <div class="generator-param last">
1170                            <div class="form-group">
1171                                <label for="icon_dislike_show" class="control-label">
1172                                    Show dislike icon                                    <a href="/en/settings#settings_icon_dislike_show" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="icon_dislike_show option"></a>                                </label>
1173                                <br/>
1174                                <input type="radio" name="icon_dislike_show" value="" checked="checked"> Yes&nbsp;
1175                                <input type="radio" name="icon_dislike_show" value="false"> No                            </div>
1176                        </div>
1177
1178                    </div>
1179                </div>
1180            </div>
1181
1182            <div class="panel panel-default">
1183                <div class="panel-heading">
1184                    <h4 class="panel-title">
1185                        <a href="#generator-voting" data-toggle="collapse" aria-expanded="true" class="">
1186                            Voting <b class="caret"></b>
1187                        </a>
1188                    </h4>
1189                </div>
1190
1191                <div class="panel-collapse collapse" id="generator-voting" aria-expanded="true" >
1192                    <div class="panel-body">
1193
1194                        <div class="generator-param first">
1195                            <div class="form-group">
1196                                <label for="voting_enabled" class="control-label">
1197                                    Allow voting                                    <a href="/en/settings#settings_voting_enabled" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="voting_enabled option"></a>                                </label>
1198                                <br/>
1199                                <input type="radio" name="voting_enabled" value="" checked="checked"> Yes&nbsp;
1200                                <input type="radio" name="voting_enabled" value="false"> No                            </div>
1201                        </div>
1202
1203                        <div class="generator-param">
1204                            <div class="form-group">
1205                                <label for="voting_cancelable" class="control-label">
1206                                    Allow to cancel a vote                                    <a href="/en/settings#settings_voting_cancelable" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="voting_cancelable option"></a>                                </label>
1207                                <br/>
1208                                <input type="radio" name="voting_cancelable" value="" checked="checked"> Yes&nbsp;
1209                                <input type="radio" name="voting_cancelable" value="false"> No                            </div>
1210                        </div>
1211
1212                        <div class="generator-param">
1213                            <div class="form-group">
1214                                <label for="voting_both" class="control-label">
1215                                    Allow to like and dislike at the same time                                    <a href="/en/settings#settings_voting_both" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="voting_both option"></a>                                </label>
1216                                <br/>
1217                                <input type="radio" name="voting_both" value="true" > Yes&nbsp;
1218                                <input type="radio" name="voting_both" value="" checked="checked"> No                            </div>
1219                        </div>
1220
1221                                                    <div class="generator-param">
1222                                <div class="form-group">
1223                                    <label for="voting_frequency" class="control-label">
1224                                        How often visitor can vote (sec)
1225                                        <a href="/en/settings#settings_voting_frequency" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="voting_frequency option"></a>                                    </label>
1226                                    <br/>
1227                                    <input type="text" value="0" name="voting_frequency" class="form-control"/>
1228                                    <br/>
1229                                    <div class="alert alert-warning small">
1230                                                                                How often visitor can vote per button. Number in seconds, minimum 1 second. Make sure that its value is less than <a href="/en/customer.php/websites" target="_blank">IP address vote interval</a> of your website. Visitor can vote again only after reloading the page.                                                                            </div>
1231                                </div>
1232                            </div>
1233                        
1234                        <div class="generator-param last">
1235                            <div class="form-group">
1236                                <label for="group_identifier" class="control-label">
1237                                    Buttons group name 
1238                                    <a href="/en/settings#settings_group_identifier"  target="_blank" class="fa fa-info-circle hlp-icn" data-toggle="tooltip" title="Identifier of the group of buttons. If several Like Buttons have the same group identifier, visitor is allowed to vote using only one of them."></a>
1239                                </label>
1240                                <br/>
1241                                <input type="text" value="" name="group_identifier" class="form-control"/>
1242                            </div>
1243                        </div>
1244
1245                    </div>
1246                </div>
1247
1248            </div>
1249
1250            <div class="panel panel-default">
1251                <div class="panel-heading">
1252                    <h4 class="panel-title">
1253                        <a href="#generator-counter" data-toggle="collapse" aria-expanded="true" class="">
1254                            Counter <b class="caret"></b>
1255                        </a>
1256                    </h4>
1257                </div>
1258
1259                <div class="panel-collapse collapse" id="generator-counter" aria-expanded="true" >
1260                    <div class="panel-body">
1261
1262                        <div class="generator-param first">
1263                            <div class="form-group">
1264                                <label for="counter_show" class="control-label">
1265                                    Show votes counter                                    <a href="/en/settings#settings_counter_show" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_show option"></a>                                </label>
1266                                <br/>
1267                                <input type="radio" name="counter_show" value="" checked="checked"> Yes&nbsp;
1268                                <input type="radio" name="counter_show" value="false" > No                            </div>
1269                        </div>
1270
1271                        <div class="generator-param">
1272                            <div class="form-group">
1273                                <label for="counter_type" class="control-label">
1274                                    Counter type                                    <a href="/en/settings#settings_counter_type" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_type option"></a>                                </label>
1275                                <br/>
1276                                <select name="counter_type" class="form-control">
1277                                    <option value="">Number</option>
1278                                    <option value="percent">Percent</option>
1279                                    <option value="subtract_dislikes">Subtract Dislikes</option>
1280                                    <option value="single_number">Single Number Outside</option>
1281                                </select>
1282                            </div>
1283                        </div>
1284
1285                        <div class="generator-param">
1286                            <div class="form-group">
1287                                <label for="counter_clickable" class="control-label">
1288                                    Votes counter is clickable                                    <a href="/en/settings#settings_counter_clickable" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_clickable option"></a>                                </label>
1289                                <br/>
1290                                <input type="radio" name="counter_clickable" value="true"> Yes&nbsp;
1291                                <input type="radio" name="counter_clickable" value="" checked="checked"> No                            </div>
1292                        </div>
1293
1294                        <div class="generator-param">
1295                            <div class="form-group">
1296                                <label for="counter_type" class="control-label">
1297                                    Counter format                                    <a href="/en/settings#settings_counter_frmt" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_frmt option"></a>                                </label>
1298                                <br/>
1299                                <select name="counter_frmt" class="form-control">
1300                                    <option value="">Without thousands separator (3700)</option>
1301                                    <option value="space">Space as thousands separator (3 700)</option>
1302                                    <option value="comma">Comma as thousands separator (3,700)</option>
1303                                    <option value="period">Period as thousands separator (3.700)</option>
1304                                    <option value="apo">Apostrophe as thousands separator (3'700)</option>
1305                                    <option value="km">K for thousands (3.7K), M for millions (15.2M)</option>
1306                                </select>
1307                            </div>
1308                        </div>
1309
1310                        <div class="generator-param">
1311                            <div class="form-group">
1312                                <label for="counter_padding" class="control-label">
1313                                    Counter mask                                    <a href="/en/settings#settings_counter_padding" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_padding option"></a>                                </label>
1314                                <br/>
1315                                <input type="text" value="" name="counter_padding" class="form-control" />
1316                            </div>
1317                        </div>
1318
1319                        <div class="generator-param generator_plan_ULTRA">
1320                            <div class="form-group">
1321                                <label for="counter_padding" class="control-label">
1322                                    Initial random likes                                    &nbsp;
1323                                    <a href="#plan_ultra" class="plan_name plan_ultra">ULTRA</a>
1324                                </label>
1325                               
1326                                                                                                    <p class="alert alert-warning small">
1327                                         You can set initial number of likes for buttons on <a href="/en/customer.php/websites" target="_blank">Websites</a> page.                                     </p>
1328                                                            </div>
1329                        </div>
1330
1331                        <div class="generator-param">
1332                            <div class="form-group">
1333                                <label for="counter_zero_show" class="control-label">
1334                                    Show zero value in counter                                    <a href="/en/settings#settings_counter_zero_show" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_zero_show option"></a>                                </label>
1335                                <br/>
1336                                <input type="radio" name="counter_zero_show" value="true"> Yes&nbsp;
1337                                <input type="radio" name="counter_zero_show" value="" checked="checked"> No                            </div>
1338                        </div>
1339
1340                        <div class="generator-param last">
1341                            <div class="form-group">
1342                                <label for="counter_zero_show" class="control-label">
1343                                    Animate number counting                                    <a href="/en/settings#settings_counter_count" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="counter_count option"></a>                                </label>
1344                                <br/>
1345                                <input type="radio" name="counter_count" value="true"> Yes&nbsp;
1346                                <input type="radio" name="counter_count" value="" checked="checked"> No                            </div>
1347                        </div>
1348
1349                    </div>
1350                </div>
1351
1352            </div>
1353
1354            <div class="panel panel-default">
1355                <div class="panel-heading">
1356                    <h4 class="panel-title">
1357                        <a href="#generator-popup" data-toggle="collapse" aria-expanded="true" class="">
1358                            Popup <b class="caret"></b>
1359                        </a>
1360                    </h4>
1361                </div>
1362
1363                <div class="panel-collapse collapse" id="generator-popup" aria-expanded="true" >
1364                    <div class="panel-body">
1365
1366                        <div class="generator-param generator_plan_VIP first">
1367                            <div class="form-group">
1368                                <label for="popup_disabled" class="control-label">
1369                                    Disable popup                                    <a href="/en/settings#settings_popup_disabled" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="popup_disabled option"></a> <a href="#plan_vip" class="plan_name plan_vip">VIP</a> <a href="#plan_ultra" class="plan_name plan_ultra">ULTRA</a>
1370                                </label>
1371                                <br/>
1372                                <input type="radio" name="popup_disabled" value="true"> Yes&nbsp;
1373                                <input type="radio" name="popup_disabled" value="" checked="checked"> No                            </div>
1374                        </div>
1375
1376                        <div class="generator-param">
1377                            <div class="form-group">
1378                                <label for="popup_dislike" class="control-label">
1379                                    Show popup on disliking                                    <a href="/en/settings#settings_popup_dislike" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="popup_dislike option"></a>                                </label>
1380                                <br/>
1381                                <input type="radio" name="popup_dislike" value="true"> Yes&nbsp;
1382                                <input type="radio" name="popup_dislike" value="" checked="checked"> No                            </div>
1383                        </div>
1384
1385                        <div class="generator-param">
1386                            <div class="form-group">
1387                                <label for="popup_position" class="control-label">
1388                                    Popup position                                    <a href="/en/settings#settings_popup_position" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="popup_position option"></a>                                </label>
1389                                <br/>
1390                                <select name="popup_position" class="form-control img-dropdown" id="select2_pposition">
1391                                    <option value="top"></option>
1392                                    <option value="right"></option>
1393                                    <option value="bottom"></option>
1394                                    <option value="left"></option>
1395                                </select>
1396                            </div>
1397                        </div>
1398
1399                        <div class="generator-param">
1400                            <div class="form-group">
1401                                <label for="popup_style" class="control-label">
1402                                    Popup style                                    <a href="/en/settings#settings_popup_style" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="popup_style option"></a>                                </label>
1403                                <br/>
1404                                <select name="popup_style" class="form-control img-dropdown" id="select2_pstyle">
1405                                    <option value="light"></option>
1406                                    <option value="dark"></option>
1407                                </select>
1408                            </div>
1409                        </div>
1410
1411                        <div class="generator-param">
1412                            <div class="form-group">
1413                                <label for="popup_width" class="control-label">
1414                                    Popup width (px)
1415                                    <a href="/en/settings#settings_popup_width" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="popup_width option"></a>                                </label>
1416                                <br/>
1417                                <input type="text" value="176" name="popup_width" class="form-control"/>
1418                            </div>
1419                        </div>
1420
1421                        <div class="generator-param">
1422                            <div class="form-group">
1423                                <label for="popup_hide_on_outside_click" class="control-label">
1424                                    Hide popup when clicking outside                                    <a href="/en/settings#settings_popup_hide_on_outside_click" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="popup_hide_on_outside_click option"></a>                                </label>
1425                                <br/>
1426                                <input type="radio" name="popup_hide_on_outside_click" value="" checked="checked"> Yes&nbsp;
1427                                <input type="radio" name="popup_hide_on_outside_click" value="false" > No                            </div>
1428                        </div>
1429
1430                        <div class="generator-param">
1431                            <div class="form-group">
1432                                <label for="popup_on_load" class="control-label">
1433                                    Show popup on button load                                    <a href="/en/settings#settings_popup_on_load" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="popup_on_load option"></a>                                </label>
1434                                <br/>
1435                                <input type="radio" name="popup_on_load" value="true"> Yes&nbsp;
1436                                <input type="radio" name="popup_on_load" value="" checked="checked"> No                            </div>
1437                        </div>
1438
1439                        <div class="generator-param generator_plan_PRO">
1440                            <div class="form-group">
1441                                <label for="popup_html" class="control-label">
1442                                    Custom HTML to insert into the popup                                    <a href="/en/settings#settings_popup_html" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="popup_html option"></a> 
1443                                    <a href="#plan_pro" class="plan_name plan_pro">PRO</a> <a href="#plan_vip" class="plan_name plan_vip">VIP</a> <a 
1443href="#plan_ultra" class="plan_name plan_ultra">ULTRA</a>
1444                                </label>
1445                                <br/>
1446                                <textarea name="popup_html" class="form-control"/></textarea>
1447                            </div>
1448                        </div>
1449
1450                        <div class="generator-param generator_plan_VIP">
1451                            <div class="form-group">
1452                                <label for="popup_donate" class="control-label">
1453                                    Donate buttons                                    <a href="/en/settings#settings_popup_donate" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="Donate buttons to display in the popup"></a> 
1454                                    <a href="#plan_vip" class="plan_name plan_vip">VIP</a> <a href="#plan_ultra" class="plan_name plan_ultra">ULTRA</a>
1455                                </label>
1456                                <br/>
1457                                <input type="text" value="" name="popup_donate" id="popup_donate_input" /> <a href="javascript:likebtnDG('popup_donate_input', false, '', {button_ok_html: '<button class=&quot;btn btn-default&quot; onclick=&quot;likebtnDGOk()&quot; id=&quot;likebtn-dg-ok&quot;>OK</button>'});void(0);" title="Configure"><img src="/i/cog.png?v=41" width="19" height="19" class="obscure"/></a>
1458                            </div>
1459                        </div>
1460
1461                                                    <div class="generator-param last">
1462                                <div class="form-group">
1463                                    <label for="popup_content_order" class="control-label">
1464                                        Order of the content in the popup                                        <a href="/en/settings#settings_popup_content_order" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="popup_content_order option"></a>                                    </label>
1465                                    <br/>
1466                                    <input type="text" value="" name="popup_content_order" class="form-control"/>
1467                                </div>
1468                            </div>
1469                                            </div>
1470                </div>
1471
1472            </div>
1473
1474            <div class="panel panel-default">
1475                <div class="panel-heading">
1476                    <h4 class="panel-title">
1477                        <a href="#generator-share" data-toggle="collapse" aria-expanded="true" class="">
1478                            Sharing <b class="caret"></b>
1479                        </a>
1480                    </h4>
1481                </div>
1482
1483                <div class="panel-collapse collapse" id="generator-share" aria-expanded="true" >
1484                    <div class="panel-body">
1485
1486                        <div class="generator-param generator_plan_PLUS first">
1487                            <div class="form-group">
1488                                <label for="share_enabled" class="control-label">
1489                                    Show share buttons in the popup                                    <a href="/en/settings#settings_share_enabled" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="Share buttons are visible by default, upgrade your website to hide them. Use popup_disabled option to enable/disable popup."></a> 
1490                                    <a href="#plan_plus" class="plan_name plan_plus">PLUS</a> <a href="#plan_pro" class="plan_name plan_pro">PRO</a> <a href="#plan_vip" class="plan_name plan_vip">VIP</a> <a href="#plan_ultra" class="plan_name plan_ultra">ULTRA</a>
1491
1492                                </label>
1493                                <br/>
1494                                <input type="radio" name="share_enabled" value="" checked="checked"> Yes&nbsp;
1495                                <input type="radio" name="share_enabled" value="false"> No                            </div>
1496                        </div>
1497
1498                        <div class="generator-param">
1499                            <div class="form-group">
1500                                <label for="share_size" class="control-label">
1501                                    Share buttons size                                    <a href="/en/settings#settings_share_size" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="share_size option"></a>
1502                                </label>
1503                                
1504                                <div class="image-toggle">
1505                                    <input type="radio" name="share_size" value="small" id="share-size-small">
1506                                    <label for="share-size-small">
1507                                        <img src="/i/share_size/small.png?v=41" alt="Small" title="Small"/>                                    </label>
1508
1509                                    <input type="radio" name="share_size" value="medium" id="share-size-medium" checked="checked">
1510                                    <label for="share-size-medium">
1511                                        <img src="/i/share_size/medium.png?v=41" alt="Medium" title="Medium"/>                                    </label>
1512
1513                                    <input type="radio" name="share_size" value="large" id="share-size-large">
1514                                    <label for="share-size-large">
1515                                        <img src="/i/share_size/large.png?v=41" alt="Large" title="Large"/>                                    </label>
1516                                </div>
1517
1518                                                            </div>
1519                        </div>
1520
1521                        <div class="generator-param generator_plan_PRO">
1522                            <div class="form-group">
1523                                <label for="addthis_service_codes" class="control-label">
1524                                    AddThis <a href="https://likebtn.com/sharing-services" rel="nofollow" target="_blank">service codes</a>                                    <a href="/en/settings#settings_addthis_service_codes" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="AddThis buttons codes separated by comma maximum of 8 to display in the popup"></a>                                    <a href="#plan_pro" class="plan_name plan_pro">PRO</a> <a href="#plan_vip" class="plan_name plan_vip">VIP</a> <a href="#plan_ultra" class="plan_name plan_ultra">ULTRA</a>
1525
1526                                </label>
1527                                <br/>
1528                                                                <select id="addthis_service_codes" class="likebtn_at16 form-control" multiple="multiple" autocomplete="off">
1529                                                                            <option value="100zakladok">100zakladok</option>
1530                                                                            <option value="2tag">2tag</option>
1531                                                                            <option value="2linkme">2linkme</option>
1532                                                                            <option value="a97abi">a97abi</option>
1533                                                                            <option value="addressbar">
1533addressbar</option>
1534                                                                            <option value="adfty">adfty</option>
1535                                                                            <option value="adifni">adifni</option>
1536                                                                            <option value="advqr">advqr</option>
1537                                                                            <option value="amazonwishlist">amazonwishlist</option>
1538                                                                            <option value="amenme">amenme</option>
1539                                                                            <option value="aim">aim</option>
1540                                                                            <option value="aolmail">aolmail</option>
1541                                                                            <option value="apsense">apsense</option>
1542                                                                            <option value="arto">arto</option>
1543                                                                            <option value="azadegi">azadegi</option>
1544                                                                            <option value="baang">baang</option>
1545                                                                            <option value="baidu">baidu</option>
1546                                                                            <option value="balltribe">balltribe</option>
1547                                                                            <option value="beat100">beat100</option>
1548                                                                            <option value="biggerpockets">biggerpockets</option>
1549                                                                            <option value="bitly">bitly</option>
1550                                                                            <option value="bizsugar">bizsugar</option>
1551                                                                            <option value="bland">bland</option>
1552                                                                            <option value="blinklist">blinklist</option>
1553                                                                            <option value="blogger">blogger</option>
1554                                                                            <option value="bloggy">bloggy</option>
1555                                                                            <option value="blogkeen">blogkeen</option>
1556                                                                            <option value="blogmarks">blogmarks</option>
1557                                                                            <option value="blurpalicious">blurpalicious</option>
1558                                                                            <option value="bobrdobr">bobrdobr</option>
1559                                                                            <option value="bonzobox">bonzobox</option>
1560                                                                            <option value="socialbookmarkingnet">socialbookmarkingnet</option>
1561                                                                            <option value="bookmarkycz">bookmarkycz</option>
1562                                                                            <option value="bookmerkende">bookmerkende</option>
1563                                                                            <option value="box">box</option>
1564                                                                            <option value="brainify">brainify</option>
1565                                                                            <option value="bryderi">bryderi</option>
1566                                                                            <option value="buddymarks">buddymarks</option>
1567                                                                            <option value="buffer">buffer</option>
1568                                                                            <option value="buzzzy">buzzzy</option>
1569                                                                            <option value="camyoo">camyoo</option>
1570                                                                            <option value="care2">care2</option>
1571                                                                            <option value="foodlve">foodlve</option>
1572                                                                            <option value="chiq">chiq</option>
1573                                                                            <option value="cirip">cirip</option>
1574                                                                            <option value="citeulike">citeulike</option>
1575                                                                            <option value="classicalplace">classicalplace</option>
1576                                                                            <option value="cleanprint">cleanprint</option>
1577                                                                            <option value="cleansave">cleansave</option>
1578                                                                            <option value="cndig">cndig</option>
1579                                                                            <option value="colivia">colivia</option>
1580                                                                            <option value="technerd">technerd</option>
1581                                                                            <option value="cosmiq">cosmiq</option>
1582                                                                            <option value="cssbased">cssbased</option>
1583                                                                            <option value="curateus">curateus</option>
1584                                                                            <option value="delicious">delicious</option>
1585                                                                            <option value="digaculturanet">digaculturanet</option>
1586                                                                            <option value="digg">digg</option>
1587                                                                            <option value="diggita">diggita</option>
1588                                                                            <option value="digo">digo</option>
1589                                                                            <option value="diigo">diigo</option>
1590                                                                            <option value="domelhor">domelhor</option>
1591                                                                            <option value="dotnetshoutout">
1591dotnetshoutout</option>
1592                                                                            <option value="douban">douban</option>
1593                                                                            <option value="draugiem">draugiem</option>
1594                                                                            <option value="dropjack">dropjack</option>
1595                                                                            <option value="dudu">dudu</option>
1596                                                                            <option value="dzone">dzone</option>
1597                                                                            <option value="efactor">efactor</option>
1598                                                                            <option value="ekudos">ekudos</option>
1599                                                                            <option value="elefantapl">elefantapl</option>
1600                                                                            <option value="email">email</option>
1601                                                                            <option value="mailto">mailto</option>
1602                                                                            <option value="embarkons">embarkons</option>
1603                                                                            <option value="evernote">evernote</option>
1604                                                                            <option value="extraplay">extraplay</option>
1605                                                                            <option value="ezyspot">ezyspot</option>
1606                                                                            <option value="stylishhome">stylishhome</option>
1607                                                                            <option value="fabulously40">fabulously40</option>
1608                                                                            <option value="facebook">facebook</option>
1609                                                                            <option value="facebook_like">facebook_like</option>
1610                                                                            <option value="foursquare">foursquare</option>
1611                                                                            <option value="informazione">informazione</option>
1612                                                                            <option value="thefancy">thefancy</option>
1613                                                                            <option value="fark">fark</option>
1614                                                                            <option value="farkinda">farkinda</option>
1615                                                                            <option value="fashiolista">fashiolista</option>
1616                                                                            <option value="favable">favable</option>
1617                                                                            <option value="faves">faves</option>
1618                                                                            <option value="favlogde">favlogde</option>
1619                                                                            <option value="favoritende">favoritende</option>
1620                                                                            <option value="favorites">favorites</option>
1621                                                                            <option value="favoritus">favoritus</option>
1622                                                                            <option value="financialjuice">financialjuice</option>
1623                                                                            <option value="flaker">flaker</option>
1624                                                                            <option value="flipboard">flipboard</option>
1625                                                                            <option value="folkd">folkd</option>
1626                                                                            <option value="formspring">formspring</option>
1627                                                                            <option value="thefreedictionary">thefreedictionary</option>
1628                                                                            <option value="fresqui">fresqui</option>
1629                                                                            <option value="friendfeed">friendfeed</option>
1630                                                                            <option value="funp">funp</option>
1631                                                                            <option value="fwisp">fwisp</option>
1632                                                                            <option value="gamekicker">gamekicker</option>
1633                                                                            <option value="gg">gg</option>
1634                                                                            <option value="giftery">giftery</option>
1635                                                                            <option value="gigbasket">
1635gigbasket</option>
1636                                                                            <option value="givealink">givealink</option>
1637                                                                            <option value="gmail">gmail</option>
1638                                                                            <option value="govn">govn</option>
1639                                                                            <option value="goodnoows">goodnoows</option>
1640                                                                            <option value="google">google</option>
1641                                                                            <option value="googleplus">googleplus</option>
1642                                                                            <option value="googletranslate">googletranslate</option>
1643                                                                            <option value="google_plusone">google_plusone</option>
1644                                                                            <option value="google_plusone_share">google_plusone_share</option>
1645                                                                            <option value="greaterdebater">greaterdebater</option>
1646                                                                            <option value="hackernews">hackernews</option>
1647                                                                            <option value="hatena">hatena</option>
1648                                                                            <option value="gluvsnap">gluvsnap</option>
1649                                                                            <option value="hedgehogs">hedgehogs</option>
1650                                                                            <option value="historious">historious</option>
1651                                                                            <option value="hootsuite">hootsuite</option>
1652                                                                            <option value="hotklix">hotklix</option>
1653                                                                            <option value="hotmail">hotmail</option>
1654                                                                            <option value="w3validator">w3validator</option>
1655                                                                            <option value="identica">identica</option>
1656                                                                            <option value="ihavegot">ihavegot</option>
1657                                                                            <option value="indexor">indexor</option>
1658                                                                            <option value="instapaper">instapaper</option>
1659                                                                            <option value="iorbix">iorbix</option>
1660                                                                            <option value="irepeater">irepeater</option>
1661                                                                            <option value="isociety">isociety</option>
1662                                                                            <option value="iwiw">iwiw</option>
1663                                                                            <option value="jamespot">jamespot</option>
1664                                                                            <option value="jappy">jappy</option>
1665                                                                            <option value="jolly">jolly</option>
1666                                                                            <option value="jumptags">jumptags</option>
1667                                                                            <option value="kaboodle">kaboodle</option>
1668                                                                            <option value="kaevur">kaevur</option>
1669                                                                            <option value="kaixin">kaixin</option>
1670                                                                            <option value="ketnooi">ketnooi</option>
1671                                                                            <option value="kindleit">kindleit</option>
1672                                                                            <option value="kledy">kledy</option>
1673                                                                            <option value="kommenting">kommenting</option>
1674                                                                            <option value="latafaneracat">latafaneracat</option>
1675                                                                            <option value="librerio">librerio</option>
1676                                                                            <option value="lidar">lidar</option>
1677                                                                            <option value="linkedin">linkedin</option>
1678                                                                            <option value="linksgutter">linksgutter</option>
1679                                                                            <option value="linkshares">linkshares</option>
1680                                                                            <option value="linkuj">linkuj</option>
1681                                                                            <option value="livejournal">livejournal</option>
1682                                                                            <option value="lockerblogger">lockerblogger</option>
1683                                                                            <option value="logger24">logger24</option>
1684                                                                            <option value="mymailru">mymailru</option>
1685                                                                            <option value="margarin">margarin</option>
1686                                                                            <option value="markme">markme</option>
1687                                                                            <option value="mashant">mashant</option>
1688                                                                            <option value="mashbord">mashbord</option>
1689                                                                            <option value="me2day">me2day</option>
1690                                                                            <option value="meinvz">meinvz</option>
1691                                                                            <option value="mekusharim">mekusharim</option>
1692                                                                            <option value="memonic">memonic</option>
1693                                                                            <option value="memori">memori</option>
1694                                                                            <option value="mendeley">mendeley</option>
1695                                                                            <option value="meneame">meneame</option>
1696                                                                            <option value="live">live</option>
1697                                                                            <option value="misterwong">misterwong</option>
1698                                                                            <option value="misterwong_de">misterwong_de</option>
1699                                                                            <option value="mixi">mixi</option>
1700                                                                            <option value="moemesto">moemesto</option>
1701                                                                            <option value="moikrug">moikrug</option>
1702                                                                            <option value="mrcnetworkit">mrcnetworkit</option>
1703                                                                            <option value="myspace">myspace</option>
1704                                                                            <option value="myvidster">myvidster</option>
1705                                                                            <option value="n4g">n4g</option>
1706                                                                            <option value="naszaklasa">naszaklasa</option>
1707                                                                            <option value="netlog">netlog</option>
1708                                                                            <option value="netvibes">netvibes</option>
1709                                                                            <option value="netvouz">netvouz</option>
1710                                                                            <option value="newsmeback">newsmeback</option>
1711                                                                            <option value="newstrust">newstrust</option>
1712                                                                            <option value="newsvine">newsvine</option>
1713                                                                            <option value="nujij">nujij</option>
1714                                                                            <option value="odnoklassniki_ru">odnoklassniki_ru</option>
1715                                                                            <option value="oknotizie">oknotizie</option>
1716                                                                            <option value="openthedoor">openthedoor</option>
1717                                                                            <option value="oyyla">oyyla</option>
1718                                                                            <option value="packg">packg</option>
1719                                                                            <option value="pafnetde">pafnetde</option>
1720                                                                            <option value="pdfonline">pdfonline</option>
1721                                                                            <option value="pdfmyurl">pdfmyurl</option>
1722                                                                            <option value="phonefavs">phonefavs</option>
1723                                                                            <option value="pinterest">pinterest</option>
1724                                                                            <option value="pinterest_share">pinterest_share</option>
1725                                                                            <option value="planypus">planypus</option>
1726                                                                            <option value="plaxo">plaxo</option>
1727                                                                            <option value="plurk">plurk</option>
1728                                                                            <option value="pocket">
1728pocket</option>
1729                                                                            <option value="posteezy">posteezy</option>
1730                                                                            <option value="print">print</option>
1731                                                                            <option value="printfriendly">printfriendly</option>
1732                                                                            <option value="pusha">pusha</option>
1733                                                                            <option value="qrfin">qrfin</option>
1734                                                                            <option value="qrsrc">qrsrc</option>
1735                                                                            <option value="quantcast">quantcast</option>
1736                                                                            <option value="qzone">qzone</option>
1737                                                                            <option value="reddit">reddit</option>
1738                                                                            <option value="rediff">rediff</option>
1739                                                                            <option value="redkum">redkum</option>
1740                                                                            <option value="researchgate">researchgate</option>
1741                                                                            <option value="safelinking">safelinking</option>
1742                                                                            <option value="scoopat">scoopat</option>
1743                                                                            <option value="scoopit">scoopit</option>
1744                                                                            <option value="sekoman">sekoman</option>
1745                                                                            <option value="select2gether">select2gether</option>
1746                                                                            <option value="shaveh">shaveh</option>
1747                                                                            <option value="shetoldme">shetoldme</option>
1748                                                                            <option value="sinaweibo">sinaweibo</option>
1749                                                                            <option value="skyrock">skyrock</option>
1750                                                                            <option value="smiru">smiru</option>
1751                                                                            <option value="sodahead">sodahead</option>
1752                                                                            <option value="sonico">sonico</option>
1753                                                                            <option value="spinsnap">spinsnap</option>
1754                                                                            <option value="yiid">yiid</option>
1755                                                                            <option value="springpad">springpad</option>
1756                                                                            <option value="startaid">startaid</option>
1757                                                                            <option value="startlap">startlap</option>
1758                                                                            <option value="storyfollower">storyfollower</option>
1759                                                                            <option value="studivz">studivz</option>
1760                                                                            <option value="stuffpit">stuffpit</option>
1761                                                                            <option value="stumbleupon">stumbleupon</option>
1762                                                                            <option value="stumpedia">stumpedia</option>
1763                                                                            <option value="sulia">sulia</option>
1764                                                                            <option value="sunlize">sunlize</option>
1765                                                                            <option value="supbro">supbro</option>
1766                                                                            <option value="surfingbird">surfingbird</option>
1767                                                                            <option value="svejo">svejo</option>
1768                                                                            <option value="symbaloo">symbaloo</option>
1769                                                                            <option value="taaza">taaza</option>
1770                                                                            <option value="tagza">tagza</option>
1771                                                                            <option value="tapiture">tapiture</option>
1772                                                                            <option value="taringa">taringa</option>
1773                                                                            <option value="textme">textme</option>
1774                                                                            <option value="thewebblend">thewebblend</option>
1775                                                                            <option value="thinkfinity">thinkfinity</option>
1776                                                                            <option value="thisnext">thisnext</option>
1777                                                                            <option value="thrillon">thrillon</option>
1778                                                                            <option value="throwpile">throwpile</option>
1779                                                                            <option value="toly">toly</option>
1780                                                                            <option value="topsitelernet">topsitelernet</option>
1781                                                                            <option value="transferr">transferr</option>
1782                                                                            <option value="tuenti">tuenti</option>
1783                                                                            <option value="tulinq">tulinq</option>
1784                                                                            <option value="tumblr">tumblr</option>
1785                                                                            <option value="tvinx">tvinx</option>
1786                                                                            <option value="twitter">twitter</option>
1787                                                                            <option value="twitthis">twitthis</option>
1788                                                                            <option value="typepad">typepad</option>
1789                                                                            <option value="upnews">upnews</option>
1790                                                                            <option value="urlaubswerkde">urlaubswerkde</option>
1791                                                                            <option value="viadeo">viadeo</option>
1792                                                                            <option value="virb">virb</option>
1793                                                                            <option value="visitezmonsite">visitezmonsite</option>
1794                                                                            <option value="vk">vk</option>
1795                                                                            <option value="vkrugudruzei">vkrugudruzei</option>
1796                                                                            <option value="voxopolis">voxopolis</option>
1797                                                                            <option value="vybralisme">vybralisme</option>
1798                                                                            <option value="wanelo">wanelo</option>
1799                                                                            <option value="internetarchive">internetarchive</option>
1800                                                                            <option value="sharer">sharer</option>
1801                                                                            <option value="webnews">webnews</option>
1802                                                                            <option value="webshare">webshare</option>
1803                                                                            <option value="werkenntwen">werkenntwen</option>
1804                                                                            <option value="whatsapp">whatsapp</option>
1805                                                                            <option value="domaintoolswhois">domaintoolswhois</option>
1806                                                                            <option value="windows">windows</option>
1807                                                                            <option value="wirefan">wirefan</option>
1808                                                                            <option value="wishmindr">wishmindr</option>
1809                                                                            <option value="wordpress">wordpress</option>
1810                                                                            <option value="wowbored">wowbored</option>
1811                                                                            <option value="raiseyourvoice">raiseyourvoice</option>
1812                                                                            <option value="wykop">wykop</option>
1813                                                                            <option value="xanga">xanga</option>
1814                                                                            <option value="xing">xing</option>
1815                                                                            <option value="yahoobkm">yahoobkm</option>
1816                                                                            <option value="yahoomail">yahoomail</option>
1817                                                                            <option value="yammer">yammer</option>
1818                                                                            <option value="yardbarker">yardbarker</option>
1819                                                                            <option value="yigg">yigg</option>
1820                                                                            <option value="yookos">yookos</option>
1821                                                                            <option value="yoolink">yoolink</option>
1822                                                                            <option value="yorumcuyum">yorumcuyum</option>
1823                                                                            <option value="youmob">youmob</option>
1824                                                                            <option value="yuuby">yuuby</option>
1825                                                                            <option value="zakladoknet">zakladoknet</option>
1826                                                                            <option value="ziczac">ziczac</option>
1827                                                                            <option value="zingme">zingme</option>
1828                                                                            <option value="more">more</option>
1829                                                                            <option value="compact">compact</option>
1830                                                                            <option value="preferred_1">preferred_1</option>
1831                                                                            <option value="preferred_2">preferred_2</option>
1832                                                                            <option value="preferred_3">preferred_3</option>
1833                                                                            <option value="preferred_4">preferred_4</option>
1834                                                                            <option value="preferred_5">preferred_5</option>
1835                                                                            <option value="preferred_6">preferred_6</option>
1836                                                                            <option value="preferred_7">preferred_7</option>
1837                                                                            <option value="preferred_8">preferred_8</option>
1838                                                                    </select>
1839                                <input type="hidden" name="addthis_service_codes" value="" />
1840                            </div>
1841                        </div>
1842
1843                        
1844                    </div>
1845                </div>
1846
1847            </div>
1848
1849
1850            <div class="panel panel-default " id="generator-item">
1851                <div class="panel-heading">
1852                    <h4 class="panel-title">
1853                        <a href="#generator-item-collapse" data-toggle="collapse" aria-expanded="true" class="">
1854                            Item Description <b class="caret"></b>
1855                        </a>
1856                    </h4>
1857                </div>
1858
1859                <div class="panel-collapse collapse" id="generator-item-collapse" aria-expanded="true" >
1860                    <div class="panel-body">
1861
1862                        <p class="alert alert-warning small">
1863                                                        Item information is used for <a href="/en/faq#sharing" target="_blank">sharing the item in social networks</a> and for displaying the rating in <a href="/en/faq#rich_snippets" target="_blank">Google Rich Snippets</a>.
1864                                                    </p>
1865
1866                        <div class="generator-param">
1867                            <div class="form-group">
1868                                <label for="item_url" class="control-label">
1869                                    Item URL                                    <a href="/en/settings#settings_item_url" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="item_url option"></a>                                </label>
1870                                <br/>
1871                                <input type="text" value="" name="item_url" class="form-control" placeholder="http://likebtn.com/blog/1278/"/>
1872                            </div>
1873                        </div>
1874
1875                        <div class="generator-param">
1876                            <div class="form-group">
1877                                <label for="item_title" class="control-label">
1878                                    Item title                                    <a href="/en/settings#settings_item_title" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="item_title option"></a>                                </label>
1879                                <br/>
1880                                <input type="text" value="" name="item_title" class="form-control"/>
1881                            </div>
1882                        </div>
1883
1884                        <div class="generator-param">
1885                            <div class="form-group">
1886                                <label for="item_description" class="control-label">
1887                                    Item description                                    <a href="/en/settings#settings_item_description" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="item_description option"></a>                                </label>
1888                                <br/>
1889                                <input type="text" value="" name="item_description" class="form-control" />
1890                                <p class="color-asbestos small">
1891                                    (Optional)
1892               
1892                 </p>
1893                            </div>
1894                        </div>
1895
1896                        <div class="generator-param">
1897                            <div class="form-group">
1898                                <label for="item_image" class="control-label">
1899                                    Item image                                    <a href="/en/settings#settings_item_image" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="item_image option"></a>                                </label>
1900                                <br/>
1901                                <input type="text" value=""  name="item_image" onkeyup="lbGenerateFieldChange(this)" class="form-control" placeholder="http://likebtn.com/img/1278.jpg"/>
1902                            </div>
1903                        </div>
1904
1905                        <div class="generator-param last">
1906                            <div class="form-group">
1907                                <label for="item_date" class="control-label">
1908                                    Item date                                    <a href="/en/settings#settings_item_date" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="item_date option"></a>                                </label>
1909                                <br/>
1910                                <input type="text" value="" name="item_date" onkeyup="lbGenerateFieldChange(this)" class="form-control" placeholder="2026-10-02T08:00:00+08:00"/>
1911                                <p class="color-asbestos small">
1912                                    (Used in Google Rich Snippets only. The date and time the item was published, in ISO 8601 format: 2026-10-02T08:00:00+08:00)
1913                                </p>
1914                            </div>
1915                        </div>
1916
1917                    </div>
1918                </div>
1919
1920            </div>
1921
1922                            <div class="panel panel-default">
1923                    <div class="panel-heading">
1924                        <h4 class="panel-title">
1925                            <a href="#generator-loading" data-toggle="collapse" aria-expanded="true" class="">
1926                                Loading <b class="caret"></b>
1927                            </a>
1928                        </h4>
1929                    </div>
1930
1931                    <div class="panel-collapse collapse" id="generator-loading" aria-expanded="true" >
1932                        <div class="panel-body">
1933
1934                            <div class="generator-param generator_plan_PLUS first">
1935                                <div class="form-group">
1936                                    <label for="lazy_load" class="control-label">
1937                                        Lazy load                                        <a href="/en/settings#settings_lazy_load" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="Lazy load - if button is outside viewport it is loaded when user scrolls to it"></a>                                    </label>
1938                                    <br/>
1939                                    <input type="radio" name="lazy_load" value="true"> Yes&nbsp;
1940                                    <input type="radio" name="lazy_load" value="" checked="checked"> No                                </div>
1941                            </div>
1942
1943                            <div class="generator-param">
1944                                <div class="form-group">
1945                                    <label for="loader_show" class="control-label">
1946                                        Show loader while button is loading 
1947                                        <img src="/i/loader-small.gif?v=41"/> 
1948                                        <a href="/en/settings#settings_loader_show" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="loader_show option"></a>                                    </label>
1949                                    <br/>
1950                                    <input type="radio" name="loader_show" value="true"> Yes&nbsp;
1951                                    <input type="radio" name="loader_show" value="" checked="checked"> No                                </div>
1952                            </div>
1953
1954                            <div class="generator-param last">
1955                                <div class="form-group">
1956                                    <label for="loader_image" class="control-label">
1957                                        Loader image URL                                        <a href="/en/settings#settings_loader_image" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="loader_image option"></a>                                    </label>
1958                                    <br/>
1959                                    <input type="text" value="" name="loader_image" onkeyup="lbGenerateFieldChange(this)" class="form-control"/>
1960                                </div>
1961                            </div>
1962
1963                        </div>
1964                    </div>
1965
1966                </div>
1967
1968            
1969            <div class="panel panel-default">
1970                <div class="panel-heading">
1971                    <h4 class="panel-title">
1972                        <a href="#generator-tooltips" data-toggle="collapse" aria-expanded="true" class="">
1973                            Tooltips <b class="caret"></b>
1974                        </a>
1975                    </h4>
1976                </div>
1977
1978                <div class="panel-collapse collapse" id="generator-tooltips" aria-expanded="true" >
1979                    <div class="panel-body">
1980
1981                        <div class="generator-param first">
1982                            <div class="form-group">
1983                                <label for="tooltip_enabled" class="control-label">
1984                                    Show tooltips                                    <a href="/en/settings#settings_tooltip_enabled" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="tooltip_enabled o
1984ption"></a>                                </label>
1985                                <br/>
1986                                <input type="radio" name="tooltip_enabled" value="" checked="checked"> Yes&nbsp;
1987                                <input type="radio" name="tooltip_enabled" value="false" > No                            </div>
1988                        </div>
1989
1990                        <div class="generator-param">
1991                            <div class="form-group">
1992                                <label for="tooltip_like_show_always" class="control-label">
1993                                    Always show Like button tooltip                                    <a href="/en/settings#settings_tooltip_like_show_always" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="tooltip_like_show_always option"></a>                                </label>
1994                                <br/>
1995                                <input type="radio" name="tooltip_like_show_always" value="true"> Yes&nbsp;
1996                                <input type="radio" name="tooltip_like_show_always" value="" checked="checked"> No                            </div>
1997                        </div>
1998
1999                        <div class="generator-param last">
2000                            <div class="form-group">
2001                                <label for="tooltip_dislike_show_always" class="control-label">
2002                                    Always show Dislike button tooltip                                    <a href="/en/settings#settings_tooltip_dislike_show_always" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="tooltip_dislike_show_always option"></a>                                </label>
2003                                <br/>
2004                                <input type="radio" name="tooltip_dislike_show_always" value="true"> Yes&nbsp;
2005                                <input type="radio" name="tooltip_dislike_show_always" value="" checked="checked"> No                            </div>
2006                        </div>
2007
2008                    </div>
2009                </div>
2010
2011            </div>
2012
2013                            <div class="panel panel-default">
2014                    <div class="panel-heading">
2015                        <h4 class="panel-title">
2016                            <a href="#generator-site" data-toggle="collapse" aria-expanded="true" class="">
2017                                Site ID <b class="caret"></b>
2018                            </a>
2019                        </h4>
2020                    </div>
2021
2022                    <div class="panel-collapse collapse" id="generator-site" aria-expanded="true" >
2023                        <div class="panel-body">
2024
2025                            <div class="generator-param first last">
2026                                <div class="form-group">
2027                                    <label for="site_id" class="control-label">
2028                                        Site ID                                        <a href="/en/settings#settings_site_id" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="site_id option"></a>                                    </label>
2029                                    <br/>
2030                                    <input type="text" value="" name="site_id" class="form-control" />
2031                                    <input type="hidden" value="" name="engine" class="form-control" />
2032                                    <br/>
2033                                    <div class="alert alert-warning small">
2034                                        Specify Site ID in following cases:                                        <ul>
2035                                            <li>Your website has multiple domain names (aliases).</li>
2036                                            <li>Your site is local – located on a local server and is available from your local network only and NOT available from the Internet.</li>
2037                                            <li>Your site is path-based – one of sites located in different subdirectories of one domain and you want to have statistics separate from other sites.</li>
2038                                        </ul>
2039                                         You can find Site ID on your <a href="/en/customer.php/websites">Websites</a> page after adding your website to your account.                                     </div>
2040                                </div>
2041                            </div>
2042
2043                
2044                        </div>
2045                    </div>
2046
2047                </div>
2048            
2049            
2050                <div class="panel panel-default">
2051                    <div class="panel-heading">
2052                        <h4 class="panel-title">
2053                            <a href="#generator-events" data-toggle="collapse" aria-expanded="true" class="">
2054                                Events <b class="caret"></b>
2055                            </a>
2056                        </h4>
2057                    </div>
2058
2059                    <div class="panel-collapse collapse" id="generator-events" aria-expanded="true" >
2060                        <div class="panel-body">
2061
2062                            <div class="generator-param first last">
2063                                <div class="form-group">
2064                                    <label for="event_handler" class="control-label">
2065                                        JavaScript callback function                                        <a href="/en/settings#settings_event_handler" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="event_handler option"></a>                                    </label>
2066                                    <br/>
2067                                    <input type="text" value="" name="event_handler" class="form-control"/>
2068                                    <br/>
2069                                    <div class="alert alert-warning small">
2070                                        The provided function receives the event object as its single argument. The event object has the following properties:                                        <br/>
2071                                        <br/>
2072                                        <code>type</code> – indicates which event was dispatched:                                        <ul>
2073                                            <li>"likebtn.loaded"</li>
2074                                            <li>"likebtn.like"</li>
2075                                            <li>"likebtn.unlike"</li>
2076                                            <li>"likebtn.dislike"</li>
2077                                            <li>"likebtn.undislike"</li>
2078                                        </ul>
2079                                        <code>settings</code> – button settings                                        <br/>
2080                                        <code>wrapper</code> – button DOM-element                                    </div>
2081                                </div>
2082                            </div>
2083
2084                        </div>
2085                    </div>
2086
2087                </div>
2088
2089            
2090            <div class="panel panel-default">
2091                <div class="panel-heading">
2092                    <h4 class="panel-title">
2093                        <a href="#generator-Texts" data-toggle="collapse" aria-expanded="true" class="">
2094                            Texts <b class="caret"></b>
2095                        </a>
2096                    </h4>
2097                </div>
2098
2099                <div class="panel-collapse collapse" id="generator-Texts" aria-expanded="true" >
2100                    <div class="panel-body">
2101
2102                        <div class="generator-param first">
2103                            <div class="form-group">
2104                                <label for="show_like_label" class="control-label">
2105                                    Right-to-left (RTL)                                    <a href="/en/settings#settings_rtl" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="rtl option"></a>                                </label>
2106                                <br/>
2107                                <input type="radio" name="rtl" value="true"> Yes&nbsp;
2108                                <input type="radio" name="rtl" value="" checked="checked"> No                            </div>
2109                        </div>
2110
2111                        <div class="generator-param">
2112                            <div class="form-group">
2113                                <label for="i18n_dislike" class="control-label">
2114                                    Dislike button text                                    <a href="/en/settings#settings_i18n_dislike" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_dislike option"></a>                                </label>
2115                                <br/>
2116                                <input type="text" value="" name="i18n_dislike" class="form-control" placeholder="Dislike"/>
2117                            </div>
2118                        </div>
2119
2120                        <div class="generator-param">
2121                            <div class="form-group">
2122                                <label for="i18n_after_like" class="control-label">
2123                                    Like button text after liking                                    <a href="/en/settings#settings_i18n_after_like" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_after_like option"></a>                                </label>
2124                                <br/>
2125                                <input type="text" value="" name="i18n_after_like" class="form-control" placeholder="Like"/>
2126                            </div>
2127                        </div>
2128
2129                        <div class="generator-param">
2130                            <div class="form-group">
2131                                <label for="i18n_after_dislike" class="control-label">
2132                                    Dislike button text after disliking                                    <a href="/en/settings#settings_i18n_after_dislike" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_after_dislike option"></a>                                </label>
2133                                <br/>
2134                                <input type="text" value="" name="i18n_after_dislike" class="form-control" placeholder="Dislike"/>
2135                            </div>
2136                        </div>
2137
2138                        <div class="generator-param">
2139                            <div class="form-group">
2140                                <label for="i18n_like_tooltip" class="control-label">
2141                                    Like button tooltip                                    <a href="/en/settings#settings_i18n_like_tooltip" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_like_tooltip option"></a>                                </label>
2142                                <br/>
2143                                <input type="text" value="" name="i18n_like_tooltip" class="form-control" placeholder="I like this"/>
2144                            </div>
2145                        </div>
2146
2147                        <div class="generator-param">
2148                            <div class="form-group">
2149                                <label for="i18n_dislike_tooltip" class="control-label">
2150                                    Dislike button tooltip                                    <a href="/en/settings#settings_i18n_dislike_tooltip" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_dislike_tooltip option"></a>                                </label>
2151                                <br/>
2152                                <input type="text" value="" name="i18n_dislike_tooltip" class="form-control" placeholder="I dislike this"/>
2153                            </div>
2154                        </div>
2155
2156                        <div class="generator-param">
2157                            <div class="form-group">
2158                                <label for="i18n_unlike_tooltip" class="control-label">
2159                                    Like button tooltip after liking                                    <a href="/en/settings#settings_i18n_unlike_tooltip" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_unlike_tooltip option"></a>                                </label>
2160                                <br/>
2161                                <input type="text" value="" name="i18n_unlike_tooltip" class="form-control" placeholder="Unlike"/>
2162                            </div>
2163                        </div>
2164
2165                        <div class="generator-param">
2166                            <div class="form-group">
2167                                <label for="i18n_undislike_tooltip" class="control-label">
2168                                    Dislike button tooltip after disliking                                    <a href="/en/settings#settings_i18n_undislike_tooltip" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_undislike_tooltip option"></a>                                </label>
2169                                <br/>
2170                                <input type="text" value="" name="i18n_undislike_tooltip" class="form-control" placeholder="Undislike"/>
2171                            </div>
2172                        </div>
2173
2174                        <div class="generator-param">
2175                            <div class="form-group">
2176                                <label for="i18n_share_text" class="control-label">
2177                                    Text before share buttons                                    <a href="/en/settings#settings_i18n_share_text" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_share_text option"></a>                                </label>
2178                                <br/>
2179                                <input type="text" value="" name="i18n_share_text" class="form-control" placeholder="Would you like to share?"/>
2180                            </div>
2181                        </div>
2182
2183                        <div class="generator-param">
2184                            <div class="form-group">
2185                                <label for="i18n_popup_close" class="control-label">
2186                                    Popup close button text                                    <a href="/en/settings#settings_i18n_popup_close" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_popup_close option"></a>                                </label>
2187                                <br/>
2188                                <input type="text" value="" name="i18n_popup_close" class="form-control" placeholder="Close"/>
2189                            </div>
2190                        </div>
2191
2192                        <div class="generator-param">
2193                            <div class="form-group">
2194                                <label for="i18n_popup_text" class="control-label">
2195                                    Popup text when sharing disabled                                    <a href="/en/settings#settings_i18n_popup_text" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_popup_text option"></a>                                </label>
2196                                <br/>
2197                                <input type="text" value="" name="i18n_popup_text" class="form-control" placeholder="Glad you liked it!"/>
2198                            </div>
2199                        </div>
2200
2201                        <div class="generator-param last">
2202                            <div class="form-group">
2203                                <label for="i18n_popup_donate" class="control-label">
2204                                    Text before donate buttons                                    <a href="/en/settings#settings_i18n_popup_donate" class="fa fa-info-circle hlp-icn" target="_blank" data-toggle="tooltip" title="i18n_popup_donate option"></a>                                </label>
2205                                <br/>
2206                                <input type="text" value="" name="i18n_popup_donate" class="for
2206m-control" placeholder="Show gratitude in the form of a donation"/>
2207                            </div>
2208                        </div>
2209
2210                    </div>
2211                </div>
2212
2213            </div>
2214
2215        </div>
2216
2217                                                                                                                                                                                                                                                    </form>
2218
2219    <button class="btn btn-default" onclick="lbGenerateReset()"> Reset</button>
2220</div>
2221
2222<div class="col-md-6">
2223    <div id="generator-result">
2224        <div id="generated_button"></div>
2225                    <button class="btn btn-default btn-sm" onclick="lbGenerate()"><i class="glyphicon glyphicon-refresh"></i> Reload Button</button>
2226            <br/><br/>
2227            <div class="highlight"><pre class="pre-scrollable"><code class="prettyprint" id="generated_code">
2228            </code></pre></div>
2229            </div>
2230</div>
2231
2232            
2232<script type="text/javascript" src="/js/bootstrap-colorpicker.js?v=41"></script>
2232
2233        
2233<script type="text/javascript" src="https://likebtn.com/en/js/donate_generator.js"></script>
2233
2234    
2234<script type="text/javascript">
2235                var likebtn_addthis_default = {"all":"facebook,twitter,preferred_1,preferred_2,preferred_3,preferred_4,preferred_5,compact","ru":"vk,odnoklassniki_ru,twitter,facebook,preferred_1,preferred_2,preferred_3,compact"};
2236        var likebtn_cg_lang_prev = "en";
2237                codegeneratorScript();
2238    </script>
2238
2239            </div>
2240        </div>
2241    </div>
2242
2243
2244
2245    
2246
2247<noindex>
2248<div class="section">
2249    <div class="container">
2250        <div class="reduce-top-margin">
2251            <h2 class="no-margin"><span>Testimonials</span></h2>
2252                            <p class="small color-asbestos testim-hint">Just mention <a href="https://twitter.com/likebtn" rel="nofollow" target="_blank">@likebtn</a> in Twitter and we will add your testimonial</p>
2253                        <div class="row">
2254                <div class="col-md-6 col-sm-6 col-xs-12">
2255                    <blockquote class="twitter-tweet" data-lang="ru"><p lang="en" dir="ltr"><a href="https://twitter.com/likebtn">@likebtn</a> thanks for the sweet Customer Service today!</p>&mdash; Jade Le Van (@Jadalytics) <a href="https://twitter.com/Jadalytics/status/788739744343724032"></a></blockquote>
2256                </div>
2257                <div class="col-md-6 col-sm-6 col-xs-12">
2258                    <blockquote class="twitter-tweet" data-lang="en" data-conversation="none"><p lang="en" dir="ltr"><a href="https://twitter.com/likebtn">@likebtn</a> Very nice design - I especially like your tagline :)</p>&mdash; Joe Campbell (@heyjoecampbell) <a href="https://twitter.com/heyjoecampbell/status/671710774935592960"></a></blockquote>
2259                </div>
2260                            </div>
2261        </div>
2262    </div>
2263</div>
2264<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
2264
2265</noindex><div class="section" id="referral-program">
2266    <div class="container">
2267
2268        <h2 class="no-margin"><span>Referral Program</span></h2>        <div class="row margin-top2">
2269            <div class="col-md-4 text-center">
2270                <img src="/i/like-button-referral-program.png?v=41" title="Refer A Friend" class="img-fit" />            </div>
2271            
2272            <div class="col-md-8">
2273                                <p>
2274                    <strong>Earn Money With LikeBtn!</strong>
2275                </p>
2276                <p>
2277                    Place our referral link or a banner on a website, get rewarded with <strong>25% of all payments</strong> made by referred members (including all his future payments for renewals of subscription plans).
2278                </p>
2279                <p>
2280                    Referral rewards are paid to you via <strong>PayPal</strong> at the end of each month. <a href="https://likebtn.com/en/customer.php/referrals#payout-settings">What if I don't have a PayPal account?</a>
2281                </p>
2282                <p class="margin-top2">
2283                    <a href="https://likebtn.com/en/customer.php/referrals" class="btn btn-success btn-lg">Start Earning Now</a>
2284                </p>
2285                            </div>
2286        </div>
2287        </div>
2288</div>
2289<noindex>
2290<div style="background-image: url(/i/bg1.jpg?v=41)" class="image-bg color-white section">
2291    <div class="container">
2292        <div class="reduce-top-margin">
2293            <h2 class="no-border">Trusted by over 100 000 websites</h2>
2294            <div class="row">
2295                                <div class="col-xs-6 col-sm-4 col-md-2">
2296                    <a class="thumbnail gallery-thumbnail" href="http://www.wowchakra.com/" rel="nofollow" target="_blank">
2297                        <img alt="" src="/i/clients/wow.png?v=41" class="img-circle" />                    </a>
2298                </div>
2299                <div class="col-xs-6 col-sm-4 col-md-2">
2300                    <a class="thumbnail gallery-thumbnail" href="http://zenati.net/" rel="nofollow" target="_blank">
2301                        <img alt="" src="/i/clients/zenati.png?v=41" class="img-circle" />                    </a>
2302                </div>
2303                <div class="col-xs-6 col-sm-4 col-md-2">
2304                    <a class="thumbnail gallery-thumbnail" href="http://molamiweb.es/conceptual_graphic_design/" rel="nofollow" target="_blank">
2305                        <img alt="" src="/i/clients/molamiweb.png?v=41" class="img-circle" />                    </a>
2306                </div>
2307                <div class="col-xs-6 col-sm-4 col-md-2">
2308                    <a class="thumbnail gallery-thumbnail" href="http://varlamov.ru/2065407.html" rel="nofollow" target="_blank" data-toggle="tooltip" title="Top LJ blogger in Russian language with millions visitors per month">
2309                        <img alt="" src="/i/clients/varlamov.png?v=41" class="img-circle" />                    </a>
2310                </div>
2311                <div class="col-xs-6 col-sm-4 col-md-2">
2312                    <a class="thumbnail gallery-thumbnail" href="http://www.24gliwice.pl/wiadomosci/niebiesko-czerwoni-ze-zlotym-elementem-nowe-stroje-nowe-twarze/#comments" rel="nofollow" target="_blank">
2313                        <img alt="" src="/i/clients/24gliwice.png?v=41" class="img-circle" />                    </a>
2314                </div>
2315                <div class="col-xs-6 col-sm-4 col-md-2">
2316                    <a class="thumbnail gallery-thumbnail" href="http://www.urbandictionary.cn/" rel="nofollow" target="_blank">
2317                        <img alt="" src="/i/clients/dictionary.png?v=41" class="img-circle" />                    </a>
2318                </div>
2319                            </div>
2320            <a href="/en/showcase" >View Showcase »</a>
2321        </div>
2322    </div>
2323</div>
2324</noindex>
2325
2326
2327    
2328    
2329    <div id="nav-wrapper" class="background-white color-black">
2330        <nav id="mainMenu" class="navbar navbar-fixed-top navbar-reduce" role="navigation">
2331            <div class="container">
2332                <!-- Brand and toggle get grouped for better mobile display -->
2333                <div class="navbar-header">
2334                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-toggle">
2335                        <span class="sr-only">Toggle navigation</span>
2336                        <span class="icon-bar background-lead"></span>
2337                        <span class="icon-bar background-lead"></span>
2338                        <span class="icon-bar background-lead"></span>
2339                    </button>
2340                    <a class="navbar-brand" href="//likebtn.com/en/">
2341                                                    <img src="//likebtn.com/i/logo.png?v=41" alt="" class="hidden">
2342                                                                            <img src="//likebtn.com/i/logo.png?v=41" alt="" class="logo-norm">
2343                                                                            <img src="//likebtn.com/i/logo-40-b.png?v=41" alt="" class="logo-hover">
2344                                            </a>
2345                </div>
2346                                    <!-- Collect the nav links, forms, and other content for toggling -->
2347                    <div class="collapse navbar-collapse" id="navbar-collapse-toggle">
2348                        <ul class="nav navbar-nav navbar-right">
2349                            <li class="active"><a href="https://likebtn.com/en/">Home</a></li>
2350                            <li class="dropdown ">
2351                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Widget <b class="caret"></b></a>
2352                                <ul class="dropdown-menu">
2353                                    <li><a href="https://likebtn.com/en/like-button-generator">Code generator</a></li>
2354                                                                        <li><a href="https://likebtn.com/en/translate-like-button-widget">Translate</a></li>
2355                                    <li class="divider"></li>
2356                                    <li><a href="https://likebtn.com/en/showcase">Showcase</a></li>
2357                                    <li><a href="https://likebtn.com/en/press">Press</a></li>
2358                                    <li class="divider"></li>
2359                                    <li><a href="http://blog.likebtn.com/" target="_blank" rel="nofollow">Blog <small class="fa fa-external-link"></small></a></li>
2360                                </ul>
2361                            </li>
2362                            <li class="dropdown ">
2363                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Plugins <b class="caret"></b></a>
2364                                <ul class="dropdown-menu">
2365                                    <li><a href="https://likebtn.com/en/wordpress-like-button-plugin"><img src="/i/cms/wordpress.png?v=41" /> &nbsp;WordPress</a></li>
2366                                    <li><a href="https://likebtn.com/en/joomla-like-button-plugin"><img src="/i/cms/joomla.png?v=41" /> &nbsp;Joomla</a></li>
2367                                    <li><a href="https://likebtn.com/en/drupal-like-button-module"><img src="/i/cms/drupal.png?v=41" /> &nbsp;Drupal</a></li>
2368
2369                                    <li class="divider"></li>
2370
2371                                    <li><a href="https://likebtn.com/en/wix-like-button"><img src="/i/plugins_icons/website_builders/wix.gif?v=41" /> &nbsp;WIX</a></li>
2372                                    <li><a href="https://likebtn.com/en/weebly-like-button"><img src="/i/plugins_icons/website_builders/weebly.png?v=41" /> &nbsp;Weebly</a></li>
2373                                    <li><a href="https://likebtn.com/en/shopify-like-button-rating-app"><img src="/i/plugins_icons/shopify.png?v=41" /> &nbsp;Shopify</a></li>
2374                                    <li><a href="https://likebtn.com/en/squarespace-like-button-rating"><img src="/i/plugins_icons/website_builders/squarespace.png?v=41" /> &nbsp;Squarespace</a></li>
2375                                    <li><a href="https://likebtn.com/en/knopka-mne-nravitsya-dlya-ucoz"><img src="/i/plugins_icons/website_builders/ucoz.gif?v=41" /> &nbsp;uCoz</a></li>
2376
2377                                    <li class="divider"></li>
2378
2379                                    <li><a href="https://likebtn.com/en/blogger-like-button"><img src="/i/cms/blogger.png?v=41" /> &nbsp;Blogger</a></li>
2380                                    <li><a href="https://likebtn.com/en/tumblr-like-button"><img src="/i/cms/tumblr.png?v=41" /> &nbsp;Tumblr</a></li>
2381                                    <li><a href="https://likebtn.com/en/vbulletin-like-button"><img src="/i/plugins_icons/forums/vbulletin.png?v=41" /> &nbsp;vBulletin</a></li>
2382                                                                                
2383                                </ul>
2384                            </li>
2385                            <li class=""><a href="https://likebtn.com/en/pricing">Pricing</a></li>
2386                            <li class="dropdown ">
2387                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Help <b class="caret"></b></a>
2388                                <ul class="dropdown-menu">
2389                                    <li><a href="https://likebtn.com/en/settings">Documentation</a></li>
2390                                                                        <li class="divider"></li>
2391                                    <li><a href="https://likebtn.com/en/faq">FAQ</a></li>
2392                                    <li><a href="https://likebtn.com/en/developers">Hire Developer</a></li>
2393                                    <li class="divider"></li>
2394                                    <li><a href="#" class="contact-trgr">Contact Us</a></li>
2395                                                                                                        </ul>
2396                            </li>
2397                            <li class=" menu_anon" >
2398                                <a href="https://likebtn.com/en/customer.php/login" ><span class="fa fa-lock"> &nbsp;Log In</span></a>
2399                                                                                                            </li>
2400                            <li class="dropdown menu_auth">
2401                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="fa fa-user"></span> &nbsp;<span class="menu_username"></span> <b class="caret"></b></a>
2402                                <ul class="dropdown-menu">
2403                                    <li><a href="/en/customer.php/websites"><i class="fa fa-globe"></i> Websites</a></li>
2404                                    <li><a href="/en/customer.php/statistics"><i class="fa fa-table"></i> Statistics</a></li>
2405                                    <li class="divider"></li>
2406                                    <li><a href="/en/customer.php/profile/edit"><i class="fa fa-user"></i> Profile</a></li>
2407                                    <li><a href="/en/customer.php/payments"><i class="fa fa-file-text-o"></i> Payments</a></li>
2408                                    <li><a href="/en/customer.php/subscriptions"><i class="fa fa-at"></i> Notifications</a></li>
2409                                    <li class="divider"></li>
2410                                    <li><a href="/en/customer.php/coupons"><i class="fa fa-money"></i> Coupons</a></li>
2411                                    <li><a href="/en/customer.php/referrals">&nbsp;<i class="fa fa-dollar"></i> &nbsp;Referrals</a></li>
2412                                    <li class="divider"></li>
2413                                    <li><a href="/en/customer.php/logout"><i class="fa fa-sign-out "></i> Logout</a></li>
2414                                </ul>
2415                            </li>
2416                            <li class="dropdown">
2417                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="fa fa-globe"></span> <span class="color-lead">En</span></a>
2418                                <ul class="dropdown-menu">
2419                                    <li class="disabled">
2420                                        <form>
2421                                            <table class="table-condensed table-langs lead">
2422                                                <tbody>
2423                                                    <tr>
2424                                                        <td class="color-lead">
2425                                                            English                                                        </td>
2426                                                        <td >
2427                                                            <a href="/ru/" title="Ru">Русский</a>                                                        </td>
2428                                                    </tr>
2429                                                </tbody>
2430                                            </table>
2431                                        </form>
2432                                    </li>
2433                                </ul>
2434                            </li>
2435                            <li class="dropdown">
2436                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="fa fa-search"></span></a>
2437                                <ul class="dropdown-menu">
2438                                    <li>
2439                                        <form class="form-inline" role="form" action="https://likebtn.com/en/search">
2440                                            <div class="input-group">
2441                                                <input type="text" class="form-control" name="q">
2442                                                <span class="input-group-btn">
2443                                                      <button class="btn btn-default" type="submit">Search</button>
2444                                                    </span>
2445                                            </div>
2446                                        </form>
2447                                    </li>
2448                                </ul>
2449                            </li>
2450
2451                        </ul>
2452                    </div>
2453                    <!-- /.navbar-collapse -->
2454                            </div>
2455        </nav>
2456    </div>
2457
2458            <footer class="background-midnight-blue color-white">
2459            <div class="container">
2460                <div class="row">
2461                    <div class="col-md-3">
2462                        <h3>Support</h3>
2463                        <ul class="nav-footer">
2464                                                        <li>Email: <a href="mailto:[email protected]">[email protected]</a></li>
2465                            <li><a href="#" class="contact-trgr">Contact Us</a></li>
2466                            <li><a href="/en/developers">Hire Developer</a></li>
2467                            <li><a href="/en/faq" >FAQ</a></li>
2468                            <li><a href="/en/settings" >Documentation</a></li>
2469                            <li><a href="/en/like-button-statistics-api" >API</a></li>
2470                        </ul>
2471                    </div>
2472                    <div class="col-md-4">
2473                        <h3>Company</h3>
2474                        <ul class="nav-footer">
2475                            <li><a href="/en/terms">Terms of Service</a></li>
2476                            <li><a href="/en/privacy">Privacy Policy</a></li>
2477                            <li><a href="/en/referral-program">Referral Program</a></li>
2478                            <li><a href="/en/showcase">Showcase</a></li>
2479                            <li><a href="/en/press">Press</a></li>
2480                            <li><a href="http://blog.likebtn.com/" target="_blank" rel="nofollow">Blog</a></li>
2481                        </ul>
2482                    </div>
2483                    <div class="col-md-5 friend-cntr">
2484                        <h3>Friends & Partners</h3>
2485                        <div class="pull-left">
2486                            <a href="https://www.digitalocean.com/?refcode=d094555af590" target="_blank" rel="nofollow">
2487                                <img border="0" src="/i/digitalocean-badge-blue.png?v=41" />                            </a>
2488                        </div>
2489                        <div class="pull-left">
2490                            <!-- begin WebMoney Transfer : attestation label -->
2491                            <a href="https://passport.webmoney.ru/asp/certview.asp?wmid=994826603852" target="_blank" rel="nofollow">
2492                                                                                                            <img border="0" src="/i/payment/88x31_wm_v_blue_on_transparent_en.png?v=41">
2493                                                                                                    <br><font size=1>Check certificate</font>
2494                            </a>
2495                            <!-- end WebMoney Transfer : attestation label -->
2496                        </div>
2497                        <div class="pull-left">
2498                            <a href="http://www.webmoney.ru/" target="_blank" rel="nofollow">
2499                                                                                                            <img border="0" src="/i/payment/88x31_wm_v_blue_on_transparent_en.png?v=41">
2500                                                                                                </a>
2501                        </div>
2502                    </div>
2503                </div>
2504                <div class="row">
2505                    <div class="col-md-12">
2506                        
2507                        <div class="row">
2508                            <div class="col-md-7">
2509                                <hr>
2510                                Copyright &copy; <a href="/en/the-like-button">LikeBtn.com</a> 2013-2026
2511                            </div>
2512                            <div class="col-md-5">
2513                                <hr>
2514                                <p class="social">
2515                                    <a href="https://www.facebook.com/LikeBtn.LikeButton" title="Facebook" rel="nofollow" target="_blank"><span class="fa fa-facebook"></span></a> &nbsp;
2516<a href="https://twitter.com/likebtn" title="Twitter" rel="nofollow" target="_blank"><span class="fa fa-twitter"></span></a> &nbsp;
2517<a href="http://www.youtube.com/user/likebtn" title="YouTube" rel="nofollow" target="_blank"><span class="fa fa-youtube"></span></a> &nbsp;
2518<a href="http://vk.com/likebtn" title="VK" rel="nofollow" target="_blank"><span class="fa fa-vk"></span></a> &nbsp;                                </p>
2519                            </div>
2520                        </div>
2521                    </div>
2522                </div>
2523            </div>
2524        </footer>
2525    
2526    <div id="toTop"><img src="//likebtn.com/i/totop.png?v=41" class="img-circle" /></div>
2527
2528            <button id="contact-trgr" class="btn btn-primary btn-sm" data-modal-title="Contact Us" data-toggle="jsmodal" data-remote="/en/customer.php/contact/content/" data-no-close-btn="true" data-modal-footer="&lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; id=&quot;contact-submit&quot; onclick=&quot;contactSubmit()&quot;&gt;Submit&lt;/button&gt;"><i class="fa fa-envelope-o"></i>&nbsp; Contact Us</button>
2529            
2529<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
2529    
2529<script type="text/javascript">
2530        homepageScript();
2531    </script>
2531
2532
2533    
2534        
2535    
2536    </body>
2537</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.