 |
| Shortcodes & Markups Code HTML |
सबसे पहला कदम -आपको सबसे पहले थीम पर जाये और > संपादित करे
और ये कोड को खोजे > ]]></b:skin> या <style> इसके बाद आप इसी कोड के जस्ट ऊपर नीचे दिए कोड को डाले
Style 1
/* Shortcode */
.post-body .button{width:100%;padding:0!important;list-style:none;margin:10px auto!important}.post-body .button li{display:inline-block;width:49%;line-height:normal;margin:0}.post-body .button li a{position:relative;display:block;padding:12px 15px;margin:5px;color:#fff;text-align:center;border:0;text-transform:uppercase;font-weight:700;border-radius:99em;background-size:300% 100%;box-shadow:0 4px 15px 0 rgbaundefined49,196,190,0.75)}.post-body .button li a.demo{background-image:linear-gradientundefinedto right,#eb3941,#f15e64,#e14e53,#e2373f)}.post-body .button li a.download{background-image:linear-gradientundefinedto right,#25aae1,#4481eb,#04befe,#3f86ed)}.post-body .button li a.demo:hover,.post-body .button li a.download:hover,.post-body .button li a.demo:active,.post-body .button li a.download:active{background-position:100% 0;box-shadow:0 0 5px 0 rgbaundefined49,196,190,0.5)}.bagidua{-webkit-column-count:2;-moz-column-count:2;column-count:2}.bagitiga{-webkit-column-count:3;-moz-column-count:3;column-count:3}.bagiempat{-webkit-column-count:4;-moz-column-count:3;column-count:4}.bagidua img,.bagitiga img,.bagiempat img{-webkit-backface-visibility:hidden;margin-bottom:20px;max-width:100%}.post-body .bagidua .separator:nth-of-typeundefinedn+2),.post-body .bagitiga .separator:nth-of-typeundefinedn+2),.post-body .bagiempat .separator:nth-of-typeundefinedn+2) img{margin:0 auto}.videoyoutube{text-align:center;margin:auto;width:100%}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.post-body blockquote{background:#f1e791;color:#222;padding:1em 15px;border-radius:10px;position:relative;margin:.5em auto;text-align:left}blockquote:before{content:'';display:block;height:2em;position:absolute;bottom:-.9em;left:0;top:auto;background:transparent;border:1em solid transparent;border-left-color:#f1e791;opacity:1}.post-footer-line{margin:30px auto;font-size:14px}.post-labels{float:left}.post-labels a{color:#000;padding:0 5px}.post-timestamp{float:right;color:#000}.post-timestamp a{color:#000}.post-labels a:hover,.post-labels a:active,.post-timestamp a:hover{color:#aaa}#flippy{text-align:center}#flippy button{background:#ff6348;background-image:linear-gradientundefinedto right,#25aae1,#4481eb,#04befe,#3f86ed);box-shadow:0 4px 15px 0 rgbaundefined49,196,190,0.75);color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:12px 22px;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:0;background-size:300% 100%;border-radius:99em;transition:all .3s}#flippy button:hover,#flippy button:focus{background-position:100% 0;outline:none;box-shadow:0 0 5px 0 rgbaundefined49,196,190,0.5)}#flippanel{padding:20px;display:none;text-align:left;background:#f7f7f7;border:0}/* Shortcode */
.post-body .button{width:100%;padding:0!important;list-style:none;margin:10px auto!important}.post-body .button li{display:inline-block;width:49%;line-height:normal;margin:0}.post-body .button li a{position:relative;display:block;padding:12px 15px;margin:5px;color:#fff;text-align:center;border:0;text-transform:uppercase;font-weight:700;border-radius:99em;background-size:300% 100%;box-shadow:0 4px 15px 0 rgbaundefined49,196,190,0.75)}.post-body .button li a.demo{background-image:linear-gradientundefinedto right,#eb3941,#f15e64,#e14e53,#e2373f)}.post-body .button li a.download{background-image:linear-gradientundefinedto right,#25aae1,#4481eb,#04befe,#3f86ed)}.post-body .button li a.demo:hover,.post-body .button li a.download:hover,.post-body .button li a.demo:active,.post-body .button li a.download:active{background-position:100% 0;box-shadow:0 0 5px 0 rgbaundefined49,196,190,0.5)}.bagidua{-webkit-column-count:2;-moz-column-count:2;column-count:2}.bagitiga{-webkit-column-count:3;-moz-column-count:3;column-count:3}.bagiempat{-webkit-column-count:4;-moz-column-count:3;column-count:4}.bagidua img,.bagitiga img,.bagiempat img{-webkit-backface-visibility:hidden;margin-bottom:20px;max-width:100%}.post-body .bagidua .separator:nth-of-typeundefinedn+2),.post-body .bagitiga .separator:nth-of-typeundefinedn+2),.post-body .bagiempat .separator:nth-of-typeundefinedn+2) img{margin:0 auto}.videoyoutube{text-align:center;margin:auto;width:100%}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.post-body blockquote{background:#f1e791;color:#222;padding:1em 15px;border-radius:10px;position:relative;margin:.5em auto;text-align:left}blockquote:before{content:'';display:block;height:2em;position:absolute;bottom:-.9em;left:0;top:auto;background:transparent;border:1em solid transparent;border-left-color:#f1e791;opacity:1}.post-footer-line{margin:30px auto;font-size:14px}.post-labels{float:left}.post-labels a{color:#000;padding:0 5px}.post-timestamp{float:right;color:#000}.post-timestamp a{color:#000}.post-labels a:hover,.post-labels a:active,.post-timestamp a:hover{color:#aaa}#flippy{text-align:center}#flippy button{background:#ff6348;background-image:linear-gradientundefinedto right,#25aae1,#4481eb,#04befe,#3f86ed);box-shadow:0 4px 15px 0 rgbaundefined49,196,190,0.75);color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:12px 22px;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:0;background-size:300% 100%;border-radius:99em;transition:all .3s}#flippy button:hover,#flippy button:focus{background-position:100% 0;outline:none;box-shadow:0 0 5px 0 rgbaundefined49,196,190,0.5)}#flippanel{padding:20px;display:none;text-align:left;background:#ecf0f1;border:0}/* Shortcode */
.post-body .button{width:100%;padding:0!important;list-style:none;margin:10px auto!important}.post-body .button li{display:inline-block;width:49%;line-height:normal;margin:0}.post-body .button li a{position:relative;display:block;padding:12px 15px;margin:5px;color:#fff;text-align:center;border:0;text-transform:uppercase;font-weight:700;border-radius:99em;background-size:300% 100%;box-shadow:0 4px 20px 0 rgba(49,196,190,0.75)}.post-body .button li a.demo{background-image:linear-gradient(to right,#f6d365 0%,#fda085 51%,#f6d365 100%)}.post-body .button li a.download{background-image:linear-gradient(to right,#a1c4fd 0%,#c2e9fb 51%,#a1c4fd 100%)}.post-body .button li a.demo:hover,.post-body .button li a.download:hover,.post-body .button li a.demo:active,.post-body .button li a.download:active{background-position:right center;box-shadow:0 0 5px 0 rgba(49,196,190,0.5)}.bagidua{-webkit-column-count:2;-moz-column-count:2;column-count:2}.bagitiga{-webkit-column-count:3;-moz-column-count:3;column-count:3}.bagiempat{-webkit-column-count:4;-moz-column-count:3;column-count:4}.bagidua img,.bagitiga img,.bagiempat img{-webkit-backface-visibility:hidden;margin-bottom:20px;max-width:100%}.post-body .bagidua .separator:nth-of-type(n+2),.post-body .bagitiga .separator:nth-of-type(n+2),.post-body .bagiempat .separator:nth-of-type(n+2) img{margin:0 auto}.videoyoutube{text-align:center;margin:auto;width:100%}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.post-body blockquote{background:#f1e791;color:#222;padding:1em 15px;border-radius:10px;position:relative;margin:.5em auto;text-align:left}blockquote:before{content:'';display:block;height:2em;position:absolute;bottom:-.9em;left:0;top:auto;background:transparent;border:1em solid transparent;border-left-color:#f1e791;opacity:1}.post-footer-line{margin:30px auto;font-size:14px}.post-labels{float:left}.post-labels a{color:#000;padding:0 5px}.post-timestamp{float:right;color:#000}.post-timestamp a{color:#000}.post-labels a:hover,.post-labels a:active,.post-timestamp a:hover{color:#aaa}#flippy{text-align:center}#flippy button{background:#fbc2eb;background-image:linear-gradient(to right,#fbc2eb 0%,#a6c1ee 51%,#fbc2eb 100%);box-shadow:0 4px 20px 0 rgba(49,196,190,0.75);color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:12px 32px;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:0;background-size:300% 100%;border-radius:99em;transition:all .3s}#flippy button:hover,#flippy button:focus{background-position:100% 0;outline:none;box-shadow:0 0 5px 0 rgba(49,196,190,0.5)}#flippanel{padding:20px;display:none;text-align:left;background:#f7f7f7;border:0}<b:if cond='data:blog.pageType != "index"'>
<script type='text/javascript'>
//<![CDATA[
// Youtube Responsive
setTimeoutundefinedfunctionundefined){$undefined".video-youtube").eachundefinedfunctionundefined){$undefinedthis).replaceWithundefined'<iframe class="video-youtube" src="'+$undefinedthis).dataundefined"src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
// Double Click
$undefined'i[rel="pre"]').replaceWithundefinedfunctionundefined){return $undefined"<pre><code>"+$undefinedthis).htmlundefined)+"</code></pre>")});forundefinedvar pres=document.querySelectorAllundefined"pre,code,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListenerundefined"dblclick",functionundefined){var e=getSelectionundefined),t=document.createRangeundefined);t.selectNodeContentsundefinedthis),e.removeAllRangesundefined),e.addRangeundefinedt)},!1);
function downloadJSAtOnloadundefined){var e=document.createElementundefined"script");e.src="https://rawcdn.githack.com/Indzign/theme/9cb6e56a/highlightprox.js",document.body.appendChildundefinede)}window.addEventListener?window.addEventListenerundefined"load",downloadJSAtOnload,!1):window.attachEvent?window.attachEventundefined"onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
$undefineddocument).readyundefinedfunctionundefined){$undefined"#flippy").clickundefinedfunctionundefined){$undefined"#flippanel").slideToggleundefined"normal")})});
//]]>
</script>
</b:if>डेमो और डाउनलोड का बटन कैसे लगाये या जोड़े नीचे दिए कोड को ब्लॉग पोस्ट पर डाले
 |
| DEMO & DOWNLOAD BUTTON HTML CODE |
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div> |
| DEMO & OTHER BUTTONS |
<div class="small-button">
<a class="button small demo" href="https://www.blogger.com">Demo Button</a>
<a class="button medium demo" href="https://www.blogger.com">Demo Button</a>
<a class="button large demo" href="https://www.blogger.com">Demo Button</a>
<br>
<div class="clear">
</div>
<a class="button small download" href="https://www.blogger.com">Download Button</a>
<a class="button medium download" href="https://www.blogger.com">Download Button</a>
<a class="button large download" href="https://www.blogger.com">Download Button</a>
<br>
<div class="clear">
</div>
<a class="button small buy" href="https://www.blogger.com">Buy Now Button</a>
<a class="button medium buy" href="https://www.blogger.com">Buy Now Button</a>
<a class="button large buy" href="https://www.blogger.com">Buy Now Button</a>
<br>
<div class="clear">
</div>
<a class="button small visit" href="https://www.blogger.com">Visit a Link Button</a>
<a class="button medium visit" href="https://www.blogger.com">Visit a Link Button</a>
<a class="button large visit" href="https://www.blogger.com">Visit a Link Button</a>
</div>Spoiler
अगर आप अपने ब्लॉग पोस्ट पर कोई चीज़ छुपाना चाहते हो तो स्पॉइलर का प्रयोग करे और देखे कैसा दिखता है आपका ब्लॉग पोस्ट
<div id="flippy"><button>Spoiler</button></div>
<div id="flippanel">
--- TAMBAHKAN KONTEN DISINI ---
</div><div class="bagitiga">
--- TAMBAHKAN KONTEN DISINI ---
</div><iframe width="400" height="223" src="https://www.youtube.com/embed/ncd4TBWMFQE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>HTML CODE को ब्लॉग पोस्ट में दिखने के लिए कोड को पहले बदलेकैसे बदले इस में क्लिक कर देखे
<pre><code>--PASTE CODE HERE--</code></pre>Template Info along with Features & Strengths
Info TemplateTura Templates is a Blogger template with Responsive layout and suitable for all blogs. With a design that has a simple color combination, looks clean and modern, SEO Optimized, and has been built using some of the most popular design trends today.
Template Features
- Responsive
- SEO Friendly
- Google Testing Tool Validator
- 2 Column
- Auto Readmore
- Related Post with Thumb
- Search Box
- Recent Post Slider
- Subcription Box
- Back to Top Button
- Responsive Drop Down Menu
- And More...
Navigation Menu
Please open Blogger> Template> Edit HTMLSearch for the code below and find the code # below it, then replace the code # and 2325790695855617122 with your writing or link
<div class='levelon'>
<div class='joinus-button'><a href='https://www.blogger.com/follow-blog.g?blogID=2325790695855617122' itemprop='url' target='_blank'><span itemprop='name'><i class='fa fa-user'/> Join Our Site</span></a></div>
<ul class='social-on'>
<li><a class='facebook' href='#' itemprop='url' target='_blank' title='Follow our Facebook'><span itemprop='name'/></a></li>
<li><a class='twitter' href='#' itemprop='url' target='_blank' title='Follow our Twitter'><span itemprop='name'/></a></li>
<li><a class='instagram' href='#' itemprop='url' target='_blank' title='Follow our Instagram'><span itemprop='name'/></a></li>
<li><a class='gplus' href='#' itemprop='url' target='_blank' title='Follow our Google+'><span itemprop='name'/></a></li>
</ul>
</div>
<ul class='menu'>
<li class='fa fa-user-o'><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li>
<li class='fa fa-envelope-o'><a href='#' itemprop='url'><span itemprop='name'>Contact</span></a></li>
<li class='fa fa-list-alt'><a href='#' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
<li class='fa fa-check-square-o'><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
<li class='fa fa-exclamation-triangle'><a href='#' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></li>
</ul>
</nav>Mengatur Subscribe Box
Please open Blogger> Template> Edit HTML
Look for the code below and replace Turatemplates with your blog's feedburner
<div id='namina-subs'>
<p>Join Our Newsletter</p>
<div class='emailfield'>
<form action='https://feedburner.google.com/fb/a/mailverify' class='namina-form' method='post' novalidate='' onsubmit='window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=Turatemplates', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='name' placeholder='Your name' title='Add your name' type='text'/>
<input name='email' placeholder='Email *' title='Email' type='text'/>
<input name='uri' type='hidden' value='Turatemplates'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe'/>
</form>
</div></div></div></div>SEO Meta Tag
Template > Edit HTMLSearch and replace each post in the meta tag code
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>SEO
For SEO problems in this template I have set as much as possible in accordance with what I can. You don't need to make any modifications to this template.Widget
Sitemap widgetAdd the code below in a static blog post
<div id="bp_toc">
</div>
<script src="https://rawcdn.githack.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1{display:none;} /* CSS Full Sitemap */ #bp_toc{color:#000;margin:0 auto;overflow:auto;max-height:1400px;} span.toc-note{padding:20px 20px 30px 20px;margin:0 auto;display:block;text-align:center;color:#000;font-size:1.2rem;text-transform:uppercase;line-height:normal} .toc-header-col1{padding:10px;background-color:#f5f5f5;width:250px} .toc-header-col2{padding:10px;background-color:#f5f5f5;width:75px} .toc-header-col3{padding:10px;background-color:#f5f5f5;width:125px} #bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:0;border-bottom:1px solid rgbaundefined0,0,0,0.1)} #bp_toc tr:nth-childundefined1) a{color:#666} #bp_toc td.toc-header-col1{background-color:#fff} #bp_toc td.toc-header-col2{background-color:#fff} #bp_toc td.toc-header-col3{background-color:#fff} #bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:0} #bp_toc td a{color:#000} .toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:13px;text-decoration:none;color:#aaa;font-family:'Roboto';font-weight:700;letter-spacing:0.5px} .toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none} .toc-entry-col1,.toc-entry-col2,.toc-entry-col3{padding:10px 5px;font-size:90%} .toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{color:#000;} .toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#3498db} #bp_toc table{width:100%;margin:0 auto;counter-reset:rowNumber} .toc-entry-col1{counter-increment:rowNumber} #bp_toc table tr td.toc-entry-col1:first-child::before{content:counterundefinedrowNumber);min-width:1em;margin-right:0.5em;background:#70b8e7;color:#fff;padding:3px 5px;border-radius:3px;font-size:.8rem}#bp_toc td a{float:none;background:transparent;color:#666;font-size:100%;text-transform:capitalize;padding:0 0 0 5px;font-weight:400}#bp_toc td a:hover{color:#3498db}</style>
Widget Contact Form
Add the code below in a static blog post
Add the code below in a static blog post
<form name="contact-form">
Nama
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
Alamat Email
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Isi Pesan
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">#ContactForm1,#HTML97{display:none} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{width:50%;height:auto;margin:10px auto;padding:10px;background:#fff;color:#666;border:1px solid rgbaundefined0,0,0,0.08)} #ContactForm1_contact-form-email-message{width:100%;height:175px;margin:10px auto;padding:10px;background:#fff;color:#666;border:1px solid rgbaundefined0,0,0,0.08)} #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border:1px solid rgbaundefined0,0,0,0.18)} #ContactForm1_contact-form-submit{font-size:15px;width:101px;height:35px;float:left;color:#fff;padding:0;margin:10px 0 3px 0;cursor:pointer;background:#aeb2ba;border:none;border-radius:2px;transition:background 0.4s linear} #ContactForm1_contact-form-submit:hover{background:#e74c3c} #ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px} </style>
Use this script to create a table Specifications template, etc
<table>
<tbody>
<tr> <th>Features</th> <th>Availability</th> </tr>
<tr> <td>Responsive</td> <td>True <a href="#" rel="nofollow noopener" target="_blank">Cek</a></td> </tr>
<tr> <td>Mobile Friendly</td> <td>True <a href="#" rel="nofollow noopener" target="_blank">Cek</a></td> </tr>
<tr> <td>Google Testing Tool Validator undefinedIndex)</td> <td>True <a href="#" rel="nofollow noopener" target="_blank">Cek</a></td> </tr>
<tr> <td>Google Testing Tool Validator undefinedItem)</td> <td>True <a href="#" rel="nofollow noopener" target="_blank">Cek</a></td> </tr>
<tr> <td>SEO Friendly</td> <td>True</td> </tr>
<tr> <td>Personal Blog</td> <td>True</td> </tr>
<tr> <td>2 Column</td> <td>True</td> </tr>
<tr> <td>Top Navigation</td> <td>True</td> </tr>
<tr> <td>Breadcrumbs</td> <td>True</td> </tr>
<tr> <td>2 Option Search Box</td> <td>True</td> </tr>
<tr> <td>Back to Top Button</td> <td>True</td> </tr>
<tr> <td>Footer Menu</td> <td>True</td> </tr>
<tr> <td>ShareThis Share Button</td> <td>True</td> </tr>
<tr> <td>Featured Recent Post</td> <td>Pro Version</td> </tr>
<tr> <td>2 Option Comment System</td> <td>Pro Version</td> </tr>
<tr> <td>Fast Version</td> <td>Pro Version</td> </tr>
<tr> <td>Newsletter Widget</td> <td>Pro Version</td> </tr>
<tr> <td>Related Post</td> <td>Pro Version</td> </tr>
<tr> <td>Sticky Sidebar</td> <td>Pro Version</td> </tr>
<tr> <td>Image Lightbox</td> <td>Pro Version</td> </tr>
<tr> <td>Sitemap Widget</td> <td>Pro Version</td> </tr>
<tr> <td>Contact Form Widget</td> <td>Pro Version</td> </tr>
<tr> <td>Fixed Menu on Mobile</td> <td>Pro Version</td> </tr>
<tr> <td>Shortcodes</td> <td>Pro Version</td> </tr>
</tbody></table>
Script for download link
<div class="clear">
</div>
</div>
<div style="display: none;">
<div id="Theme-details">
<div id="store-style">
<a class="storebutton but1" href="#" rel="nofollow" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i> Live Preview</a>
<a class="storebutton but2" href="#" target="_blank"><i class="fa fa-cloud-download" aria-hidden="true"></i> Pasword Theme</a>
<br />
<span class="pasword">Password Rar: <a href="#" target="_blank">Check it</a></span>
<div class="rio-ss idb">
</div>
</div>
<div id="store-style">
<div class="rio-ss">
<span class="storelist">Support Template Update</span>
<span class="storelist">Remove Footer Credits</span>
<span class="storelist">For Unlimited Domains</span>
<span class="storelist">No Encrypted Scripts</span>
<span class="storelist">And Many More...</span></div>
</div>
</div>
Thank you
Push my life
ReplyDeleteOk
Delete2325790695855617122
ReplyDeleteNice
ReplyDeleteEk number
ReplyDeleteUnknown
ReplyDeletehttps://www.instagram.com/p/B78DZAvFLG9/?igshid=y7q4flotpov8
Unknown
ReplyDeletehttps://www.instagram.com/p/B78DZAvFLG9/?igshid=y7q4flotpov8
Rahulray222
ReplyDeletePalash7140
ReplyDeletePalash7140
ReplyDeleteChuutiyagiri
ReplyDeleteSolid
ReplyDelete...
ReplyDeleteLike pliis
ReplyDeleteOsmmm
DeleteOsm
ReplyDeletefgdgdfg
ReplyDelete