{"id":1368,"date":"2023-02-16T12:21:18","date_gmt":"2023-02-16T12:21:18","guid":{"rendered":"https:\/\/www.tools.keywordfinder.us\/?page_id=1368"},"modified":"2023-02-16T12:21:18","modified_gmt":"2023-02-16T12:21:18","slug":"social-link-generator","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/pt\/social-link-generator\/","title":{"rendered":"Social Link Generator"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-base-3-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script>\t\n\t\n\n\n<section><br>\n\t\n\t<h1>Social Link Generator<\/h1>\n\t<h3>Input<\/h3>\n\t\n\t<table id=\"input-table\">\n\t\t\n\t\t<tbody><tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">URL :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_url\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Title :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_title\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td valign=\"top\" width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Description :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<textarea cols=\"40\" id=\"input_description\" rows=\"4\"><\/textarea>\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Image :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_image\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">App ID :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_appid\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Redirect URL :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_redirect_url\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Via :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_via\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Hash Tags :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_hash_tags\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Provider :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_provider\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Language :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_language\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">User ID :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_user_id\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Category :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_category\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Phone :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_phone_number\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">Email :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_email_address\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">CC Email :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_cc_email_address\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td width=\"1%\">\n\t\t\t\t<span class=\"input-label\">BCC Email :<\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t\t<td>\n\t\t\t\t<input id=\"input_bcc_email_address\" type=\"text\">\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t\t<tr>\n\t\t\n\t\t\t<td colspan=\"2\">\n\t\t\t\t<span class=\"input-label\">Generate URLs : <input id=\"generate-social-media-urls\" type=\"button\" value=\"Generate\"><\/span>\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\t\n\t<\/tbody><\/table>\n\t\n\t<h2>Output<\/h2>\n\t\n\t<table id=\"output-table\">\n\t\t\n\t\t<tbody><tr>\n\t\t\n\t\t\t<td>\n\t\t\t\tOutput will appear here.\n\t\t\t<\/td>\n\t\t\t\n\t\t<\/tr>\n\t\n\t<\/tbody><\/table>\n\t<br><\/section>\n\t<script type=\"text\/javascript\">\n\t\t$(document).ready(function(e){\n\t\t\t$('#generate-social-media-urls').click(function(e) {\n\t\t\t\tconst socialmedia = GetSocialMediaSites_WithShareLinks_OrderedByPopularity();\n\t\t\t\tconst socialmediaurls = GetSocialMediaSiteLinks_WithShareLinks({\n\t\t\t\t\t'url':$('#input_url').val(),\n\t\t\t\t\t'title':$('#input_title').val(),\n\t\t\t\t\t'image':$('#input_image').val(),\n\t\t\t\t\t'desc':$('#input_description').val(),\n\t\t\t\t\t'appid':$('#input_appid').val(),\n\t\t\t\t\t'redirecturl':$('#input_redirect_url').val(),\n\t\t\t\t\t'via':$('#input_via').val(),\n\t\t\t\t\t'hashtags':$('#input_hash_tags').val(),\n\t\t\t\t\t'provider':$('#input_provider').val(),\n\t\t\t\t\t'language':$('#input_language').val(),\n\t\t\t\t\t'userid':$('#input_user_id').val(),\n\t\t\t\t\t'category':$('#input_category').val(),\n\t\t\t\t\t'phonenumber':$('#input_phone_number').val(),\n\t\t\t\t\t'emailaddress':$('#input_email_address').val(),\n\t\t\t\t\t'ccemailaddress':$('#input_cc_email_address').val(),\n\t\t\t\t\t'bccemailaddress':$('#input_bcc_email_address').val(),\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tvar children = [];\n\t\t\t\t\n\t\t\t\tfor(var i = 0; i < socialmedia.length; i++) {\n\t\t\t\t\tconst socialmedium = socialmedia[i];\n\t\t\t\t\t\n\t\t\t\t\tchildren.push(\n\t\t\t\t\t\t'<tr><td class=\"output-label\">' +\n\t\t\t\t\t\tsocialmedium +\n\t\t\t\t\t\t'<\/td><td>' +\n\t\t\t\t\t\tsocialmediaurls[socialmedium] +\n\t\t\t\t\t\t'<\/td><\/tr>'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t$('#output-table').empty();\n\t\t\t\t$('#output-table').append(children.join());\n\t\t\t\t\n\t\t\t\treturn true;\t\/\/ success\n\t\t\t});\n\t\t});\n\t<\/script>\n\t\n\n\n\n\n<style>\n  \n    input[type=\"button\"]{font-size: 16px;\n    font-weight: 500;\n    font-family: 'Poppins', sans-serif;\n    padding: 0px 50px;\n    line-height: 50px;\n    text-align: center;\n    outline: none;\n    cursor: pointer;\n    color: #fff;\n    background-color: deeppink;\n    -webkit-border-radius: 20%;\n    border-radius: 20%;\n    display: inline-block;\n    position: relative;\n    -webkit-box-shadow: 0 10px 15px 0px rgb(233 30 99 \/ 15%);\n    box-shadow: 0 10px 15px 0px rgb(233 30 99 \/ 15%);\n    text-shadow: 2px 2px 4px #333;\n            margin-top:15px;margin-bottom:15px;width:200px;\n}\n  \ntable, td {\n\tborder:solid 0px black;\n}\n\n\n.input-label, .output-label {\n\twhite-space: nowrap;\n}\n\n<\/style>\n\n<script>\n\n\t\t\/\/ All Social Media Sites\n\t\t\/\/ -------------------------------------------------\n\n\t\/\/ All Social Media Sites ~ Nice Names\n\t\/\/ -------------------------------------------------\n\nfunction GetSocialMediaSites_NiceNames() {\n\treturn {\n\t\t'add.this':'AddThis',\n\t\t'blogger':'Blogger',\n\t\t'buffer':'Buffer',\n\t\t'diaspora':'Diaspora',\n\t\t'douban':'Douban',\n\t\t'email':'EMail',\n\t\t'evernote':'EverNote',\n\t\t'getpocket':'Pocket',\n\t\t'facebook':'FaceBook',\n\t\t'flattr':'Flattr',\n\t\t'flipboard':'FlipBoard',\n\t\t'google.bookmarks':'GoogleBookmarks',\n\t\t'instapaper':'InstaPaper',\n\t\t'line.me':'Line.me',\n\t\t'linkedin':'LinkedIn',\n\t\t'livejournal':'LiveJournal',\n\t\t'gmail':'GMail',\n\t\t'hacker.news':'HackerNews',\n\t\t'ok.ru':'OK.ru',\n\t\t'pinterest':'Pinterest',\n\t\t'qzone':'QZone',\n\t\t'reddit':'Reddit',\n\t\t'renren':'RenRen',\n\t\t'skype':'Skype',\n\t\t'sms':'SMS',\n\t\t'surfingbird.ru':'SurfingBird.ru',\n\t\t'telegram.me':'Telegram.me',\n\t\t'threema':'Threema',\n\t\t'tumblr':'Tumblr',\n\t\t'twitter':'Twitter',\n\t\t'vk':'VK',\n\t\t'weibo':'Weibo',\n\t\t'whatsapp':'WhatsApp',\n\t\t'xing':'Xing',\n\t\t'yahoo':'Yahoo',\n\t};\n}\n\n\t\t\/\/ Social Media Sites With Share Links\n\t\t\/\/ -------------------------------------------------\n\nfunction GetSocialMediaSites_WithShareLinks_OrderedByPopularity() {\n\treturn [\n\t\t'google.bookmarks',\n\t\t'facebook',\n\t\t'reddit',\n\t\t'whatsapp',\n\t\t'twitter',\n\t\t'linkedin',\n\t\t'tumblr',\n\t\t'pinterest',\n\t\t'blogger',\n\t\t'livejournal',\n\t\t'evernote',\n\t\t'add.this',\n\t\t'getpocket',\n\t\t'hacker.news',\n\t\t'buffer',\n\t\t'flipboard',\n\t\t'instapaper',\n\t\t'surfingbird.ru',\n\t\t'flattr',\n\t\t'diaspora',\n\t\t'qzone',\n\t\t'vk',\n\t\t'weibo',\n\t\t'ok.ru',\n\t\t'douban',\n\t\t'xing',\n\t\t'renren',\n\t\t'threema',\n\t\t'sms',\n\t\t'line.me',\n\t\t'skype',\n\t\t'telegram.me',\n\t\t'email',\n\t\t'gmail',\n\t\t'yahoo',\n\t];\n}\n\nfunction GetSocialMediaSites_WithShareLinks_OrderedByAlphabet() {\n\tconst nice_names = GetSocialMediaSites_NiceNames();\n\t\n\treturn Object.keys(nice_names);\n}\n\n\t\t\/\/ Social Media Site Links With Share Links\n\t\t\/\/ -------------------------------------------------\n\nfunction GetSocialMediaSiteLinks_WithShareLinks(args) {\n\tconst validargs = [\n\t\t'url',\n\t\t'title',\n\t\t'image',\n\t\t'desc',\n\t\t'appid',\n\t\t'redirecturl',\n\t\t'via',\n\t\t'hashtags',\n\t\t'provider',\n\t\t'language',\n\t\t'userid',\n\t\t'category',\n\t\t'phonenumber',\n\t\t'emailaddress',\n\t\t'cemailaddress',\n\t\t'bccemailaddress',\n\t];\n\t\n\tfor(var i = 0; i < validargs.length; i++) {\n\t\tconst validarg = validargs[i];\n\t\tif(!args[validarg]) {\n\t\t\targs[validarg] = '';\n\t\t}\n\t}\n\t\n\tconst url = fixedEncodeURIComponent(args.url);\n\tconst title = fixedEncodeURIComponent(args.title);\n\tconst image = fixedEncodeURIComponent(args.image);\n\tconst desc = fixedEncodeURIComponent(args.desc);\n\tconst app_id = fixedEncodeURIComponent(args.appid);\n\tconst redirect_url = fixedEncodeURIComponent(args.redirecturl);\n\tconst via = fixedEncodeURIComponent(args.via);\n\tconst hash_tags = fixedEncodeURIComponent(args.hashtags);\n\tconst provider = fixedEncodeURIComponent(args.provider);\n\tconst language = fixedEncodeURIComponent(args.language);\n\tconst user_id = fixedEncodeURIComponent(args.userid);\n\tconst category = fixedEncodeURIComponent(args.category);\n\tconst phone_number = fixedEncodeURIComponent(args.phonenumber);\n\tconst email_address = fixedEncodeURIComponent(args.emailaddress);\n\tconst cc_email_address = fixedEncodeURIComponent(args.ccemailaddress);\n\tconst bcc_email_address = fixedEncodeURIComponent(args.bccemailaddress);\n\t\n\tvar text = title;\n\t\n\tif(desc) {\n\t\ttext += '%20%3A%20';\t\/\/ This is just this, \" : \"\n\t\ttext += desc;\n\t}\n\t\n\treturn {\n\t\t'add.this':'http:\/\/www.addthis.com\/bookmark.php?url=' + url,\n\t\t'blogger':'https:\/\/www.blogger.com\/blog-this.g?u=' + url + '&#038;n=' + title + '&#038;t=' + desc,\n\t\t'buffer':'https:\/\/buffer.com\/add?text=' + text + '&#038;url=' + url,\n\t\t'diaspora':'https:\/\/share.diasporafoundation.org\/?title=' + title + '&#038;url=' + url,\n\t\t'douban':'http:\/\/www.douban.com\/recommend\/?url=' + url + '&#038;title=' + text,\n\t\t'email':'mailto:' + email_address + '?subject=' + title + '&#038;body=' + desc,\n\t\t'evernote':'https:\/\/www.evernote.com\/clip.action?url=' + url + '&#038;title=' + text,\n\t\t'getpocket':'https:\/\/getpocket.com\/edit?url=' + url,\n\t\t'facebook':'http:\/\/www.facebook.com\/sharer.php?u=' + url,\n\t\t'flattr':'https:\/\/flattr.com\/submit\/auto?user_id=' + user_id + '&#038;url=' + url + '&#038;title=' + title + '&#038;description=' + text + '&#038;language=' + language + '&#038;tags=' + hash_tags + '&#038;hidden=HIDDEN&#038;category=' + category,\n\t\t'flipboard':'https:\/\/share.flipboard.com\/bookmarklet\/popout?v=2&#038;title=' + text + '&#038;url=' + url, \n\t\t'gmail':'https:\/\/mail.google.com\/mail\/?view=cm&#038;to=' + email_address + '&#038;su=' + title + '&#038;body=' + url + '&#038;bcc=' + bcc_email_address + '&#038;cc=' + cc_email_address,\n\t\t'google.bookmarks':'https:\/\/www.google.com\/bookmarks\/mark?op=edit&#038;bkmk=' + url + '&#038;title=' + title + '&#038;annotation=' + text + '&#038;labels=' + hash_tags + '',\n\t\t'instapaper':'http:\/\/www.instapaper.com\/edit?url=' + url + '&#038;title=' + title + '&#038;description=' + desc,\n\t\t'line.me':'https:\/\/lineit.line.me\/share\/ui?url=' + url + '&#038;text=' + text,\n\t\t'linkedin':'https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=' + url,\n\t\t'livejournal':'http:\/\/www.livejournal.com\/update.bml?subject=' + text + '&#038;event=' + url,\n\t\t'hacker.news':'https:\/\/news.ycombinator.com\/submitlink?u=' + url + '&#038;t=' + title,\n\t\t'ok.ru':'https:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&#038;st.shareUrl=' + url,\n\t\t'pinterest':'http:\/\/pinterest.com\/pin\/create\/button\/?url=' + url ,\n\t\t'qzone':'http:\/\/sns.qzone.qq.com\/cgi-bin\/qzshare\/cgi_qzshare_onekey?url=' + url,\n\t\t'reddit':'https:\/\/reddit.com\/submit?url=' + url + '&#038;title=' + title,\n\t\t'renren':'http:\/\/widget.renren.com\/dialog\/share?resourceUrl=' + url + '&#038;srcUrl=' + url + '&#038;title=' + text + '&#038;description=' + desc,\n\t\t'skype':'https:\/\/web.skype.com\/share?url=' + url + '&#038;text=' + text,\n\t\t'sms':'sms:' + phone_number + '?body=' + text,\n\t\t'surfingbird.ru':'http:\/\/surfingbird.ru\/share?url=' + url + '&#038;description=' + desc + '&#038;screenshot=' + image + '&#038;title=' + title,\n\t\t'telegram.me':'https:\/\/t.me\/share\/url?url=' + url + '&#038;text=' + text + '&#038;to=' + phone_number,\n\t\t'threema':'threema:\/\/compose?text=' + text + '&#038;id=' + user_id,\n\t\t'tumblr':'https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=' + url + '&#038;title=' + title + '&#038;caption=' + desc + '&#038;tags=' + hash_tags,\n\t\t'twitter':'https:\/\/twitter.com\/intent\/tweet?url=' + url + '&#038;text=' + text + '&#038;via=' + via + '&#038;hashtags=' + hash_tags,\n\t\t'vk':'http:\/\/vk.com\/share.php?url=' + url + '&#038;title=' + title + '&#038;comment=' + desc,\n\t\t'weibo':'http:\/\/service.weibo.com\/share\/share.php?url=' + url + '&#038;appkey=&#038;title=' + title + '&#038;pic=&#038;ralateUid=',\n\t\t'whatsapp':'https:\/\/api.whatsapp.com\/send?text=' + text + '%20' + url,\n\t\t'xing':'https:\/\/www.xing.com\/spi\/shares\/new?url=' + url,\n\t\t'yahoo':'http:\/\/compose.mail.yahoo.com\/?to=' + email_address + '&#038;subject=' + title + '&#038;body=' + text,\n\t};\n}\n\nfunction fixedEncodeURIComponent(str) {\n\treturn encodeURIComponent(str).replace(\/[!'()*]\/g, function(c) {\n\t\treturn '%' + c.charCodeAt(0).toString(16);\n\t});\n}\n<\/script>\n\n<style>\n\nbody{text-align:center}\n\n\/* Button Styles *\/\nbutton, .button, #button, btn, .btn, #btn, downloadlink,  #download-button, #button-copy, button-copy, copy-button, #copy-button, #copy, copy, #download-html-button{\n  display: inline-block;\n  padding: 12px 24px;\n  font-size: 16px;\n  font-weight: 500;\n  color: #ffffff;\n  text-transform: uppercase;\n  text-decoration: none;\n  text-align: center;\n  border-radius: 30px;\n  background-image: linear-gradient(to right, #0088FF, #0088FF);\n  border: 3px solid #fff;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\n  transition: all 0.3s ease;\n  margin:0 auto;\n  margin-top:11px;\n  margin-bottom:11px;\n  text-shadow: 2px 2px 4px #333;\n}\n\n\/* Button Hover State *\/\nbutton:hover {\n  background-image: linear-gradient(to right, #FF1493, #FF1493);\n  border: 3px solid #ffffff;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n}\n\n -input{\n  width: 25%;\n  height: 100%;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ninput[type=file]::file-selector-button {\n  display: inline-block;\n  padding: 1.0rem 1rem;\n  font-size: 1.125rem;\n  font-weight: bold;\n  color: #fff;\n  text-align: center;\n  text-transform: uppercase;\n  background-color: #0088FF;\n  border-radius: 0rem;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n  border: 0px solid #fff;\n  width:100%;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\n}\n\ninput[type=file]::file-selector-button:hover {\n  background-color: #5b52d6;\n}\n\ninput[type=file]::file-selector-button:active {\n  background-color: #4a41ad;\n}\n\ninput[type=file]::file-selector-button:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #6c63ff;\n}\n\ninput[type=file]::file-selector-button::before {\n  content: \"Select File\";\n}\n\ninput[type=file]::file-selector-button::before,\ninput[type=file]::file-selector-button::before {\n  content: \"\\2193 Browse Files\";\n}\n\n\ninput[type=\"file\"] {\n  display: yes;\n}\ninput[type=\"text\"], input[type=\"url\"] {\n  width: 80%;\n  height: 50px;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\ninput[type=\"number\"], select {\n  width: 30%;\n  height: 50px;\n  padding: 5px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc;\n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ntextarea {\n  width: 100%;\n  height: 170px;\n  padding: 10px;\n  font-size: 16px;\n  font-family: Arial, sans-serif;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;  \n  transition: all 0.2s ease-in-out;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n}\n\ntextarea:hover {\n  border-color: #06c;\n  box-shadow: 2px 2px 10px #06c;\n}\n\ntextarea:focus {\n  outline: none;\n  border-color: #06c;\n  box-shadow: 2px 2px 10px #06c;\n}\n\ncanvas, #image-container, .img, #img, image, .image, #image, #convertedImage, #preview-image {\n  border: 5px solid;\n  border-image: linear-gradient(to bottom, #007bff, #00f260);\n  border-image-slice: 1;\n  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);\n  margin-top:10px;margin-bottom:10px;\n  width:90%;\n  margin:0 auto;padding:15px;\n\n}\n\n#image-container img {\n  max-width: 100%;\n  }\n\ncode, pre, .result, output, #output, .output {\n  font-family: Monaco, Consolas, \"Andale Mono\", \"DejaVu Sans Mono\", monospace;\n  font-size: 0.9em;\n  color: #333;\n  background-color: #f9f9f9;\n  padding: 0.2em 0.4em;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;\n  border-radius: 5px;\n  box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;  \n  transition: all 0.2s ease-in-out;\n  white-space: pre-wrap;\n  margin-top:10px;margin-bottom:10px;\n  margin:0 auto;\n  width:100%;\n  padding:15px;\n\n}\n\n\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n  width: 80%;\n  background: transparent;\n  height: 10px;\n  border-radius: 5px;\n  outline: none;\n  padding: 0;\n  margin: 0;\n  box-shadow: inset 0 0 5px #333;\n  transition: box-shadow 0.2s;\n  margin-top:10px;\n\n}\n\ninput[type=\"range\"]:focus {\n  box-shadow: inset 0 0 5px #888;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: #4CAF50;\n  cursor: pointer;\n  transition: background 0.2s;\n  margin-top:-5px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n  background: #3e8e41;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  height: 10px;\n  background: #ddd;\n  border-radius: 5px;\n  border: none;\n}\ninput[type=\"checkbox\"] {\n  appearance: none;\n  width: 45px;\n  height: 25px;\n  background: transparent;\n  border: 2px solid;\n  border-image: linear-gradient(to right, #06c, #f90) 1;  border-radius: 5px;\n  margin: 10px;\n  outline: none;\n  cursor: pointer;\n  position: relative;\n}\n\ninput[type=\"checkbox\"]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  background: #D209A4;\n  border-radius: 100px;\n  position: absolute;\n  left: 2px;\n  \n  top: 3px;\n  transition: all 0.2s;\n}\n\ninput[type=\"checkbox\"]:checked:before {\n  transform: translateX(20px);\n}\n\ninput[type=\"checkbox\"]:focus {\n  border: 2px solid #888;\n}\ninput[type=\"radio\"] {\n  appearance: none;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid #333;\n  margin-right: 10px;\n  outline: none;\n  position: relative;\n  cursor: pointer;\n}\n\ninput[type=\"radio\"]:after {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #333;\n  position: absolute;\n  top: 5px;\n  left: 5px;\n  opacity: 0;\n  transition: all 0.2s;\n}\n\ninput[type=\"radio\"]:checked:after {\n  opacity: 1;\n}\n\ninput[type=\"radio\"]:focus {\n  border-color: #888;\n}\n\n\ninput[type=\"radio\"] {\n  display: inline-block;\n  margin-right: 10px;\n  vertical-align: middle;\n}\n\nlabel {\n  display: block; \/* makes each label appear on a new line *\/\n  font-size: 16px;\n  font-weight: bold;\n  margin-bottom: 5px; \/* adds a small gap below each label *\/\n  color:#55555e;\n  margin-top:11px;margin-bottom:11px;\n}\n\ninput[type=\"color\"]{width:17.2%;}\n.form-control {\n    display: block;\n    margin:0 auto;\n    width: 70%;\n    padding: 0.375rem 0.75rem;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #212529;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid #ced4da;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    border-radius: 0.25rem;\n    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\nsection{\n         margin-top:60px;\n        width: 100%;\n        max-width: 970px;\n        background-color: #fff;\n        border: 1px solid #ddd;\n        padding: 25px;\n      }\n<\/style>\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Social Link Generator Input URL : Title : Description : Image : App ID : Redirect URL : Via : Hash Tags : Provider : Language : User ID : Category : Phone : Email : CC Email : BCC Email : Generate URLs : Output Output will appear here.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-1368","page","type-page","status-publish"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/pt\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/pages\/1368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/comments?post=1368"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/pages\/1368\/revisions"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/pt\/wp-json\/wp\/v2\/media?parent=1368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}