<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: AWDEV</title>
    <description>The latest articles on DEV Community by AWDEV (@awdev).</description>
    <link>https://dev.to/awdev</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F722912%2F4bb6ead4-b7aa-4ff2-a16a-ebe7655680ef.jpg</url>
      <title>DEV Community: AWDEV</title>
      <link>https://dev.to/awdev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/awdev"/>
    <language>en</language>
    <item>
      <title>AUTO Visitor</title>
      <dc:creator>AWDEV</dc:creator>
      <pubDate>Tue, 26 Oct 2021 10:47:07 +0000</pubDate>
      <link>https://dev.to/wahyu9kdl/auto-visitor-145j</link>
      <guid>https://dev.to/wahyu9kdl/auto-visitor-145j</guid>
      <description>&lt;p&gt;FREE TRAFFIC&lt;/p&gt;

&lt;p&gt;1 day ago·2 min read&lt;/p&gt;

&lt;p&gt;Oleh @awfanspage&lt;/p&gt;

&lt;p&gt;Traffic or traffic is the number of visits to an online store website , forum, news portal, and so on. High and targeted traffic will make your business website have more value. In other words, the opportunity to get conversions in the form of transactions is wide open. Then, where are the traffic sources for online store websites?originated? The following are some important traffic sources for you to know.&lt;br&gt;
Services AUTO Visitor&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Free&lt;/li&gt;
&lt;li&gt;Full service&lt;/li&gt;
&lt;li&gt;No viruses and Trojans&lt;/li&gt;
&lt;li&gt;Visitors come from various countries 5. Always Upgrade
Advantages of Online Services Website Traffic [ OTW ]&lt;/li&gt;
&lt;li&gt;Free&lt;/li&gt;
&lt;li&gt;Full service&lt;/li&gt;
&lt;li&gt;No viruses and Trojans&lt;/li&gt;
&lt;li&gt;Visitors come from various countries&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;LIST OF ONLINE TRAFFIC YOUTUBE SERVICE PACKAGES [ OTY ] SUBCIBE FREE&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Free&lt;/li&gt;
&lt;li&gt;Full service&lt;/li&gt;
&lt;li&gt;No viruses and Trojans&lt;/li&gt;
&lt;li&gt;Visitors come from various countries&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;LIST OF ONLINE TRAFFIC BLOO SERVICE PACKAGES [ OTB ]&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Free&lt;/li&gt;
&lt;li&gt;Full service&lt;/li&gt;
&lt;li&gt;No viruses and Trojans&lt;/li&gt;
&lt;li&gt;Visitors come from various countries 5. Always Upgrade
FOUR ( 4 )FREE ONLINE TRAFFIC SERVICES
( IMMEDIATELY GET YOUR SITE TRAFFIC FOR FREE )
1.AUTO Visitor
( &lt;a href="https://awprojectphp.000webhostapp.com/Traffic/index.php"&gt;https://awprojectphp.000webhostapp.com/Traffic/index.php&lt;/a&gt; )
2.OTW
( &lt;a href="https://awprojectphp.000webhostapp.com/Traffic/Website?ip=ip+234.345.456&amp;amp;name=Name&amp;amp;url=https%3A%2F%2Fclick-generator.com%2F&amp;amp;max=10000"&gt;https://awprojectphp.000webhostapp.com/Traffic/Website?ip=ip+234.345.456&amp;amp;name=Name&amp;amp;url=https%3A%2F%2Fclick-generator.com%2F&amp;amp;max=10000&lt;/a&gt; )
3.
( &lt;a href="https://awprojectphp.000webhostapp.com/Traffic/bloog"&gt;https://awprojectphp.000webhostapp.com/Traffic/bloog&lt;/a&gt; )
4.
( &lt;a href="https://awprojectphp.000webhostapp.com/Traffic/Youtube?ip=ip+234.345.456&amp;amp;name=Name&amp;amp;url=https%3A%2F%2Fclick-generator.com%2F&amp;amp;max=10000"&gt;https://awprojectphp.000webhostapp.com/Traffic/Youtube?ip=ip+234.345.456&amp;amp;name=Name&amp;amp;url=https%3A%2F%2Fclick-generator.com%2F&amp;amp;max=10000&lt;/a&gt; )
Thank you , good luck your site
Originally published at &lt;a href="https://www.awgroupchannel.my.id"&gt;https://www.awgroupchannel.my.id&lt;/a&gt; on October 25, 2021.&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>visitor</category>
      <category>traffic</category>
      <category>webdev</category>
      <category>github</category>
    </item>
    <item>
      <title>Alhikmah.xml Templates Responsive</title>
      <dc:creator>AWDEV</dc:creator>
      <pubDate>Sat, 23 Oct 2021 15:19:17 +0000</pubDate>
      <link>https://dev.to/wahyu9kdl/alhikmahxml-templates-responsive-2ddj</link>
      <guid>https://dev.to/wahyu9kdl/alhikmahxml-templates-responsive-2ddj</guid>
      <description>&lt;h1&gt;Alhikmah.xml Templates Responsive&lt;/h1&gt;

&lt;p&gt;In terms of features and advantages, blogger theme to take all the best from and make it better again.&lt;/p&gt;

&lt;p&gt;The following screenshots display Templates Alhikmah.xml :&lt;/p&gt;

&lt;p&gt;See the Demo Version Templates this ;&lt;/p&gt;

&lt;p&gt;Demo 1 Page Templates&lt;br&gt;
&lt;a href="https://www.alhikmah.my.id/?m=1"&gt;https://www.alhikmah.my.id/?m=1&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Demo 2 Page Center&lt;br&gt;
 &lt;a href="https://www.alhikmah.my.id/p/al-hikmah-center.html"&gt;https://www.alhikmah.my.id/p/al-hikmah-center.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Demo 3 Application &lt;a href="https://www.alhikmah.my.id/2021/08/aplikasi.html"&gt;https://www.alhikmah.my.id/2021/08/aplikasi.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Features/Advantages Alhikmah.xml&lt;/p&gt;

&lt;p&gt;Responsive 100% &lt;br&gt;
100% Responsive on all screen sizes&lt;/p&gt;

&lt;p&gt;SEO friendly&lt;br&gt;
No need to bother mucking with the code template that SEO because I optimize&lt;/p&gt;

&lt;p&gt;Fast Loading&lt;br&gt;
Fast Loading without sacrificing design&lt;/p&gt;

&lt;p&gt;Ads Optimized&lt;br&gt;
There are features in the ad slot automatically below the header and at the bottom before navibottom to help increase CTR ads&lt;/p&gt;

&lt;p&gt;Support Features Designer Blogger Theme&lt;br&gt;
If the mate doesn't like the default color of this template, you can change it as you wish through the menu Designer Blogger Theme&lt;/p&gt;

&lt;p&gt;Using Schema Markup&lt;br&gt;
Schema Markup to help search engines understand your blog&lt;/p&gt;

&lt;p&gt;Breadcrumb Navigation&lt;/p&gt;

&lt;p&gt;Auto Readmore&lt;/p&gt;

&lt;p&gt;Pop-up Search Form&lt;/p&gt;

&lt;p&gt;Sticky Widget&lt;/p&gt;

&lt;p&gt;Widget Related Posts&lt;/p&gt;

&lt;p&gt;Sharing Buttons Responsive Cool&lt;/p&gt;

&lt;p&gt;Numbered Page Navigation&lt;/p&gt;

&lt;p&gt;Back to Top Button&lt;/p&gt;

&lt;p&gt;Custom Error page&lt;/p&gt;

&lt;p&gt;Without Link Credit&lt;/p&gt;

&lt;p&gt;Donation Button&lt;/p&gt;

&lt;p&gt;Other will follow in the latest version.&lt;/p&gt;

&lt;p&gt;Download File Free 🔰&lt;br&gt;
Ref. &lt;a href="https://sfile.mobi/inv.php?id=358103"&gt;https://sfile.mobi/inv.php?id=358103&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The Template Price&lt;/p&gt;

&lt;p&gt;For this template I sell 350 thousand, but does not close the possibility of price will I learn in the next version.&lt;/p&gt;

&lt;p&gt;Place to Buy Templates in &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://belicode.com/item/195/jual-al-hikmah-xml-templates-responsive"&gt;https://belicode.com/item/195/jual-al-hikmah-xml-templates-responsive&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://belicode.com/item/194/al-hikmah-xml-templates-responsive"&gt;https://belicode.com/item/194/al-hikmah-xml-templates-responsive&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Thema Admin Dashboard &lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://belicode.com/item/198/admin-lte-bootstrap-admin-dashboard-template"&gt;https://belicode.com/item/198/admin-lte-bootstrap-admin-dashboard-template&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Application &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://projects.co.id/public/browse_products/view/745911/alhikmah-aplication"&gt;https://projects.co.id/public/browse_products/view/745911/alhikmah-aplication&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://p-store.net/software/70180/aplikasi-alhikmah"&gt;https://p-store.net/software/70180/aplikasi-alhikmah&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you are interested with this theme, please directly purchased rather than later the price get up.&lt;/p&gt;

&lt;p&gt;To Buy Click The Button Below&lt;/p&gt;

&lt;p&gt;Buy Now&lt;/p&gt;

&lt;p&gt;As Early as the Promotion of the Product aw group channel&lt;/p&gt;

&lt;p&gt;Then in the file Templates Alhikmah.the xml We add a few Features outside of the templates is, that some of the score code for optimization and learning design ; as for the additional Features that we provide in the form of :&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Score code css3d Animation Image and Gif&lt;/li&gt;
&lt;li&gt;Score code Editor HTML code &lt;/li&gt;
&lt;li&gt;Templates Alhikmah.xml v.1 ( demo &lt;a href="https://www.alhikmah.my.id/?m=1"&gt;https://www.alhikmah.my.id/?m=1&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Score Code Button Navigation Css Responsive &lt;/li&gt;
&lt;li&gt;Score code an Animated Image Slider and Text&lt;/li&gt;
&lt;li&gt;Score Code Animated Plane.
( live in &lt;a href="http://www.alhikmah.my.id"&gt;www.alhikmah.my.id&lt;/a&gt;)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Thus 5 Additional features score code in the file templates this. &lt;/p&gt;

&lt;p&gt;Therefore we hope to use it wisely.&lt;/p&gt;

&lt;p&gt;Setting Ads.txt&lt;/p&gt;

&lt;p&gt;User-agent: Mediapartners-Google &lt;br&gt;
User-agent: * &lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Googlebot-News&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Adsbot-Google&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Googlebot-Image&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Googlebot-Mobile&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Googlebot&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Slurp&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: bingbot&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: MSNBot&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Baiduspider&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Baiduspider-image&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: YoudaoBot&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Sogou web spider&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: *&lt;br&gt;
Disallow: /cgi-bin/&lt;br&gt;
Disallow: /scripts/&lt;br&gt;
Disallow: /tmp/&lt;br&gt;
Disallow: /blogs-admin/&lt;br&gt;
Disallow: /search?updated-min=&lt;br&gt;
Disallow: /search?updated-max=&lt;br&gt;
Disallow: /search/label/&lt;em&gt;?updated-min=&lt;br&gt;
Disallow: /search/label/&lt;/em&gt;?updated-max=&lt;br&gt;
Allow: / blog-admin/admin-ajax.php&lt;br&gt;
Sitemap: &lt;a href="https://situs.blogspot.com/sitemap.xml"&gt;https://situs.blogspot.com/sitemap.xml&lt;/a&gt;&lt;br&gt;
Sitemap: &lt;a href="https://situs.blogspot.com/news-sitemap.xml"&gt;https://situs.blogspot.com/news-sitemap.xml&lt;/a&gt;&lt;br&gt;
Sitemap: &lt;a href="http://situs.blogspot.com/feeds/posts/default?orderby=updated"&gt;http://situs.blogspot.com/feeds/posts/default?orderby=updated&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;*Advice&lt;/p&gt;

&lt;p&gt;Just a Suggestion For optimization and Learning Periklannan and Affiliate Program You can try it debeberapa the Following Site ;&lt;/p&gt;

&lt;p&gt;Hosting and domain💠&lt;/p&gt;

&lt;p&gt;1.&lt;a href="https://asia.cloudns.net/aff/id/482326"&gt;https://asia.cloudns.net/aff/id/482326&lt;/a&gt;&lt;br&gt;
2.&lt;a href="https://panel.niagahoster.co.id/ref/361770"&gt;https://panel.niagahoster.co.id/ref/361770&lt;/a&gt;&lt;br&gt;
3.&lt;a href="https://masterkey.masterweb.com/aff.php?aff=20667"&gt;https://masterkey.masterweb.com/aff.php?aff=20667&lt;/a&gt;&lt;br&gt;
4.&lt;a href="https://www.site123.com/?aff=7141773"&gt;https://www.site123.com/?aff=7141773&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;💠Jasa Backlink💠&lt;/p&gt;

&lt;p&gt;&lt;a href="https://rajabacklink.com/refferal.php?q=06a50e3f66db4a334202d3adfd31c589a334837978b494479f"&gt;https://rajabacklink.com/refferal.php?q=06a50e3f66db4a334202d3adfd31c589a334837978b494479f&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;💠Seo Services💠&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.seobility.net/?px=2&amp;amp;a_aid=5fc75c87d70c2"&gt;https://www.seobility.net/?px=2&amp;amp;a_aid=5fc75c87d70c2&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;traffic exchange&lt;br&gt;
🟢&lt;a href="http://hit2hit.com/?rid=173879"&gt;http://hit2hit.com/?rid=173879&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🟢&lt;a href="https://www.traffboost.net?ref=203557"&gt;https://www.traffboost.net?ref=203557&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🟢&lt;a href="https://www.easyhits4u.com/?ref=wahyudi9"&gt;https://www.easyhits4u.com/?ref=wahyudi9&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Our SUPPORT page at Page Here ;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;a href="https://inpage.es/UOAg"&gt;https://inpage.es/UOAg&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Or &lt;a href="https://jali.me/Profesional"&gt;https://jali.me/Profesional&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;CONTACT EMAIL &lt;a href="https://form.jotform.com/211958944889075"&gt;https://form.jotform.com/211958944889075&lt;/a&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The Information About the Templates May be useful.&lt;/p&gt;

&lt;p&gt;Demo &lt;a href="https://output.jsbin.com/pirelax/1"&gt;https://output.jsbin.com/pirelax/1&lt;/a&gt;&lt;br&gt;
 Demo &lt;a href="https://output.jsbin.com/tejuxic"&gt;https://output.jsbin.com/tejuxic&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Download File Free 🔰&lt;br&gt;
Ref. &lt;a href="https://sfile.mobi/inv.php?id=358103"&gt;https://sfile.mobi/inv.php?id=358103&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ads.txt.pdf.&lt;br&gt;
&lt;a href="https://sfile.mobi/downIoad/675319/358103/263140fc55b1166d5dee69fffbb7b708/app-ads.txt-v1.0-final-.pdf&amp;amp;is=277f6c96177a9105085c86678266ffc6"&gt;https://sfile.mobi/downIoad/675319/358103/263140fc55b1166d5dee69fffbb7b708/app-ads.txt-v1.0-final-.pdf&amp;amp;is=277f6c96177a9105085c86678266ffc6&lt;/a&gt;&lt;br&gt;
&lt;a href="https://sfile.mobi/downIoad/675340/358103/263140fc55b1166d5dee69fffbb7b708/kitab-ta-lim-muta-alim-dan-terjemahan.docx&amp;amp;is=277f6c96177a9105085c86678266ffc6"&gt;https://sfile.mobi/downIoad/675340/358103/263140fc55b1166d5dee69fffbb7b708/kitab-ta-lim-muta-alim-dan-terjemahan.docx&amp;amp;is=277f6c96177a9105085c86678266ffc6&lt;/a&gt;&lt;br&gt;
&lt;a href="https://sfile.mobi/8y9IgJ52b6b"&gt;https://sfile.mobi/8y9IgJ52b6b&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;For instance You can see on the page the Marketplace Program Affiliate our website.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://inpage.es/UOAg"&gt;https://inpage.es/UOAg&lt;/a&gt;&lt;br&gt;
Or &lt;a href="https://jali.me/Profesional"&gt;https://jali.me/Profesional&lt;/a&gt;&lt;br&gt;
&lt;a href="https://propellerads.com/publishers/?ref_id=msQP"&gt;https://propellerads.com/publishers/?ref_id=msQP&lt;/a&gt;&lt;br&gt;
&lt;a href="https://sfile.mobi/inv.php?id=358103"&gt;https://sfile.mobi/inv.php?id=358103&lt;/a&gt;&lt;br&gt;
&lt;a href="https://join-adf.ly/24900237"&gt;https://join-adf.ly/24900237&lt;/a&gt;&lt;br&gt;
&lt;a href="http://asistentoko.com/ref=Ahmad%20wahyudi"&gt;http://asistentoko.com/ref=Ahmad%20wahyudi&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Please check the link" here : &lt;br&gt;
&lt;a href="http://apticirl.com/2V3M"&gt;http://apticirl.com/2V3M&lt;/a&gt;&lt;br&gt;
&lt;a href="http://apticirl.com/2V3Q"&gt;http://apticirl.com/2V3Q&lt;/a&gt;&lt;br&gt;
&lt;a href="http://apticirl.com/2V3N0"&gt;http://apticirl.com/2V3N0&lt;/a&gt;&lt;br&gt;
&lt;a href="https://1drv.ms/u/s!AjVl5irji1SzhE-C1tYSZvXWDj8y"&gt;https://1drv.ms/u/s!AjVl5irji1SzhE-C1tYSZvXWDj8y&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Redirect with Delay is Optional&lt;/p&gt;

&lt;p&gt;Quick Sample&lt;/p&gt;

&lt;p&gt;setTimeout( "window.location.href = '&lt;a href="https://www.alhikmah.my.id/?m=1'"&gt;https://www.alhikmah.my.id/?m=1'&lt;/a&gt;", 5*1000 ); &lt;/p&gt;

&lt;p&gt;What a JavaScript snippet?&lt;/p&gt;

&lt;p&gt;This snippet will allow You to redirect Your viewers to another page and have the option to set the delay. The use of this piece is quite clearly and is a very valuable tool to have in Your belt.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Detection iPhone&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Example&lt;/p&gt;

&lt;p&gt;if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { if (document.cookies.indexOf("iphone_redirect=false") == -1) { window.location = "&lt;a href="https://awprojectphp.000webhostapp.com/ALHIKMAH/profile.html"&gt;https://awprojectphp.000webhostapp.com/ALHIKMAH/profile.html&lt;/a&gt;"; } } &lt;/p&gt;

&lt;p&gt;What a JavaScript snippet?&lt;/p&gt;

&lt;p&gt;This snippet will allow You to detect whether Your audience are using iPhone or iPod that allows You to display different content to them. This piece is very valuable with how big mobile market and will only continue to grow.&lt;/p&gt;

</description>
      <category>templates</category>
      <category>html</category>
      <category>thema</category>
      <category>blooger</category>
    </item>
    <item>
      <title>Animation 3D Free Code</title>
      <dc:creator>AWDEV</dc:creator>
      <pubDate>Sat, 23 Oct 2021 03:57:52 +0000</pubDate>
      <link>https://dev.to/wahyu9kdl/animation-3d-free-code-3c5g</link>
      <guid>https://dev.to/wahyu9kdl/animation-3d-free-code-3c5g</guid>
      <description>&lt;p&gt;&amp;lt;!doctype html&amp;gt;&lt;/p&gt;

&lt;p&gt;Animasi Dirgahayu Indonesia&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;@keyframes animate-earth {
    from { background-position: 120% 70px, 10px 0px, 0px 0px;  } 
    to { background-position: -20% 70px, -1000px 0px, -500px 0px; }
}
@-webkit-keyframes animate-earth {
    from { background-position: 120% 70px, 0px 0px, 0px 0px;  } 
    to { background-position: -20% 70px, -1000px 0px, -500px 0px; }
}
@-moz-keyframes animate-earth {
    from { background-position: 120% 70px, 0px 0px, 0px 0px;  } 
    to { background-position: -20% 70px, -1000px 0px, -500px 0px; }
}
@-ms-keyframes animate-earth {
    from { background-position: 120% 70px, 0px 0px, 0px 0px;  } 
    to { background-position: -20% 70px, -1000px 0px, -500px 0px; }
}


@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-mists-back {
    from {background-position:0 0;}
    to {background-position:-10000px 1000px;}
}
@-webkit-keyframes move-mists-back {
    from {background-position:0 0;}
    to {background-position:-10000px 1000px;}
}
@-moz-keyframes move-mists-back {
    from {background-position:0 0;}
    to {background-position:-10000px 1000px;}
}
@-ms-keyframes move-mists-back {
    from {background-position: 0 0;}
    to {background-position:-10000px 1000px;}
}

.stars, .twinks, .mists, .earth {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
}

.stars {
    background:#000 url(https://1.bp.blogspot.com/-butQbx3485A/YPwRATotmBI/AAAAAAAADos/8OEMLYPY-0gCWq79T8hjBz92aGI14fp8gCLcBGAsYHQ/s100/twinks.png) repeat top center;
}

.rocket {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 200px 0px 0px 45%;
}

.twinks{
    background:transparent url(https://1.bp.blogspot.com/-puRDfVvZqj0/YPwTuELonhI/AAAAAAAADpM/IPSgmPZzGm4UkjXjmL2Kr7G627wr8h8OwCLcBGAsYHQ/s768/stars.png) repeat top center;
    -moz-animation:move-twink-back 200s linear infinite;
    -ms-animation:move-twink-back 200s linear infinite;
    -o-animation:move-twink-back 200s linear infinite;
    -webkit-animation:move-twink-back 200s linear infinite;
    animation:move-twink-back 200s linear infinite;
}

.earth {
    margin: 0px auto;
    background-image: url(https://1.bp.blogspot.com/-RQXOUcWXeY4/YQqM1mGwAjI/AAAAAAAADsc/-RME9sn_w_4xKFG63qk4ahUQSM-uuNgggCLcBGAsYHQ/s169/3dgifmaker04194.gif);
    background-position: 120% 70px, 0px 0px, 0px 0px;
    background-repeat: no-repeat, repeat-x, repeat-x;
    animation: animate-earth linear 50s infinite;
    -moz-animation: animate-earth linear 50s infinite;
    -ms-animation: animate-earth linear 50s infinite;
    -o-animation: animate-earth linear 50s infinite;
    -webkit-animation: animate-earth linear 50s infinite;
}

.mists{
    background:transparent url(https://1.bp.blogspot.com/-Rnd-HA4DuTU/YPwRaNSl4YI/AAAAAAAADpE/2ZPg4lVTBL4tqNGS9I1MTurstpoLu0GmACLcBGAsYHQ/s768/mists.png) repeat top center;
    -moz-animation:move-mists-back 200s linear infinite;
    -ms-animation:move-mists-back 200s linear infinite;
    -o-animation:move-mists-back 200s linear infinite;
    -webkit-animation:move-mists-back 200s linear infinite;
    animation:move-mists-back 200s linear infinite;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;a href="index.php"&gt;&lt;br&gt;
  &lt;/a&gt;&lt;a href="https://www.awgroupchannel.my.id/"&gt;Aw Group Channel&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://kata-h.blogspot.com"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5RwWqiV5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://1.bp.blogspot.com/--0ri4CT3Cqc/YPwRAQal9KI/AAAAAAAADow/smGo0CKA4XwJmD2F5dKca7lWt-NjOcujwCLcBGAsYHQ/s208/pesawat.gif" alt="rocket" width="84" height="208"&gt;&lt;/a&gt;&lt;br&gt;
&lt;b&gt;&lt;span&gt;&lt;span&gt;ALHIKMAH&lt;/span&gt;&lt;span&gt;.MY&lt;span&gt;.ID&lt;/span&gt; &lt;span&gt;&lt;b&gt;MENGUCAPKAN&lt;span&gt;&lt;b&gt; DIRGAHAYU&lt;/b&gt;&lt;/span&gt;&lt;span&gt;&lt;b&gt; REPUBLIK&lt;/b&gt;&lt;/span&gt; &lt;span&gt;INDONESIA 🇮🇩🇮🇩🇮🇩  KE - 76&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;br&gt;
&lt;/p&gt;
&lt;center&gt;&lt;span&gt;&lt;span&gt;&lt;a href="https://www.alhikmah.my.id"&gt;AL HIKMAH .MY .ID &lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/center&gt;
&lt;br&gt;
       ©  Copyright :&lt;br&gt;
        &lt;a href="https://www.alhikmah.my.id/"&gt; Alhikmah.my.id&lt;/a&gt;&lt;br&gt;
    ?php&amp;gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;/* [SLIDER] */&lt;/p&gt;
&lt;h1&gt;
  
  
  slider,  #slider .slide{
&lt;/h1&gt;

&lt;p&gt;width: 400px;&lt;br&gt;
  height: 250px;&lt;br&gt;
}&lt;/p&gt;
&lt;h1&gt;
  
  
  slider {
&lt;/h1&gt;

&lt;p&gt;overflow: hidden;&lt;br&gt;
  margin: 0 auto;&lt;br&gt;
  font-size: 1.2em;&lt;br&gt;
  background: withe;&lt;br&gt;
}&lt;/p&gt;
&lt;h1&gt;
  
  
  slider .container {
&lt;/h1&gt;

&lt;p&gt;position: relative;&lt;br&gt;
  bottom: 0;&lt;br&gt;
  right: 0;&lt;br&gt;
  animation: slide-animation 30s infinite;&lt;br&gt;
}&lt;/p&gt;
&lt;h1&gt;
  
  
  slider .slide {
&lt;/h1&gt;

&lt;p&gt;position: relative;&lt;br&gt;
  box-sizing: border-box;&lt;br&gt;
  padding: 10px 20px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* [ANIMATION] */&lt;br&gt;
@keyframes slide-animation {&lt;br&gt;
  0% { &lt;br&gt;
    opacity: 0;&lt;br&gt;
    bottom: 0;&lt;br&gt;
  }&lt;br&gt;
  11% {&lt;br&gt;
    opacity: 1;&lt;br&gt;
    bottom: 0; &lt;br&gt;
  }&lt;br&gt;
  22% { bottom: 100%; }&lt;br&gt;
  33% { bottom: 100%; }&lt;br&gt;
  44% { bottom: 200%; }&lt;br&gt;
  55% { bottom: 200%; }&lt;br&gt;
  66% { bottom: 300%; }&lt;br&gt;
  77% { bottom: 300%; }&lt;br&gt;
  88% {&lt;br&gt;
    opacity: 1;&lt;br&gt;
    bottom: 400%; &lt;br&gt;
  }&lt;br&gt;
  100% {&lt;br&gt;
    opacity: 0;&lt;br&gt;
    bottom: 400%;&lt;br&gt;
  }&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.alhikmah.my.id/p/sitemap-kata-kata-hikmah_3.html"&gt;&lt;center&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gmlGqDtc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-QxKSv_3al6U/YOkusbndOsI/AAAAAAAADi4/83MrRDm2OmE5BjhDCbZN8Ah7gPJZIRQfgCLcBGAsYHQ/s320/logo7_10_121837.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gmlGqDtc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-QxKSv_3al6U/YOkusbndOsI/AAAAAAAADi4/83MrRDm2OmE5BjhDCbZN8Ah7gPJZIRQfgCLcBGAsYHQ/s320/logo7_10_121837.png" width="320" height="320"&gt;&lt;/a&gt;&lt;/center&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;      &amp;lt;h3&amp;gt;AL HIKMAH &amp;lt;/h3&amp;gt;
      &amp;lt;p&amp;gt;
        &amp;lt;a href="https://kata-h.blogspot.com"&amp;gt;&amp;lt;b&amp;gt;&amp;lt;span&amp;gt;ALHIKMAH.MY.ID&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt; &amp;lt;span&amp;gt;Merupakan Situs website islami yang menyajikan berbagai informasi , pendidikan , sosial , budaya , peran tokoh , sejarah , referensi kehidupan bermasyrakat dan bernegara.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;      &amp;lt;h3&amp;gt;Pengelola&amp;lt;/h3&amp;gt;
      &amp;lt;p&amp;gt;
        &amp;lt;a href="https://kata-h.blogspot.com"&amp;gt;&amp;lt;b&amp;gt;&amp;lt;span&amp;gt;ALHIKMAH.MY.ID &amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;span&amp;gt;ini dikelola oleh kang santri indonesia yang bekerjasama dengan pakar website awgroupchannel . Situs ALHIKMAH bisa Anda kunjungi melalui &amp;lt;a href="https://kata-h.blogspot.com"&amp;gt;&amp;lt;b&amp;gt;www.alhikmah.my.id &amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;
       &amp;lt;/p&amp;gt;


      &amp;lt;h3&amp;gt;Kajian&amp;lt;/h3&amp;gt;
      &amp;lt;p&amp;gt;
        &amp;lt;span&amp;gt;AL HIKMAH menyajikan berbagai referensi keagaman yang bersumber dari berbagai referensi seperti kitab - kitab karangan ulama'ul sholihin dan dan berbagai referensi lainnya.
       &amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;


      &amp;lt;h3&amp;gt;Editing&amp;lt;/h3&amp;gt;
      &amp;lt;p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;&lt;span&gt;&lt;br&gt;
           Perumusan Konten Artikel , gambar , vidio , Desain , ini telah melaui beberapa tahan Pengeditan . &lt;br&gt;
           &lt;/span&gt;&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;      &amp;lt;h3&amp;gt;Kontribusi&amp;lt;/h3&amp;gt;
      &amp;lt;p&amp;gt;
      &amp;lt;a href="https://kata-h.blogspot.com"&amp;gt;&amp;lt;b&amp;gt;ALHIKMAH.MY.ID&amp;lt;/b&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;span&amp;gt; juga membuka kesempatan untuk anda untuk berkontribusi guna membangun informasi yang bermanfaat.&amp;lt;/span&amp;gt;
       &amp;lt;/p&amp;gt;









 (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;HEADLINE NEWS&lt;br&gt;
//&amp;lt;![CDATA[&lt;br&gt;
function RecentPostsScrollerv2(json){&lt;br&gt;
var sHeadLines;&lt;br&gt;
var sPostURL;&lt;br&gt;
var objPost;&lt;br&gt;
var sMoqueeHTMLStart;&lt;br&gt;
var sMoqueeHTMLEnd;&lt;br&gt;
var sPoweredBy;&lt;br&gt;
var sHeadlineTerminator;&lt;br&gt;
var sPostLinkLocation;&lt;br&gt;
try&lt;br&gt;
{sMoqueeHTMLStart = "&amp;amp;lt;marquee onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";&lt;br&gt;
if( nWidth){sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";}else{sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";}if( nScrollDelay){sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";&lt;br&gt;
}if(sDirection){sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"";&lt;br&gt;
if(sDirection == "left" || sDirection =="right")&lt;br&gt;
{//For left and right directions seperate the headilnes by two spaces.&lt;br&gt;
sHeadlineTerminator = "&amp;amp;nbsp;&amp;amp;nbsp;";}else{//For down and up directions seperate headlines by new line&lt;br&gt;
sHeadlineTerminator = "&amp;amp;lt;br/&amp;amp;gt;";}}if(sOpenLinkLocation =="N")&lt;br&gt;
{sPostLinkLocation = " target= \"_blank\" ";}else{sPostLinkLocation = " ";}&lt;br&gt;
sMoqueeHTMLEnd = "&amp;amp;lt;/MARQUEE&amp;amp;gt;"&lt;br&gt;
sHeadLines = "";for(var nFeedCounter = 0; nFeedCounter &amp;lt; nMaxPosts; nFeedCounter++)&lt;br&gt;
{objPost = json.feed.entry[nFeedCounter];for (var nCounter = 0; nCounter &amp;lt; objPost.link.length; nCounter++){if (objPost.link[nCounter].rel == 'alternate'){sPostURL = objPost.link[nCounter].href;&lt;br&gt;
break;}}sHeadLines = sHeadLines + "&amp;amp;lt;b&amp;amp;gt;"+sBulletChar+"&amp;amp;lt;/b&amp;amp;gt; &amp;amp;lt;a " + sPostLinkLocation + " href=\"" + sPostURL + "\"&amp;gt;" + objPost.title.$t + "&amp;amp;lt;/a&amp;amp;gt;" + sHeadlineTerminator;&lt;br&gt;
}document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd )}catch(exception)&lt;br&gt;
{alert(exception);}}//]]&amp;gt;&lt;br&gt;
 var nMaxPosts = 10; var sBgColor; var nWidth; var nScrollDelay = 180; var sDirection="left"; var sOpenLinkLocation="Y"; var sBulletChar="";  !doctype&amp;gt;&lt;/p&gt;

&lt;p&gt;.spiralContainer {&lt;br&gt;
  border-radius: 50%;&lt;br&gt;
  width:200px;&lt;br&gt;
  height:200px;&lt;br&gt;
  overflow:hidden;&lt;br&gt;
  margin:20px;&lt;/p&gt;

&lt;p&gt;-webkit-animation: spin 3s linear 0s infinite reverse;&lt;br&gt;
  -moz-animation: spin 3s linear 0s infinite reverse;&lt;br&gt;&lt;br&gt;
  -ms-animation: spin 3s linear 0s infinite reverse;&lt;br&gt;
  -o-animation: spin 3s linear 0s infinite reverse;&lt;br&gt;
  animation: spin 3s linear 0s infinite reverse;&lt;/p&gt;

&lt;p&gt;-webkit-animation-play-state: paused;&lt;br&gt;
  -moz-animation-play-state: paused;&lt;br&gt;
  -ms-animation-play-state: paused;&lt;br&gt;
  -o-animation-play-state: paused;&lt;br&gt;&lt;br&gt;
  animation-play-state: paused;&lt;br&gt;
}&lt;br&gt;
.spiral {&lt;br&gt;
  width:200px;&lt;br&gt;
  height:200px;&lt;br&gt;
  border-radius: 50%;&lt;br&gt;
  background-image: url(&lt;a href="https://www.iwa.id/ribbon/iwa-sotm-badge.png"&gt;https://www.iwa.id/ribbon/iwa-sotm-badge.png&lt;/a&gt;);&lt;br&gt;
  background-repeat:no-repeat;&lt;br&gt;
  background-position:50% 50%;&lt;/p&gt;

&lt;p&gt;-webkit-animation: spin 6s linear 0s infinite normal;&lt;br&gt;
  -moz-animation: spin 6s linear 0s infinite normal;&lt;br&gt;
  -ms-animation: spin 6s linear 0s infinite normal;&lt;br&gt;
  -o-animation: spin 6s linear 0s infinite normal;&lt;br&gt;
  animation: spin 6s linear 0s infinite normal;&lt;br&gt;
}&lt;br&gt;
.spiralContainer:hover {&lt;br&gt;
  -webkit-animation-play-state: running;&lt;br&gt;
  -moz-animation-play-state: running;&lt;br&gt;
  -ms-animation-play-state: running;&lt;br&gt;
  -o-animation-play-state: running;&lt;br&gt;
  animation-play-state: running;&lt;br&gt;
}&lt;br&gt;
@keyframes spin {&lt;br&gt;
  0% { transform: rotate(360deg); }&lt;br&gt;
  100% { transform: rotate(0deg); }&lt;br&gt;
}&lt;br&gt;
@-webkit-keyframes spin {&lt;br&gt;
  0% {-webkit-transform: rotate(360deg); }&lt;br&gt;
  100% { -webkit-transform: rotate(0deg); }&lt;br&gt;
}&lt;br&gt;
@-ms-keyframes spin {&lt;br&gt;
  0% {-ms-transform: rotate(360deg); }&lt;br&gt;
  100% { -ms-transform: rotate(0deg); }&lt;br&gt;
}&lt;br&gt;
@-moz-keyframes spin {&lt;br&gt;
  0% { -moz-transform: rotate(360deg); }&lt;br&gt;
  100% { -moz-transform: rotate(0deg); }&lt;br&gt;
}&lt;br&gt;
@-o-keyframes spin {&lt;br&gt;
  0% { -o-transform: rotate(360deg); }&lt;br&gt;
  100% { -o-transform: rotate(0deg); }&lt;br&gt;
}&lt;/p&gt;


&lt;center&gt;&lt;a href="https://www.iwa.id/2021/aug/alhikmah-my-id"&gt;&lt;/a&gt;&lt;/center&gt;!doctype&amp;gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; (adsbygoogle = window.adsbygoogle || []).push({});






CSS 3D IMAGE ISLAMI


var url = "https://kata-h.blogspot.com/"; // url tujuan
var count = 10; // dalam detik
function countDown() {
if (count &amp;amp;gt; 0) {
count--;
var waktu = count + 1;
$('#kata').html('&amp;amp;lt;b&amp;amp;gt;Halaman Ini Akan Otomatis Di Redirect KE &amp;amp;lt;/b&amp;amp;gt; ' + url + ' dalam ' + waktu + ' detik.');
setTimeout("countDown()", 1000);
} else {
window.location.href = url;
}
}
countDown();
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;body{&lt;br&gt;
  background: green;&lt;br&gt;
}&lt;br&gt;
.contenedor {&lt;br&gt;
  -webkit-perspective: 500px;&lt;br&gt;
  perspective: 500px;&lt;br&gt;
  perspective-origin: 50% 50%;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.cube, .cube .card{&lt;br&gt;
  height: 290px;&lt;br&gt;
  width: 290px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.cube {&lt;br&gt;
  -webkit-transform-style: preserve-3d;&lt;br&gt;
  transform-style: preserve-3d;&lt;/p&gt;

&lt;p&gt;-webkit-transform: rotateX(-30deg) rotateY(30deg);&lt;br&gt;
  transform: rotateX(-30deg) rotateY(-30deg);&lt;/p&gt;

&lt;p&gt;margin: 150px auto;&lt;/p&gt;

&lt;p&gt;-webkit-animation: giro 20s infinite linear;&lt;br&gt;
  animation: giro 20s infinite linear;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;.cube .card {&lt;br&gt;
  position: absolute;&lt;br&gt;
  border: 5px solid #ccc;&lt;br&gt;
  opacity: 0.85;&lt;br&gt;
  transition: 0.2s;&lt;br&gt;
}&lt;br&gt;
/* Pause animation on hover */&lt;br&gt;
.cube:hover{&lt;br&gt;
    animation-play-state: paused;&lt;br&gt;
}&lt;br&gt;
.cube:hover .card{&lt;br&gt;
   opacity: 1;&lt;br&gt;
   transition: 0.2s;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/&lt;em&gt;card frontal&lt;/em&gt;/&lt;br&gt;
.cube .card:nth-child(1) {&lt;br&gt;
  -webkit-transform: translateZ(150px);&lt;br&gt;
  transform: translateZ(150px);&lt;br&gt;
}&lt;br&gt;
/&lt;em&gt;card posterior&lt;/em&gt;/&lt;br&gt;
.cube .card:nth-child(2) {&lt;br&gt;
  -webkit-transform: rotateY(180deg) translateZ(150px);&lt;br&gt;
  transform: rotateY(180deg) translateZ(150px);&lt;br&gt;
}&lt;br&gt;
/&lt;em&gt;card izquierda&lt;/em&gt;/&lt;br&gt;
.cube .card:nth-child(3) {&lt;br&gt;
  -webkit-transform: rotateY(-90deg) translateZ(150px);&lt;br&gt;
  transform: rotateY(-90deg) translateZ(150px);&lt;br&gt;
}&lt;br&gt;
/&lt;em&gt;card derecha&lt;/em&gt;/&lt;br&gt;
.cube .card:nth-child(4) {&lt;br&gt;
  -webkit-transform: rotateY(90deg) translateZ(150px);&lt;br&gt;
  transform: rotateY(90deg) translateZ(150px);&lt;br&gt;
}&lt;br&gt;
/&lt;em&gt;card superior&lt;/em&gt;/&lt;br&gt;
.cube .card:nth-child(5) {&lt;br&gt;
  -webkit-transform: rotateX(90deg) translateZ(150px);&lt;br&gt;
  transform: rotateX(90deg) translateZ(150px);&lt;br&gt;
}&lt;br&gt;
/&lt;em&gt;card inferior&lt;/em&gt;/&lt;br&gt;
.cube .card:nth-child(6) {&lt;br&gt;
  -webkit-transform: rotateX(-90deg) translateZ(150px);&lt;br&gt;
  transform: rotateX(-90deg) translateZ(150px);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;@-webkit-keyframes giro {&lt;br&gt;
    0% { -webkit-transform: rotateX(-45deg) rotateY(0deg); }&lt;br&gt;
    50% { -webkit-transform: rotateX(45deg) rotateY(360deg); }&lt;br&gt;
    100% { -webkit-transform: rotateX(-45deg) rotateY(720deg); }&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;@keyframes giro {&lt;br&gt;
    0% { transform: rotateX(-45deg) rotateY(0deg); }&lt;br&gt;
    50% { transform: rotateX(45deg) rotateY(360deg); }&lt;br&gt;
    100% { transform: rotateX(-45deg) rotateY(720deg); }&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;@-webkit-keyframes giro360 {&lt;br&gt;
    0% { -webkit-transform: rotateX(  0deg) rotateY(  0deg); }&lt;br&gt;
  100% { -webkit-transform: rotateX(360deg) rotateY(360deg); }&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;@keyframes giro360 {&lt;br&gt;
    0% { transform: rotateX(  0deg) rotateY(  0deg); }&lt;br&gt;
  100% { transform: rotateX(360deg) rotateY(360deg); }&lt;br&gt;
}&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;        &amp;lt;ul&amp;gt;
            &amp;lt;li&amp;gt;&amp;lt;a href="https://kata-h.blogspot.com"&amp;gt; AL HIKMAH&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
        &amp;lt;/ul&amp;gt;








            &amp;lt;h1&amp;gt;CSS 3D IMAGE ISLAMI&amp;lt;/h1&amp;gt;
            &amp;lt;p&amp;gt;Cube animated clickable images with CSS3&amp;lt;/p&amp;gt;
        desain by &amp;lt;a href="https://kata-h.blogspot.com"&amp;gt; AL HIKMAH&amp;lt;/a&amp;gt;















                &amp;lt;a href="https://www.alhikmah.my.id/search/label/SHOLAWAT?m=1"&amp;gt;
                &amp;lt;img src="https://4.bp.blogspot.com/-D2onv2ZTYMM/Wx-rxl5Vl8I/AAAAAAAALuA/kbWusxshfeUyEBDp1TzW9KXRaXud9uDegCLcBGAs/s1600/10356692_10153065521447125_7960960576663210449_n.jpg" title="makkah" alt="makkah"&amp;gt;
              &amp;lt;/a&amp;gt;


                &amp;lt;a href="https://www.alhikmah.my.id/search/label/Islam?m=1"&amp;gt;
                &amp;lt;img src="https://1.bp.blogspot.com/-oSgmmkc-lmc/Wx-rnpeS11I/AAAAAAAALto/e5pBOosoRUUKlGtslqW8KIFlKfoB4nxkgCLcBGAs/s1600/madina-shareef-86-1.jpg" title="kaligrafi" alt="kaligrafi"&amp;gt;
              &amp;lt;/a&amp;gt;


                &amp;lt;a href="https://www.alhikmah.my.id/search/label/KISAH%20HIKMAH?m=1"&amp;gt;
                &amp;lt;img src="https://3.bp.blogspot.com/-Vm7U3Fjh_yo/W6ug62ygLLI/AAAAAAAAL2c/11IjIGC7Sgopjb_VWWidlMkOnPoVs9-uQCLcBGAs/s1600/8.jpg" title="MASJID" alt="MASJID"&amp;gt;
              &amp;lt;/a&amp;gt;


                &amp;lt;a href="https://www.alhikmah.my.id/search/label/media%20dakwah?m=1"&amp;gt;
                &amp;lt;img src="https://2.bp.blogspot.com/-82UKjAlNvA4/W6ug114p0rI/AAAAAAAAL2I/dB7jAFbc3qYavy0f4DrzFiIvc3fkML23gCLcBGAs/s1600/3.jpg" title="masjid " alt="masjid "&amp;gt;
              &amp;lt;/a&amp;gt;


                &amp;lt;a href="https://kata-h.blogspot.com"&amp;gt;
                &amp;lt;img src="https://cdn.pixabay.com/photo/2015/08/11/16/27/islam-884825__480.jpg" title="AL HIKMAH" alt="AL HIKMAH"&amp;gt;
              &amp;lt;/a&amp;gt;


                &amp;lt;a href="https://www.alhikmah.my.id/2020/10/kisah-kisah-25-nabi-dan-rasul-berserta.html?m=1"&amp;gt;
                &amp;lt;img src="https://1.bp.blogspot.com/-QxKSv_3al6U/YOkusbndOsI/AAAAAAAADi4/83MrRDm2OmE5BjhDCbZN8Ah7gPJZIRQfgCLcBGAsYHQ/s320/logo7_10_121837.png" title="padang pasir" alt="Padang Pasir"&amp;gt;
                &amp;lt;/a&amp;gt;






        var url = "https://kata-h.blogspot.com/"; // url tujuan
        var count = 25; // dalam detik
        function countDown() {
        if (count &amp;amp;gt; 0) {
        count--;
        var waktu = count + 1;
        $('#kata').html('&amp;amp;lt;b&amp;amp;gt;Halaman Ini Akan Otomatis Di Redirect KE &amp;amp;lt;/b&amp;amp;gt; ' + url + ' dalam ' + waktu + ' detik.');
        setTimeout("countDown()", 1000);
        } else {
        window.location.href = url;
        }
        }
        countDown();
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; &amp;lt;!--
 Copyright (c) 2021, Aw Score Code-Neumorphic form Twiter- AL HIKMAH [ Desain by : Aw Group Channel ] All rights reserved.
 For licensing, see LICENSE.html or https://kata-h.blogspot.com/p/license.html--&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;&amp;lt;!-- ANALYTICS --&amp;gt;&lt;/p&gt;

&lt;p&gt;&amp;lt;/!doctype&amp;gt;
     crossorigin="anonymous"&amp;gt;&lt;br&gt;

     style="display:block"&lt;br&gt;
     data-ad-format="fluid"&lt;br&gt;
     data-ad-layout-key="-da+90-31-8m+r7"&lt;br&gt;
     data-ad-client="ca-pub-5295583488737876"&lt;br&gt;
     data-ad-slot="1731114024"&amp;gt;&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;script&amp;gt;
  // 1. This code loads the IFrame Player API code asynchronously.
  var tag = document.createElement('script');

  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // 2. This function creates an &amp;lt;iframe&amp;gt; (and YouTube player)
  //    after the API code downloads.
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '100%',
      width: '100%',
      playerVars: {
                autoplay: 1,
                loop: 1,
                controls: 0,
                showinfo: 0,
                autohide: 1,
                modestbranding: 1,
                vq: 'hd1080'},
      videoId: '1D8x2SvHb8w',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

  // 3. The API will call this function when the video player is ready.
  function onPlayerReady(event) {
    event.target.playVideo();
    player.mute();
  }

  var done = false;
  function onPlayerStateChange(event) {

  }
  function stopVideo() {
    player.stopVideo();
  }
&amp;lt;/script&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;p&gt;/&lt;em&gt;Popular Post&lt;/em&gt;/&lt;br&gt;
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none}&lt;br&gt;
.PopularPosts ul{margin:.5em 0;list-style:none;color:black;counter-reset:num}&lt;br&gt;
.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}&lt;br&gt;
.PopularPosts ul li a{color:#fff!important}&lt;br&gt;
.PopularPosts ul li a:hover{color:#2c3e50!important}&lt;br&gt;
.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}&lt;br&gt;
.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}&lt;br&gt;
/* Wdit Warna */&lt;br&gt;
.PopularPosts ul li:nth-child(1){background-color:#f1c40f;}&lt;br&gt;
.PopularPosts ul li:nth-child(2){background-color:#f39c12;}&lt;br&gt;
.PopularPosts ul li:nth-child(3){background-color:#2ecc71;}&lt;br&gt;
.PopularPosts ul li:nth-child(4){background-color:#27ae60;}&lt;br&gt;
.PopularPosts ul li:nth-child(5){background-color:#e67e22;}&lt;br&gt;
.PopularPosts ul li:nth-child(6){background-color:#d35400;}&lt;br&gt;
.PopularPosts ul li:nth-child(7){background-color:#3498db;}&lt;br&gt;
.PopularPosts ul li:nth-child(8){background-color:#2980b9;}&lt;br&gt;
.PopularPosts ul li:nth-child(9){background-color:#ea6153;}&lt;br&gt;
.PopularPosts ul li:nth-child(10){background-color:#c0392b;}&lt;br&gt;
.PopularPosts .item-thumbnail{margin:0 0 0 0}&lt;br&gt;
.PopularPosts .item-snippet{font-size:11px}&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;var obj0=document.getElementById("ads1&amp;lt;data:post.id/&amp;gt;");&lt;br&gt;
var obj1=document.getElementById("ads2&amp;lt;data:post.id/&amp;gt;");&lt;br&gt;
var s=obj1.innerHTML;&lt;br&gt;
var t=s.substr(0,s.length/2);&lt;br&gt;
var r=t.lastIndexOf(" ");&lt;br&gt;
if(r&amp;gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}&lt;/p&gt;

&lt;p&gt;&lt;b&gt;&lt;a href="http://www.awgroupchannel.my.id/"&gt;&lt;br&gt;
&lt;span&gt;HTML Editor&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Preview&lt;br&gt;
  Clear &lt;br&gt;
  &lt;span&gt;&lt;/span&gt; &lt;/p&gt;

&lt;p&gt;&lt;span&gt;&lt;/span&gt; &lt;/p&gt;

&lt;p&gt;&lt;span&gt;&lt;br&gt;
  &lt;/span&gt;&lt;/p&gt;

&lt;p&gt;body {&lt;br&gt;
  background: #e0e5ec;&lt;br&gt;
}&lt;br&gt;
h1 {&lt;br&gt;
  position: relative;&lt;br&gt;
  text-align: center;&lt;br&gt;
  color: #353535;&lt;br&gt;
  font-size: 50px;&lt;br&gt;
  font-family: "Cormorant Garamond", serif;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;p {&lt;br&gt;
  font-family: 'Lato', sans-serif;&lt;br&gt;
  font-weight: 300;&lt;br&gt;
  text-align: center;&lt;br&gt;
  font-size: 18px;&lt;br&gt;
  color: #676767;&lt;br&gt;
}&lt;br&gt;
.frame {&lt;br&gt;
  width: 90%;&lt;br&gt;
  margin: 40px auto;&lt;br&gt;
  text-align: center;&lt;br&gt;
}&lt;br&gt;
button {&lt;br&gt;
  margin: 20px;&lt;br&gt;
}&lt;br&gt;
.custom-btn {&lt;br&gt;
  width: 130px;&lt;br&gt;
  height: 40px;&lt;br&gt;
  color: #fff;&lt;br&gt;
  border-radius: 5px;&lt;br&gt;
  padding: 10px 25px;&lt;br&gt;
  font-family: 'Lato', sans-serif;&lt;br&gt;
  font-weight: 500;&lt;br&gt;
  background: transparent;&lt;br&gt;
  cursor: pointer;&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
  position: relative;&lt;br&gt;
  display: inline-block;&lt;br&gt;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.1),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.1);&lt;br&gt;
  outline: none;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 1 */&lt;br&gt;
.btn-1 {&lt;br&gt;
  background: rgb(6,14,131);&lt;br&gt;
  background: linear-gradient(0deg, rgba(6,14,131,1) 0%, rgba(12,25,180,1) 100%);&lt;br&gt;
  border: none;&lt;br&gt;
}&lt;br&gt;
.btn-1:hover {&lt;br&gt;
   background: rgb(0,3,255);&lt;br&gt;
background: linear-gradient(0deg, rgba(0,3,255,1) 0%, rgba(2,126,251,1) 100%);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 2 */&lt;br&gt;
.btn-2 {&lt;br&gt;
  background: rgb(96,9,240);&lt;br&gt;
  background: linear-gradient(0deg, rgba(96,9,240,1) 0%, rgba(129,5,240,1) 100%);&lt;br&gt;
  border: none;&lt;/p&gt;

&lt;p&gt;}&lt;br&gt;
.btn-2:before {&lt;br&gt;
  height: 0%;&lt;br&gt;
  width: 2px;&lt;br&gt;
}&lt;br&gt;
.btn-2:hover {&lt;br&gt;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),&lt;br&gt;
              -4px -4px 6px 0 rgba(116, 125, 136, .5), &lt;br&gt;
    inset -4px -4px 6px 0 rgba(255,255,255,.2),&lt;br&gt;
    inset 4px 4px 6px 0 rgba(0, 0, 0, .4);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 3 */&lt;br&gt;
.btn-3 {&lt;br&gt;
  background: rgb(0,172,238);&lt;br&gt;
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);&lt;br&gt;
  width: 130px;&lt;br&gt;
  height: 40px;&lt;br&gt;
  line-height: 42px;&lt;br&gt;
  padding: 0;&lt;br&gt;
  border: none;&lt;/p&gt;

&lt;p&gt;}&lt;br&gt;
.btn-3 span {&lt;br&gt;
  position: relative;&lt;br&gt;
  display: block;&lt;br&gt;
  width: 100%;&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-3:before,&lt;br&gt;
.btn-3:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  right: 0;&lt;br&gt;
  top: 0;&lt;br&gt;
   background: rgba(2,126,251,1);&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-3:before {&lt;br&gt;
  height: 0%;&lt;br&gt;
  width: 2px;&lt;br&gt;
}&lt;br&gt;
.btn-3:after {&lt;br&gt;
  width: 0%;&lt;br&gt;
  height: 2px;&lt;br&gt;
}&lt;br&gt;
.btn-3:hover{&lt;br&gt;
   background: transparent;&lt;br&gt;
  box-shadow: none;&lt;br&gt;
}&lt;br&gt;
.btn-3:hover:before {&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-3:hover:after {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-3 span:hover{&lt;br&gt;
   color: rgba(2,126,251,1);&lt;br&gt;
}&lt;br&gt;
.btn-3 span:before,&lt;br&gt;
.btn-3 span:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  left: 0;&lt;br&gt;
  bottom: 0;&lt;br&gt;
   background: rgba(2,126,251,1);&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-3 span:before {&lt;br&gt;
  width: 2px;&lt;br&gt;
  height: 0%;&lt;br&gt;
}&lt;br&gt;
.btn-3 span:after {&lt;br&gt;
  width: 0%;&lt;br&gt;
  height: 2px;&lt;br&gt;
}&lt;br&gt;
.btn-3 span:hover:before {&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-3 span:hover:after {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 4 */&lt;br&gt;
.btn-4 {&lt;br&gt;
  background-color: #4dccc6;&lt;br&gt;
background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);&lt;br&gt;
  line-height: 42px;&lt;br&gt;
  padding: 0;&lt;br&gt;
  border: none;&lt;br&gt;
}&lt;br&gt;
.btn-4:hover{&lt;br&gt;
  background-color: #89d8d3;&lt;br&gt;
background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%);&lt;br&gt;
}&lt;br&gt;
.btn-4 span {&lt;br&gt;
  position: relative;&lt;br&gt;
  display: block;&lt;br&gt;
  width: 100%;&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-4:before,&lt;br&gt;
.btn-4:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  right: 0;&lt;br&gt;
  top: 0;&lt;br&gt;
   box-shadow:  4px 4px 6px 0 rgba(255,255,255,.9),&lt;br&gt;
              -4px -4px 6px 0 rgba(116, 125, 136, .2), &lt;br&gt;
    inset -4px -4px 6px 0 rgba(255,255,255,.9),&lt;br&gt;
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-4:before {&lt;br&gt;
  height: 0%;&lt;br&gt;
  width: .1px;&lt;br&gt;
}&lt;br&gt;
.btn-4:after {&lt;br&gt;
  width: 0%;&lt;br&gt;
  height: .1px;&lt;br&gt;
}&lt;br&gt;
.btn-4:hover:before {&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-4:hover:after {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-4 span:before,&lt;br&gt;
.btn-4 span:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  left: 0;&lt;br&gt;
  bottom: 0;&lt;br&gt;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.9),&lt;br&gt;
              -4px -4px 6px 0 rgba(116, 125, 136, .2), &lt;br&gt;
    inset -4px -4px 6px 0 rgba(255,255,255,.9),&lt;br&gt;
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-4 span:before {&lt;br&gt;
  width: .1px;&lt;br&gt;
  height: 0%;&lt;br&gt;
}&lt;br&gt;
.btn-4 span:after {&lt;br&gt;
  width: 0%;&lt;br&gt;
  height: .1px;&lt;br&gt;
}&lt;br&gt;
.btn-4 span:hover:before {&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-4 span:hover:after {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 5 */&lt;br&gt;
.btn-5 {&lt;br&gt;
  width: 130px;&lt;br&gt;
  height: 40px;&lt;br&gt;
  line-height: 42px;&lt;br&gt;
  padding: 0;&lt;br&gt;
  border: none;&lt;br&gt;
  background: rgb(255,27,0);&lt;br&gt;
background: linear-gradient(0deg, rgba(255,27,0,1) 0%, rgba(251,75,2,1) 100%);&lt;br&gt;
}&lt;br&gt;
.btn-5:hover {&lt;br&gt;
  color: #f0094a;&lt;br&gt;
  background: transparent;&lt;br&gt;
   box-shadow:none;&lt;br&gt;
}&lt;br&gt;
.btn-5:before,&lt;br&gt;
.btn-5:after{&lt;br&gt;
  content:'';&lt;br&gt;
  position:absolute;&lt;br&gt;
  top:0;&lt;br&gt;
  right:0;&lt;br&gt;
  height:2px;&lt;br&gt;
  width:0;&lt;br&gt;
  background: #f0094a;&lt;br&gt;
  box-shadow:&lt;br&gt;
   -1px -1px 5px 0px #fff,&lt;br&gt;
   7px 7px 20px 0px #0003,&lt;br&gt;
   4px 4px 5px 0px #0002;&lt;br&gt;
  transition:400ms ease all;&lt;br&gt;
}&lt;br&gt;
.btn-5:after{&lt;br&gt;
  right:inherit;&lt;br&gt;
  top:inherit;&lt;br&gt;
  left:0;&lt;br&gt;
  bottom:0;&lt;br&gt;
}&lt;br&gt;
.btn-5:hover:before,&lt;br&gt;
.btn-5:hover:after{&lt;br&gt;
  width:100%;&lt;br&gt;
  transition:800ms ease all;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 6 */&lt;br&gt;
.btn-6 {&lt;br&gt;
  background: rgb(247,150,192);&lt;br&gt;
background: radial-gradient(circle, rgba(247,150,192,1) 0%, rgba(118,174,241,1) 100%);&lt;br&gt;
  line-height: 42px;&lt;br&gt;
  padding: 0;&lt;br&gt;
  border: none;&lt;br&gt;
}&lt;br&gt;
.btn-6 span {&lt;br&gt;
  position: relative;&lt;br&gt;
  display: block;&lt;br&gt;
  width: 100%;&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-6:before,&lt;br&gt;
.btn-6:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  height: 0%;&lt;br&gt;
  width: 1px;&lt;br&gt;
 box-shadow:&lt;br&gt;
   -1px -1px 20px 0px rgba(255,255,255,1),&lt;br&gt;
   -4px -4px 5px 0px rgba(255,255,255,1),&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.4),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.3);&lt;br&gt;
}&lt;br&gt;
.btn-6:before {&lt;br&gt;
  right: 0;&lt;br&gt;
  top: 0;&lt;br&gt;
  transition: all 500ms ease;&lt;br&gt;
}&lt;br&gt;
.btn-6:after {&lt;br&gt;
  left: 0;&lt;br&gt;
  bottom: 0;&lt;br&gt;
  transition: all 500ms ease;&lt;br&gt;
}&lt;br&gt;
.btn-6:hover{&lt;br&gt;
  background: transparent;&lt;br&gt;
  color: #76aef1;&lt;br&gt;
  box-shadow: none;&lt;br&gt;
}&lt;br&gt;
.btn-6:hover:before {&lt;br&gt;
  transition: all 500ms ease;&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-6:hover:after {&lt;br&gt;
  transition: all 500ms ease;&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-6 span:before,&lt;br&gt;
.btn-6 span:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  box-shadow:&lt;br&gt;
   -1px -1px 20px 0px rgba(255,255,255,1),&lt;br&gt;
   -4px -4px 5px 0px rgba(255,255,255,1),&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.4),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.3);&lt;br&gt;
}&lt;br&gt;
.btn-6 span:before {&lt;br&gt;
  left: 0;&lt;br&gt;
  top: 0;&lt;br&gt;
  width: 0%;&lt;br&gt;
  height: .5px;&lt;br&gt;
  transition: all 500ms ease;&lt;br&gt;
}&lt;br&gt;
.btn-6 span:after {&lt;br&gt;
  right: 0;&lt;br&gt;
  bottom: 0;&lt;br&gt;
  width: 0%;&lt;br&gt;
  height: .5px;&lt;br&gt;
  transition: all 500ms ease;&lt;br&gt;
}&lt;br&gt;
.btn-6 span:hover:before {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-6 span:hover:after {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 7 */&lt;br&gt;
.btn-7 {&lt;br&gt;
background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%);&lt;br&gt;
  line-height: 42px;&lt;br&gt;
  padding: 0;&lt;br&gt;
  border: none;&lt;br&gt;
}&lt;br&gt;
.btn-7 span {&lt;br&gt;
  position: relative;&lt;br&gt;
  display: block;&lt;br&gt;
  width: 100%;&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-7:before,&lt;br&gt;
.btn-7:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  right: 0;&lt;br&gt;
  bottom: 0;&lt;br&gt;
  background: rgba(251,75,2,1);&lt;br&gt;
  box-shadow:&lt;br&gt;
   -7px -7px 20px 0px rgba(255,255,255,.9),&lt;br&gt;
   -4px -4px 5px 0px rgba(255,255,255,.9),&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.2),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.3);&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-7:before{&lt;br&gt;
   height: 0%;&lt;br&gt;
   width: 2px;&lt;br&gt;
}&lt;br&gt;
.btn-7:after {&lt;br&gt;
  width: 0%;&lt;br&gt;
  height: 2px;&lt;br&gt;
}&lt;br&gt;
.btn-7:hover{&lt;br&gt;
  color: rgba(251,75,2,1);&lt;br&gt;
  background: transparent;&lt;br&gt;
}&lt;br&gt;
.btn-7:hover:before {&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-7:hover:after {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-7 span:before,&lt;br&gt;
.btn-7 span:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  left: 0;&lt;br&gt;
  top: 0;&lt;br&gt;
  background: rgba(251,75,2,1);&lt;br&gt;
  box-shadow:&lt;br&gt;
   -7px -7px 20px 0px rgba(255,255,255,.9),&lt;br&gt;
   -4px -4px 5px 0px rgba(255,255,255,.9),&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.2),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.3);&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-7 span:before {&lt;br&gt;
  width: 2px;&lt;br&gt;
  height: 0%;&lt;br&gt;
}&lt;br&gt;
.btn-7 span:after {&lt;br&gt;
  height: 2px;&lt;br&gt;
  width: 0%;&lt;br&gt;
}&lt;br&gt;
.btn-7 span:hover:before {&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-7 span:hover:after {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 8 &lt;em&gt;/&lt;br&gt;
.btn-8 {&lt;br&gt;
  background-color: #f0ecfc;&lt;br&gt;
background-image: linear-gradient(315deg, #f0ecfc 0%, #c797eb 74%);&lt;br&gt;
  line-height: 42px;&lt;br&gt;
  padding: 0;&lt;br&gt;
  border: none;&lt;br&gt;
}&lt;br&gt;
.btn-8 span {&lt;br&gt;
  position: relative;&lt;br&gt;
  display: block;&lt;br&gt;
  width: 100%;&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-8:before,&lt;br&gt;
.btn-8:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  right: 0;&lt;br&gt;
  bottom: 0;&lt;br&gt;
  background: #c797eb;&lt;br&gt;
  /*box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),&lt;br&gt;
              -4px -4px 6px 0 rgba(116, 125, 136, .2), &lt;br&gt;
    inset -4px -4px 6px 0 rgba(255,255,255,.5),&lt;br&gt;
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);&lt;/em&gt;/&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-8:before{&lt;br&gt;
   height: 0%;&lt;br&gt;
   width: 2px;&lt;br&gt;
}&lt;br&gt;
.btn-8:after {&lt;br&gt;
  width: 0%;&lt;br&gt;
  height: 2px;&lt;br&gt;
}&lt;br&gt;
.btn-8:hover:before {&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-8:hover:after {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-8:hover{&lt;br&gt;
  background: transparent;&lt;br&gt;
}&lt;br&gt;
.btn-8 span:hover{&lt;br&gt;
  color: #c797eb;&lt;br&gt;
}&lt;br&gt;
.btn-8 span:before,&lt;br&gt;
.btn-8 span:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  left: 0;&lt;br&gt;
  top: 0;&lt;br&gt;
  background: #c797eb;&lt;br&gt;
  /&lt;em&gt;box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),&lt;br&gt;
              -4px -4px 6px 0 rgba(116, 125, 136, .2), &lt;br&gt;
    inset -4px -4px 6px 0 rgba(255,255,255,.5),&lt;br&gt;
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);&lt;/em&gt;/&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-8 span:before {&lt;br&gt;
  width: 2px;&lt;br&gt;
  height: 0%;&lt;br&gt;
}&lt;br&gt;
.btn-8 span:after {&lt;br&gt;
  height: 2px;&lt;br&gt;
  width: 0%;&lt;br&gt;
}&lt;br&gt;
.btn-8 span:hover:before {&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-8 span:hover:after {&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 9 */&lt;br&gt;
.btn-9 {&lt;br&gt;
  border: none;&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
  overflow: hidden;&lt;br&gt;
}&lt;br&gt;
.btn-9:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: " ";&lt;br&gt;
  z-index: -1;&lt;br&gt;
  top: 0;&lt;br&gt;
  left: 0;&lt;br&gt;
  width: 100%;&lt;br&gt;
  height: 100%;&lt;br&gt;
   background-color: #1fd1f9;&lt;br&gt;
background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-9:hover {&lt;br&gt;
  background: transparent;&lt;br&gt;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),&lt;br&gt;
              -4px -4px 6px 0 rgba(116, 125, 136, .2), &lt;br&gt;
    inset -4px -4px 6px 0 rgba(255,255,255,.5),&lt;br&gt;
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);&lt;br&gt;
  color: #fff;&lt;br&gt;
}&lt;br&gt;
.btn-9:hover:after {&lt;br&gt;
  -webkit-transform: scale(2) rotate(180deg);&lt;br&gt;
  transform: scale(2) rotate(180deg);&lt;br&gt;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),&lt;br&gt;
              -4px -4px 6px 0 rgba(116, 125, 136, .2), &lt;br&gt;
    inset -4px -4px 6px 0 rgba(255,255,255,.5),&lt;br&gt;
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 10 */&lt;br&gt;
.btn-10 {&lt;br&gt;
  background: rgb(22,9,240);&lt;br&gt;
background: linear-gradient(0deg, rgba(22,9,240,1) 0%, rgba(49,110,244,1) 100%);&lt;br&gt;
  color: #fff;&lt;br&gt;
  border: none;&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
  overflow: hidden;&lt;br&gt;
}&lt;br&gt;
.btn-10:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: " ";&lt;br&gt;
  top: 0;&lt;br&gt;
  left: 0;&lt;br&gt;
  z-index: -1;&lt;br&gt;
  width: 100%;&lt;br&gt;
  height: 100%;&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
  -webkit-transform: scale(.1);&lt;br&gt;
  transform: scale(.1);&lt;br&gt;
}&lt;br&gt;
.btn-10:hover {&lt;br&gt;
  color: #fff;&lt;br&gt;
  border: none;&lt;br&gt;
  background: transparent;&lt;br&gt;
}&lt;br&gt;
.btn-10:hover:after {&lt;br&gt;
  background: rgb(0,3,255);&lt;br&gt;
background: linear-gradient(0deg, rgba(2,126,251,1) 0%,  rgba(0,3,255,1)100%);&lt;br&gt;
  -webkit-transform: scale(1);&lt;br&gt;
  transform: scale(1);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 11 */&lt;br&gt;
.btn-11 {&lt;br&gt;
  border: none;&lt;br&gt;
  background: rgb(251,33,117);&lt;br&gt;
    background: linear-gradient(0deg, rgba(251,33,117,1) 0%, rgba(234,76,137,1) 100%);&lt;br&gt;
    color: #fff;&lt;br&gt;
    overflow: hidden;&lt;br&gt;
}&lt;br&gt;
.btn-11:hover {&lt;br&gt;
    text-decoration: none;&lt;br&gt;
    color: #fff;&lt;br&gt;
}&lt;br&gt;
.btn-11:before {&lt;br&gt;
    position: absolute;&lt;br&gt;
    content: '';&lt;br&gt;
    display: inline-block;&lt;br&gt;
    top: -180px;&lt;br&gt;
    left: 0;&lt;br&gt;
    width: 30px;&lt;br&gt;
    height: 100%;&lt;br&gt;
    background-color: #fff;&lt;br&gt;
    animation: shiny-btn1 3s ease-in-out infinite;&lt;br&gt;
}&lt;br&gt;
.btn-11:hover{&lt;br&gt;
  opacity: .7;&lt;br&gt;
}&lt;br&gt;
.btn-11:active{&lt;br&gt;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),&lt;br&gt;
              -4px -4px 6px 0 rgba(116, 125, 136, .2), &lt;br&gt;
    inset -4px -4px 6px 0 rgba(255,255,255,.2),&lt;br&gt;
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;@-webkit-keyframes shiny-btn1 {&lt;br&gt;
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }&lt;br&gt;
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }&lt;br&gt;
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }&lt;br&gt;
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 12 */&lt;br&gt;
.btn-12{&lt;br&gt;
  position: relative;&lt;br&gt;
  right: 20px;&lt;br&gt;
  bottom: 20px;&lt;br&gt;
  border:none;&lt;br&gt;
  box-shadow: none;&lt;br&gt;
  width: 130px;&lt;br&gt;
  height: 40px;&lt;br&gt;
  line-height: 42px;&lt;br&gt;
  -webkit-perspective: 230px;&lt;br&gt;
  perspective: 230px;&lt;br&gt;
}&lt;br&gt;
.btn-12 span {&lt;br&gt;
  background: rgb(0,172,238);&lt;br&gt;
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);&lt;br&gt;
  display: block;&lt;br&gt;
  position: absolute;&lt;br&gt;
  width: 130px;&lt;br&gt;
  height: 40px;&lt;br&gt;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.1),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.1);&lt;br&gt;
  border-radius: 5px;&lt;br&gt;
  margin:0;&lt;br&gt;
  text-align: center;&lt;br&gt;
  -webkit-box-sizing: border-box;&lt;br&gt;
  -moz-box-sizing: border-box;&lt;br&gt;
  box-sizing: border-box;&lt;br&gt;
  -webkit-transition: all .3s;&lt;br&gt;
  transition: all .3s;&lt;br&gt;
}&lt;br&gt;
.btn-12 span:nth-child(1) {&lt;br&gt;
  box-shadow:&lt;br&gt;
   -7px -7px 20px 0px #fff9,&lt;br&gt;
   -4px -4px 5px 0px #fff9,&lt;br&gt;
   7px 7px 20px 0px #0002,&lt;br&gt;
   4px 4px 5px 0px #0001;&lt;br&gt;
  -webkit-transform: rotateX(90deg);&lt;br&gt;
  -moz-transform: rotateX(90deg);&lt;br&gt;
  transform: rotateX(90deg);&lt;br&gt;
  -webkit-transform-origin: 50% 50% -20px;&lt;br&gt;
  -moz-transform-origin: 50% 50% -20px;&lt;br&gt;
  transform-origin: 50% 50% -20px;&lt;br&gt;
}&lt;br&gt;
.btn-12 span:nth-child(2) {&lt;br&gt;
  -webkit-transform: rotateX(0deg);&lt;br&gt;
  -moz-transform: rotateX(0deg);&lt;br&gt;
  transform: rotateX(0deg);&lt;br&gt;
  -webkit-transform-origin: 50% 50% -20px;&lt;br&gt;
  -moz-transform-origin: 50% 50% -20px;&lt;br&gt;
  transform-origin: 50% 50% -20px;&lt;br&gt;
}&lt;br&gt;
.btn-12:hover span:nth-child(1) {&lt;br&gt;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.1),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.1);&lt;br&gt;
  -webkit-transform: rotateX(0deg);&lt;br&gt;
  -moz-transform: rotateX(0deg);&lt;br&gt;
  transform: rotateX(0deg);&lt;br&gt;
}&lt;br&gt;
.btn-12:hover span:nth-child(2) {&lt;br&gt;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.1),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.1);&lt;br&gt;
 color: transparent;&lt;br&gt;
  -webkit-transform: rotateX(-90deg);&lt;br&gt;
  -moz-transform: rotateX(-90deg);&lt;br&gt;
  transform: rotateX(-90deg);&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 13 */&lt;br&gt;
.btn-13 {&lt;br&gt;
  background-color: #89d8d3;&lt;br&gt;
background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%);&lt;br&gt;
  border: none;&lt;br&gt;
  z-index: 1;&lt;br&gt;
}&lt;br&gt;
.btn-13:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  width: 100%;&lt;br&gt;
  height: 0;&lt;br&gt;
  bottom: 0;&lt;br&gt;
  left: 0;&lt;br&gt;
  z-index: -1;&lt;br&gt;
  border-radius: 5px;&lt;br&gt;
   background-color: #4dccc6;&lt;br&gt;
background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);&lt;br&gt;
  box-shadow:&lt;br&gt;
   -7px -7px 20px 0px #fff9,&lt;br&gt;
   -4px -4px 5px 0px #fff9,&lt;br&gt;
   7px 7px 20px 0px #0002,&lt;br&gt;
   4px 4px 5px 0px #0001;&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-13:hover {&lt;br&gt;
  color: #fff;&lt;br&gt;
}&lt;br&gt;
.btn-13:hover:after {&lt;br&gt;
  top: 0;&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-13:active {&lt;br&gt;
  top: 2px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 14 */&lt;br&gt;
.btn-14 {&lt;br&gt;
  background: rgb(255,151,0);&lt;br&gt;
  border: none;&lt;br&gt;
  z-index: 1;&lt;br&gt;
}&lt;br&gt;
.btn-14:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  width: 100%;&lt;br&gt;
  height: 0;&lt;br&gt;
  top: 0;&lt;br&gt;
  left: 0;&lt;br&gt;
  z-index: -1;&lt;br&gt;
  border-radius: 5px;&lt;br&gt;
  background-color: #eaf818;&lt;br&gt;
  background-image: linear-gradient(315deg, #eaf818 0%, #f6fc9c 74%);&lt;br&gt;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5);&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.1),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.1);&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-14:hover {&lt;br&gt;
  color: #000;&lt;br&gt;
}&lt;br&gt;
.btn-14:hover:after {&lt;br&gt;
  top: auto;&lt;br&gt;
  bottom: 0;&lt;br&gt;
  height: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-14:active {&lt;br&gt;
  top: 2px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 15 */&lt;br&gt;
.btn-15 {&lt;br&gt;
  background: #b621fe;&lt;br&gt;
  border: none;&lt;br&gt;
  z-index: 1;&lt;br&gt;
}&lt;br&gt;
.btn-15:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  width: 0;&lt;br&gt;
  height: 100%;&lt;br&gt;
  top: 0;&lt;br&gt;
  right: 0;&lt;br&gt;
  z-index: -1;&lt;br&gt;
  background-color: #663dff;&lt;br&gt;
  border-radius: 5px;&lt;br&gt;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),&lt;br&gt;
   7px 7px 20px 0px rgba(0,0,0,.1),&lt;br&gt;
   4px 4px 5px 0px rgba(0,0,0,.1);&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-15:hover {&lt;br&gt;
  color: #fff;&lt;br&gt;
}&lt;br&gt;
.btn-15:hover:after {&lt;br&gt;
  left: 0;&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-15:active {&lt;br&gt;
  top: 2px;&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;/* 16 */&lt;br&gt;
.btn-16 {&lt;br&gt;
  border: none;&lt;br&gt;
  color: #000;&lt;br&gt;
}&lt;br&gt;
.btn-16:after {&lt;br&gt;
  position: absolute;&lt;br&gt;
  content: "";&lt;br&gt;
  width: 0;&lt;br&gt;
  height: 100%;&lt;br&gt;
  top: 0;&lt;br&gt;
  left: 0;&lt;br&gt;
  direction: rtl;&lt;br&gt;
  z-index: -1;&lt;br&gt;
  box-shadow:&lt;br&gt;
   -7px -7px 20px 0px #fff9,&lt;br&gt;
   -4px -4px 5px 0px #fff9,&lt;br&gt;
   7px 7px 20px 0px #0002,&lt;br&gt;
   4px 4px 5px 0px #0001;&lt;br&gt;
  transition: all 0.3s ease;&lt;br&gt;
}&lt;br&gt;
.btn-16:hover {&lt;br&gt;
  color: #000;&lt;br&gt;
}&lt;br&gt;
.btn-16:hover:after {&lt;br&gt;
  left: auto;&lt;br&gt;
  right: 0;&lt;br&gt;
  width: 100%;&lt;br&gt;
}&lt;br&gt;
.btn-16:active {&lt;br&gt;
  top: 2px;&lt;br&gt;
}&lt;/p&gt;

&lt;h1&gt;&lt;span&gt;LABEL&lt;/span&gt;&lt;/h1&gt;

&lt;p&gt;&lt;span&gt;BERIKUT INI MERUPAKAN DAFTAR YANG AL HIKMAH SAJIKAN DISITUS AL HIKMAH.MY.ID SEMOGA BISA BERMANFAAT&lt;/span&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.alhikmah.my.id/search/label/PENDIDIKAN?m=1"&gt;&lt;br&gt;
  BELAJAR&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/Sejarah?m=1"&gt;&lt;br&gt;
  SEJARAH&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/SOSIAL?m=1"&gt;&lt;br&gt;
  &lt;span&gt;SOSIAL&lt;/span&gt;&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/BUDAYA?m=1"&gt;&lt;br&gt;
  &lt;span&gt;BUDAYA&lt;/span&gt;&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/Tokoh?m=1"&gt;&lt;br&gt;
  &lt;span&gt;TOKOH&lt;/span&gt;&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/INFORMASI?m=1"&gt;&lt;br&gt;
  &lt;span&gt;INFORMASI&lt;/span&gt;&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/TEKNOLOGI?m=1"&gt;&lt;br&gt;
  &lt;span&gt;TEKNOLOGI&lt;/span&gt;&lt;/a&gt;&lt;br&gt;
  &lt;a href=""&gt;&lt;br&gt;
  &lt;span&gt;ISLAM&lt;/span&gt;&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/KISAH%20HIKMAH?m=1"&gt;&lt;br&gt;
  KISAH&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/KITAB%2FBUKU?m=1"&gt;&lt;br&gt;
  KITAB&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/media%20dakwah?m=1"&gt;&lt;br&gt;
  DAKWAH&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/search/label/SHOLAWAT?m=1"&gt;&lt;br&gt;
  &lt;span&gt;Click!&lt;/span&gt;&lt;span&gt;SHOLAWAT&lt;/span&gt;&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/p/blog-page_5.html"&gt;&lt;br&gt;
  JADWAL&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://www.alhikmah.my.id/p/license.html"&gt;&lt;br&gt;
  Licensi&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://kata-h.blogspot.com/p/login_25.html"&gt;&lt;br&gt;
  LOGIN&lt;/a&gt;&lt;br&gt;
  &lt;a href="https://forms.gle/rZqhBfBLZnoraUMg8"&gt;&lt;br&gt;
  DAFTAR&lt;/a&gt;&lt;br&gt;
  &lt;/p&gt;
&lt;p&gt;&lt;br&gt;
    AL HIKMAH.Style DESIGNING&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.exabytes.co.id/web-hosting/membuat-website?aff=8303039"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--M5UkQLHh--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://www.exabytes.co.id/images/affiliate/hosting/336x280-COID-webhosting.jpg" width="880" height="734"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feeds.feedburner.com/~r/blogspot/vrkpf/~6/4"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--M2_tLRXO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/http://feeds.feedburner.com/blogspot/vrkpf.4.gif" alt="AL HIKMAH" width="468" height="60"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://feedburner.google.com/fb/a/headlineanimator/install?id=7svjecfb8p9mfpuj760bo77e24&amp;amp;w=4"&gt;↑ Grab this Headline Animator&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;window.OneSignal = window.OneSignal || [];&lt;br&gt;
  OneSignal.push(function() {&lt;br&gt;
    OneSignal.init({&lt;br&gt;
      appId: "4550b225-ede0-47fb-b8c0-a149faf7968e",&lt;br&gt;
    });&lt;br&gt;
  });&lt;/p&gt;

&lt;p&gt;var sc_project=12625991; &lt;br&gt;
var sc_invisible=1; &lt;br&gt;
var sc_security="7c1cb60a"; &lt;/p&gt;

&lt;p&gt;&lt;a title="Web Analytics" href="https://statcounter.com/"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dOBWZf__--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://c.statcounter.com/12625991/0/7c1cb60a/1/" alt="Web Analytics" width="1" height="1"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://statcounter.com/p12625991/?guest=1"&gt;AL HIKMAH&lt;/a&gt;  &amp;lt;!-- &lt;a href="http://www.alhikmah.my.id"&gt;www.alhikmah.my.id&lt;/a&gt;  (div with counter) --&amp;gt;&lt;/p&gt;

&lt;p&gt;var _Hasync= _Hasync|| [];&lt;br&gt;
_Hasync.push(['Histats.start', '1,4587936,4,111,175,25,00011111']);&lt;br&gt;
_Hasync.push(['Histats.fasi', '1']);&lt;br&gt;
_Hasync.push(['Histats.track_hits', '']);&lt;br&gt;
(function() {&lt;br&gt;
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;&lt;br&gt;
hs.src = ('//s10.histats.com/js15_as.js');&lt;br&gt;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);&lt;br&gt;
})();&lt;/p&gt;

&lt;p&gt;&lt;a href="www.alhikmah.my.id"&gt;&lt;img src="//sstatic1.histats.com/0.gif?4587936&amp;amp;101" alt=""&gt;&lt;/a&gt;&lt;/p&gt;


&lt;p&gt;&amp;lt;!-- &lt;a href="http://www.alhikmah.my.id"&gt;&lt;/a&gt;&lt;a href="http://www.alhikmah.my.id"&gt;www.alhikmah.my.id&lt;/a&gt;  END  --&amp;gt;&lt;/p&gt;
&lt;center&gt;&lt;a href="http://www.blogger.com/follow-blog.g?blogID=392213471435482065" title="Follow My Blog"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kmv0kubC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://blogger.googleusercontent.com/img/a/AVvXsEhZo9w7yUEUyMZfWlEMwdLc5U6GgokdTUjEE2yH-MC7KtEPQtYWMaDdwenBNV-xPWOC9UZnOAob3hW7SiE0p46VzuArpYDjqFyAOEttFvL8r_OYnZHk8A-wzn6EoR3RucYBEjPngQboVFW3JLSAEaxt8j63jmjQqQyHvo4LRWxR907H75wEpCLAPoUSvg%3Ds109" alt="Follow My Blog" width="109" height="21"&gt;&lt;/a&gt;&lt;/center&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>tutorial</category>
      <category>github</category>
    </item>
    <item>
      <title>Cara Membuat HTML Editor di Blog dengan Mudah dan Responsive 
</title>
      <dc:creator>AWDEV</dc:creator>
      <pubDate>Wed, 13 Oct 2021 09:34:42 +0000</pubDate>
      <link>https://dev.to/wahyu9kdl/cara-membuat-html-editor-di-blog-dengan-mudah-dan-responsive-7f5</link>
      <guid>https://dev.to/wahyu9kdl/cara-membuat-html-editor-di-blog-dengan-mudah-dan-responsive-7f5</guid>
      <description>&lt;p&gt;Cara Membuat HTML Editor di Blog dengan Mudah dan Responsive &lt;/p&gt;

&lt;p&gt;Awgroupchannel- Dalam membangun sebuah blog, terkadang kita memerlukan yang namanya HTML Editor, entah itu untuk melakukan demo artikel atau kita gunakan untuk menguji coba script yang kita buat. Sebenarnya apa sih HTML Editor itu? HTML editor adalah sebuah form yang digunakan untuk melihat hasil atau output dari sebuah kode HTML. Sebenarnya sudah banyak website yang menyediakan HTML editor secara online. Tapi jika kita bisa membuat sendiri kenapa harus membuka web orang lain?&lt;/p&gt;

&lt;p&gt;Dengan membuat HTML editor di blog kita, hal tersebut juga berpotensi menambah visitor blog kita. Dikarenakan banyak sekali blogger yang memerlukan HTML editor ini sehingga HTML editor ini banyak yang mencari. Apabila HTML editor kita berada di Page One, tentu kita akan mendapatkan benyak pengunjung dari situ. Lalu bagaimana sih cara membuat HTML editor diblog dengan mudah?&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Pertama, kalian masuk dulu ke dashboard blogger anda.&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Setelah itu buat halaman baru, dengan cara klik Halaman -&amp;gt; Halaman Baru -&amp;gt; HTML&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Pastekan kode diini pada kotak HTML yang telah disediakan&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&amp;lt;!DOCTYPE html&amp;gt;  &lt;/p&gt; HTML Editor Preview     &amp;lt;!-- Copyright (c) 2021, Aw Score Code - AL HIKMAH [ Desain by : Aw Group Channel ] All rights reserved. For licensing, see LICENSE.html or &lt;a href="https://kata-h.blogspot.com/p/license.html--%3E"&gt;https://kata-h.blogspot.com/p/license.html--&amp;gt;&lt;/a&gt; &amp;lt;!-- Copyright (c) 2021, Aw Score Code - Desain by : Aw Group Channel All rights reserved. For licensing, see LICENSE.html or &lt;a href="https://www.awgroupchannel.my.id/p/license.html"&gt;https://www.awgroupchannel.my.id/p/license.html&lt;/a&gt; --&amp;gt;       var $ = function(el) { return document.querySelector(el); }; function updatePreview(html) { $(&amp;amp;#39;#preview-frame&amp;amp;#39;).contentWindow.document.open(); $(&amp;amp;#39;#preview-frame&amp;amp;#39;).contentWindow.document.write(html); $(&amp;amp;#39;#preview-frame&amp;amp;#39;).contentWindow.document.close(); } $(&amp;amp;#39;#code-editor&amp;amp;#39;).addEventListener(&amp;amp;#39;input&amp;amp;#39;, function(e) { updatePreview(this.value); }); window.addEventListener(&amp;amp;#39;beforeunload&amp;amp;#39;, function(e) { if (e) { // Cancel the event e.preventDefault(); // Chrome requires returnValue to be set e.returnValue = &amp;amp;#39;&amp;amp;#39;; } return &amp;amp;#39;Are you sure want to exit?&amp;amp;#39;; });   var $ = function(el) { return document.querySelector(el); }; function updatePreview(html) { $(&amp;amp;#39;#preview-frame&amp;amp;#39;).contentWindow.document.open(); $(&amp;amp;#39;#preview-frame&amp;amp;#39;).contentWindow.document.write(html); $(&amp;amp;#39;#preview-frame&amp;amp;#39;).contentWindow.document.close(); } window.addEventListener(&amp;amp;#39;beforeunload&amp;amp;#39;, function(e) { if (e) { // Cancel the event e.preventDefault(); // Chrome requires returnValue to be set e.returnValue = &amp;amp;#39;&amp;amp;#39;; } return &amp;amp;#39;Are you sure want to exit?&amp;amp;#39;; }); window.addEventListener(&amp;amp;#39;DOMContentLoaded&amp;amp;#39;, function(e) { cm = CodeMirror.fromTextArea($(&amp;amp;#39;#code-editor&amp;amp;#39;), { lineNumbers: true, styleActiveLine: true, mode: &amp;amp;#39;text/html&amp;amp;#39;, theme: &amp;amp;#39;monokai&amp;amp;#39; }); cm.on(&amp;amp;#39;change&amp;amp;#39;, function() { updatePreview(cm.getValue()); }); updatePreview(cm.getValue()); });   html { height: 100%; } { margin: 0; padding: 0; } body { font-family: &amp;amp;quot;Georgia&amp;amp;quot;, &amp;amp;quot;Arial&amp;amp;quot;, &amp;amp;quot;Serif&amp;amp;quot;; width: 100%; position: relative; min-height: 100%; box-sizing: border-box; height: 100%; color: #999; background-color: #272822; } h2.title { display: block; width: 100%; padding: 0.5em 0.5em 0.5em 1em; font-size: 1.2em; font-weight: normal; box-sizing: border-box; } .text-center { text-align: center; } .hide { display: none; } .border-bottom { border-bottom: 1px solid #333; } .editor, .preview { height: 100%; width: 100%; position: relative; box-sizing: border-box; } .editor #code-editor { margin: 0; padding: 0; width: 100%; height: 100%; background-color: #f1f1f1; font-family: monospace; font-size: 18px; } .preview #preview-frame { height: 100%; width: 100%; border: none; background-color: #FFFFFF ; } @media screen and (min-width: 720px) { .editor { width: 50%; float: left; padding-bottom: 0; } .menu { width: 300px; border-right: 1px dotted #999; border-bottom: 1px dotted #999; } .preview { width: 50%; float: left; } .full-width { width: 100%; float: initial; } }    &lt;a href="index.html"&gt; &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Nn53T3iQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/logo.png" alt="logo"&gt; &lt;/a&gt;  .navi{ width:100px; height:100px; position:nav; bottom:0px; right:0px; z-index:100; }  &lt;a href="https://awsos.blogspot.com"&gt; &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--H-N1GYom--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/Aw.png" alt="logo"&gt;&lt;/a&gt; &amp;lt;!-- EDITOR WINDOW --&amp;gt;  &lt;h2&gt;HTML Editor&lt;/h2&gt; &amp;lt;!DOCTYPE html&amp;gt;   Contoh HTML EDITOR   Contoh HTML EDITOR   &amp;lt;!-- Copyright (c) 2021, Aw Score Code - Desain by : Aw Group Channel All rights reserved. For licensing, see LICENSE.html or &lt;a href="https://www.awgroupchannel.my.id/p/license.html"&gt;https://www.awgroupchannel.my.id/p/license.html&lt;/a&gt; --&amp;gt;   SPONSOR[ ] &lt;a href="https://www.alhikmah.my.id"&gt;&lt;img&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--81INo7mJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://1.bp.blogspot.com/-Yojek3sZEMw/X4paomwTZzI/AAAAAAAABY0/hjijdNS5UUotr4ad6_2T97_APTFZNNFjQCLcBGAsYHQ/s320/cooltext365765723728921%252B%2525281%252529.png"&gt;&lt;/a&gt;  &amp;lt;!-- PREVIEW WINDOW --&amp;gt;  &lt;h2&gt;Preview&lt;/h2&gt; &amp;lt;!-- Copyright (c) 2021, Aw Score Code - Desain by : Aw Group Channel All rights reserved. For licensing, see LICENSE.html or &lt;a href="https://www.awgroupchannel.my.id/p/license.html"&gt;https://www.awgroupchannel.my.id/p/license.html&lt;/a&gt; --&amp;gt;  Desain by &lt;a href="https://awsos.blogspot.com"&gt;Aw Group Channel&lt;/a&gt; &amp;lt;!-- Copyright (c) 2021, Aw Score Code - Desain by : Aw Group Channel All rights reserved. For licensing, see LICENSE.html or &lt;a href="https://www.awgroupchannel.my.id/p/license.html"&gt;https://www.awgroupchannel.my.id/p/license.html&lt;/a&gt; --&amp;gt;
&lt;a href="index.html"&gt;Home&lt;/a&gt;  

&lt;p&gt;Sumber Code : &lt;a href="https://github.com/wahyu9kdl/Aw-Creative/blob/main/CODE.html"&gt;https://github.com/wahyu9kdl/Aw-Creative/blob/main/CODE.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Bagaimana? Cukup mudah bukan cara membuat HTML editor diblog. Sekarang anda tidak perlu membuka web lain untuk menggunakan HTML editor dikarenakan blog kita sudah memilikinya sendiri.  Terimakasih telah berkunjung di Awgroupchannel. Salam .&lt;/p&gt;

&lt;p&gt;Terimakasih.&lt;/p&gt;

</description>
      <category>html</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>github</category>
    </item>
    <item>
      <title>10 Tren IT di Tahun 2021, Dari Artificial Intelligence (AI) Sampai Virtual Reality (VR) ~ awgroupchannel.my.id ©️ 2021</title>
      <dc:creator>AWDEV</dc:creator>
      <pubDate>Tue, 12 Oct 2021 14:41:29 +0000</pubDate>
      <link>https://dev.to/wahyu9kdl/10-tren-it-di-tahun-2021-dari-artificial-intelligence-ai-sampai-virtual-reality-vr-awgroupchannel-my-id-2021-5bf9</link>
      <guid>https://dev.to/wahyu9kdl/10-tren-it-di-tahun-2021-dari-artificial-intelligence-ai-sampai-virtual-reality-vr-awgroupchannel-my-id-2021-5bf9</guid>
      <description>&lt;p&gt;Tema : TEKNOLOGI.&lt;/p&gt;

&lt;h2&gt;10 Tren IT di Tahun 2021, Dari Artificial Intelligence (AI) Sampai Virtual Reality (VR) ~ awgroupchannel.my.id ©️ 2021&lt;/h2&gt;
 

&lt;p&gt;Diterbitkan OLEH Redaksi Awgroupchannel ©️ 2021&lt;/p&gt;

&lt;p&gt;awgroupchannel.my.id – Apa saja sih tren IT di tahun 2021? dari waktu ke waktu perkembangan teknologi dunia terus berkembang, apalagi adanya wabah pandemi covid-19 semakin menumbuhkan tren digitalisasi teknologi. Dimana, hampir semua pekerjaan dilakukan secara daring di rumah.&lt;/p&gt;

&lt;p&gt;Sehingga, masyarakat dunia juga dituntut untuk melek terhadap perkembangan dan kemajuan teknologi yang terjadi saat ini. Teknologi, selain dapat memudahkan beragam kegiatan manusia, tidak dapat dipungkiri juga menumbuhkan ancaman tersendiri mulai dari tingkat keamanan data pribadi dan lainnya.&lt;/p&gt;

&lt;p&gt;Perkembangan teknologi juga dapat dimanfaatkan oleh institusi maupun lembaga pendidikan tinggi tak terkecuali perguruan tinggi. Apalagi perguruan tinggi juga menjadi pusat inovasi untuk perubahan-perubahan melalui teknologi. Lalu, tren teknologi apa saja yang bakal menonjol di tahun 2021 ini? Cekidot.&lt;/p&gt;

&lt;p&gt;Tren IT di Tahun 2021&lt;/p&gt;

&lt;p&gt;Artificial Intelligence (AI) dan Machine Learning&lt;/p&gt;

&lt;p&gt;Otomatisasi Proses Robotik (RPA)&lt;/p&gt;

&lt;p&gt;Hybrid Cloud&lt;/p&gt;

&lt;p&gt;Edge Computing&lt;/p&gt;

&lt;p&gt;LMS Berbasis Cloud&lt;/p&gt;

&lt;p&gt;Komputasi Kuantum&lt;/p&gt;

&lt;p&gt;Teknologi 5G&lt;/p&gt;

&lt;p&gt;Keamanan siber&lt;/p&gt;

&lt;p&gt;Internet of Thing (IoT)&lt;/p&gt;

&lt;p&gt;Realitas Virtual dan Realitas Tertambah&lt;/p&gt;

&lt;h3&gt;1. Artificial Intelligence (AI) dan Machine Learning&lt;/h3&gt;

&lt;p&gt;Artificial Intelligence (AI) atau Machine Learning merupakan tren teknologi baru yang dikenal karena keunggulannya dalam pengenalan gambar dan ucapan, aplikasi navigasi, asisten pribadi smartphone, aplikasi berbagi kendaraan, dan banyak lagi. AI juga banyak digunakan oleh berbagai sektor industri di era teknologi saat ini dan sangat memungkinkan dapat menciptakan industri baru mulai dari pemrograman, pengujian, dukungan dan pemeliharaan.&lt;/p&gt;

&lt;h3&gt;2. Otomatisasi Proses Robotik (RPA)&lt;/h3&gt;

&lt;p&gt;Robotic Process Automation (RPA) adalah salah satu teknologi perangkat lunak yang bekerja secara otomatis yangbisa digunakan untuk menafsirkan aplikasi, memproses transaksi, menangani data, dan bahkan membalas email. RPA secara positif mampu memudahkan beragam pekerjaan dan menganalisanya dengan cepat dan akurat juga menumbuhkan peluang karir bagi banyak professional di bidang IT. Disisi lain kehadiran RPA akan banyak pekerjaan manusia yang diambil alih mesin ini.&lt;/p&gt;

&lt;h3&gt;3. Hybrid Cloud&lt;/h3&gt;

&lt;p&gt;Transformasi digital memunculkan teknolog-teknologi baru, salah satunya adalah hybrid cloud. Hybrid cloud merupakan kombinasi dari public cloud dan private cloud. Biasanya, organisasi atau perusahaan menyimpan data sensitif menggunakan layanan private cloud, sementara layanan lain disimpan di layanan komputasi publik.&lt;/p&gt;

&lt;p&gt;Hybrid cloud banyak digunakan oleh berbagai perusahaan berbasis teknologi untuk meningkatkan keamanan dan ketahanan pada bisnis mereka. Indonesia dipilih google menjadi basis dalam pengembangan pusat data layanan teknologi cloud ini.&lt;/p&gt;

&lt;h3&gt;4. Edge Computing&lt;/h3&gt;

&lt;p&gt;Edge Computing (EC) sebelumnya komputasi awan telah menjadi arus utama, dengan pemain utama mendominasi pasar. Adopsi komputasi awan atau Edge Computing (EC) terus berkembang dengan pemain utama seperti AWS (Amazon Web Services), Microsoft Azure, dan Google Cloud Platform.&lt;/p&gt;

&lt;h3&gt;5. LMS Berbasis Cloud&lt;/h3&gt;

&lt;p&gt;Learning Management System (LMS)berbasis cloud adalah LMS yang memungkinkan Anda mengakses dan menggunakan LMS tanpa harus menginstal perangkat lunak atau perangkat keras apa pun. Untuk mengakses fitur lengkap dari solusi pembelajaran ini, Anda dan peserta pelatihan hanya perlu masuk ke portal web, yaitu situs penyedia layanan tersebut.&lt;/p&gt;

&lt;p&gt;Baca juga : 🚀Aplikasi android Terbaru 2021🛰 ( &lt;a href="https://www.alhikmah.my.id/2020/10/aplikasi-android-terbaru.html"&gt;https://www.alhikmah.my.id/2020/10/aplikasi-android-terbaru.html&lt;/a&gt; )&lt;/p&gt;

&lt;h3&gt;6. Komputasi Kuantum&lt;/h3&gt;

&lt;p&gt;Komputasi kuantum merupakan bentuk komputasi yang memanfaatkan fenomena kuantum seperti superposisi dan keterikatan kuantum. Teknologi ini juga terlibat dalam mencegah penyebaran virus corona, dan untuk mengembangkan vaksin potensial, berkat kemampuannya untuk menanyakan, memantau, menganalisis, dan menindaklanjuti data dengan mudah, apa pun sumbernya.&lt;/p&gt;

&lt;p&gt;Komputasi kuantum juga banyak digunakan oleh perbankan dan industri keuangan lainnya untuk mengelola risiko kredit, untuk perdagangan frekuensi tinggi dan deteksi penipuan.&lt;/p&gt;

&lt;h3&gt;7. Teknologi 5G&lt;/h3&gt;

&lt;p&gt;Sebelumnya kita mengenal teknologi 3G dan 4G dalam menjelajahi internet, menggunakan layanan berbasis data, meningkatkan bandwidth dan lainnnya secara cepat. Di tahun 2021, kita menantikan lahirnya 5G, dimana layanan inu mengandalkan teknologi canggih seperti AR dan VR, bersama dengan layanan game berbasis cloud seperti Google Stadia, NVidia GeForce Now, dan banyak lagi.&lt;/p&gt;

&lt;p&gt;Teknologi 5G juga diharapkan dapat digunakan di pabrik, kamera HD yang membantu meningkatkan keselamatan dan manajemen lalu lintas, kontrol jaringan pintar dan juga ritel pintar.&lt;/p&gt;

&lt;h3&gt;8. Keamanan siber&lt;/h3&gt;

&lt;p&gt;Sejalan dengan teknologi yang terus berkembang, tentunya membutuhkan keamanan siber yang mendukungnya. Tak salah bila tren keamanan siber dari waktu ke waktu akan terus berkembang dan menjadi garda terdepan dalam menjaga keamanan data.&lt;/p&gt;

&lt;h3&gt;9. Internet of Thing (IoT)&lt;/h3&gt;

&lt;p&gt;Internet of Thing (IoT) adalah sebuah konsep dimana suatu objek yang memiliki kemampuan untuk mentransfer data melalui jaringan tanpa memerlukan interaksi manusia ke manusia atau manusia ke komputer. IoT telah berkembang dari konvergensi teknologi nirkabel, micro-electromechanical systems (MEMS), dan Internet.&lt;/p&gt;

&lt;p&gt;“A Things” pada Internet of Things dapat didefinisikan sebagai subjek misalkan orang dengan monitor implant jantung, hewan peternakan dengan transponder biochip, sebuah mobil yang telah dilengkapi built-in sensor untuk memperingatkan pengemudi ketika tekanan ban rendah. Sejauh ini, IoT paling erat hubungannya dengan komunikasi machine-to-machine (M2M) di bidang manufaktur dan listrik, perminyakkan, dan gas. Produk dibangun dengan kemampuan komunikasi M2M yang sering disebut dengan sistem cerdas atau “smart”. Sebagai contoh yaitu smart kabel, smart meter, smart grid sensor.&lt;/p&gt;

&lt;p&gt;Baca juga : Teknologi Tercanggih Massa Depan ( &lt;a href="https://www.alhikmah.my.id/2020/09/teknologi-tercanggih-masa-depan.html?m=1"&gt;https://www.alhikmah.my.id/2020/09/teknologi-tercanggih-masa-depan.html?m=1&lt;/a&gt; )&lt;/p&gt;

&lt;h3&gt;10. Realitas Virtual dan Realitas Tertambah&lt;/h3&gt;

&lt;p&gt;Virtual Reality (VR) dan Augmented Reality (AR), dan Extended Reality (ER) merupakan tren teknologi 2021 lainnya. Dimana, dalam prosesnya VR membenamkan pengguna dalam suatu lingkungan sementara AR menyempurnakan lingkungan mereka.&lt;/p&gt;

&lt;p&gt;Tren teknologi ini utamanya digunakan untuk bermain game, tren teknologi ini juga digunakan untuk pelatihan, seperti halnya VirtualShip, perangkat lunak simulasi yang digunakan untuk melatih kapten kapal Angkatan Laut, Angkatan Darat, dan penjaga pantai AS. AR dan VR memiliki potensi yang sangat besar dalam pelatihan, hiburan, pendidikan, pemasaran, dan bahkan rehabilitasi setelah cedera dalam kedokteran.&lt;/p&gt;

&lt;p&gt;Itulah beberapa tren IT di tahun 2021? dengan perkembangan teknologi yang pesat, tentu saja ini tidak akan berhenti disini, akan ada banyak inovasi-inovasi kedepanya yang akan memudahkan pekerjaan manusia. Nah perguruan tinggi bisa segera beradaptasi dengan teknologi-teknologi ini.&lt;/p&gt;

&lt;p&gt; &lt;/p&gt;

&lt;p&gt;Sumber Informasi:&lt;br&gt;
– thetechlearn.com/latest-technology-trends/&lt;br&gt;
– kelaspintar.id/blog/inspirasi/tren-teknologi-di-tahun-2021-dari-ai-sampai-hybrid-cloud-9141/&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🚀Aplikasi android Terbaru 2021🛰 ( &lt;a href="https://www.alhikmah.my.id/2020/10/aplikasi-android-terbaru.html"&gt;https://www.alhikmah.my.id/2020/10/aplikasi-android-terbaru.html&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.alhikmah.my.id/2020/09/teknologi-tercanggih-masa-depan.html?m=1"&gt;https://www.alhikmah.my.id/2020/09/teknologi-tercanggih-masa-depan.html?m=1&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Salam, &lt;/p&gt;

</description>
      <category>it</category>
      <category>teknologi</category>
      <category>modern</category>
      <category>news</category>
    </item>
    <item>
      <title>[Panduan SEO] Domain Authority: Cara Meningkatkannya</title>
      <dc:creator>AWDEV</dc:creator>
      <pubDate>Sun, 10 Oct 2021 14:48:32 +0000</pubDate>
      <link>https://dev.to/wahyu9kdl/panduan-seo-domain-authority-cara-meningkatkannya-1kik</link>
      <guid>https://dev.to/wahyu9kdl/panduan-seo-domain-authority-cara-meningkatkannya-1kik</guid>
      <description>&lt;p&gt;[Panduan SEO] Domain Authority: Cara Meningkatkannya&lt;/p&gt;

&lt;p&gt;( awgroupchannel.my.id)&lt;br&gt;
Website : &lt;a href="http://www.alhikmah.my.id"&gt;www.alhikmah.my.id&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Anda mungkin telah sering mendengar istilah Domain Authority dan menemukan ada banyak artikel yang membahas soal cara-cara meningkatkan domain authority demi menjadikan website Anda berperingkat atas di Google.&lt;/p&gt;

&lt;p&gt;Apa sebenarnya definisi domain authority itu sendiri dan mengapa domain authority itu bisa memengaruhi rank dari website Anda di halaman hasil pencarian? Selain itu, bagaimana sebenarnya mengukur sebuah domain authority? Kami akan memberikan sebuah panduan lengkap berupa informasi-informasi jelas yang bisa Anda baca untuk mengetahui jawabannya.&lt;/p&gt;

&lt;p&gt;Definisi Domain Authority&lt;/p&gt;

&lt;p&gt;Domain Authority (DA) merupakan suatu acuan bagi mesin pencari dalam memberikan peringkat terhadap suatu situs web atau blog Anda. Mesin pencari semacam Google biasanya memberi peringkat bagi suatu situs berdasarkan tiga hal. Berikut adalah pemaparan ketiga hal tersebut:&lt;/p&gt;

&lt;p&gt;Usia Domain&lt;/p&gt;

&lt;p&gt;Semakin lama keberadaan domain itu ada dan semakin aktif kegiatan yang terjadi pada suatu domain, maka semakin tinggi pula nilai DA dari domain itu. Sebab, ini menunjukkan konsistensi dari pengguna untuk mengelola domainnya. Google akan menganggap website atau domain tersebut layak dinilai tinggi dan penilaian ini juga bisa memengaruhi peringkatnya di halaman hasil pencarian.&lt;/p&gt;

&lt;p&gt;Popularitas Domain&lt;/p&gt;

&lt;p&gt;Populernya situs Anda dapat dilihat dari jumlah link yang masuk melalui situs-situs berkualitas. Hal itu dapat disebut sebagai Inbound Link, yang berarti pemberian rekomendasi terhadap situs Anda (backlink). Inbound Link ini dapat juga dilakukan dengan cara ikut berkomentar pada situs atau blog lain (blogwalking), atau Anda dapat aktif mempromosikan domain Anda dalam suatu forum terkait.&lt;/p&gt;

&lt;p&gt;Hal-hal yang telah disebutkan ini adalah cara jitu agar Anda dapat mendongkrak banyaknya pengunjung website hasil dari menguatnya domain Anda di SERP (Search Engine Result Page, yaitu halaman hasil penelusuran kata kunci di mesin pencari).&lt;/p&gt;

&lt;p&gt;Ukuran Domain&lt;/p&gt;

&lt;p&gt;Ukuran yang dimaksud yaitu dilihat dari banyaknya jumlah konten yang Anda publikasikan di website Anda. Semakin banyak jumlah konten atau posting-nya maka semakin besar pula ukuran domain Anda. Inilah mengapa para blogger rutin membuat konten setiap harinya.&lt;/p&gt;

&lt;p&gt;Namun, banyaknya konten saja tak cukup sebab mesin penelusur semacam Google juga dapat menilai seberapa berkualitas konten itu. Mengenai konten yang berkualitas, kami akan membahasnya lebih lanjut di bagian berikutnya.&lt;/p&gt;

&lt;p&gt;Dari ketiga hal tersebut, mesin pencari dapat menentukan Peringkat Domain Authority dari suatu website. Domain authority ini merupakan satu dari sekian banyak faktor lainnya yang menjadi ukuran tingkat kepercayaan mesin pencari kepada suatu situs.&lt;/p&gt;

&lt;p&gt;Perbedaan Domain Authority dan Page Authority&lt;/p&gt;

&lt;p&gt;Anda mungkin pernah mendengar juga istilah page authority. Lalu apa sebenarnya perbedaan di antara domain authority dan page authority tersebut? Apakah keduanya sama saja? Jadi, keduanya sama-sama merupakan barometer baik bagi suatu website maupun halaman website yang berkualitas bagi mesin pencari.&lt;/p&gt;

&lt;p&gt;Bayangkan saja Domain Authority adalah penilaian akan suatu properti rumah secara keseluruhan, sementara Page Authority (PA) ini adalah penilaian terhadap salah satu ruang kamarnya saja. Untuk mengoptimalkan kinerja SEO, memang DA dan PA mestinya berjalan beriringan, keduanya perlu Anda tingkatkan sebagai pengelola website.&lt;/p&gt;

&lt;p&gt;Cara Menguji Domain Authority&lt;/p&gt;

&lt;p&gt;Telah tersedia berbagai alamat situs yang dapat langsung Anda gunakan untuk cek poin DA dari situs Anda. Hasilnya akan berupa kumpulan data yang bisa Anda analisis untuk menilai seberapa kuat domain authority Anda. Berikut adalah beberapa alamat situsnya:&lt;/p&gt;

&lt;p&gt;&lt;a href="http://moz.com/researchtools/ose"&gt;http://moz.com/researchtools/ose&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://moonsy.com/domain_authority"&gt;http://moonsy.com/domain_authority&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="http://smallseotools.com/domain-authority-checker"&gt;http://smallseotools.com/domain-authority-checker&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Poin Domain Authority biasanya ditetapkan pada hitungan 0 – 100. Semakin tinggi nilai DA, maka akan semakin dinyatakan berkualitas sebuah website tersebut oleh mesin pencari semacam Google.&lt;/p&gt;

&lt;p&gt;Ada beberapa situs besar yang sudah pasti memengaruhi nilai DA dari laman Anda, contohnya CMS platform WordPress. Jika Anda memakai WordPress, maka Domain Authority memiliki poin yang tinggi (rata-rata 90) karena menggunakan subdomain yang memang telah populer.&lt;/p&gt;

&lt;p&gt;Salah satu tool yang bisa dipakai untuk menguji otomatis page rank Anda adalah add-on SEO dari MOZ yang bisa dipasang di browser Chrome dan Mozilla Anda secara gratis. Instalasinya dapat dilakukan dengan sangat mudah, tinggal unduh saja sebagai extension.&lt;/p&gt;

&lt;p&gt;Setelah add-on tersebut terpasang pada browser Anda, maka Anda dapat langsung mengetahui PA dan DA sebuah situs saat Anda mengunjunginya.&lt;/p&gt;

&lt;p&gt;Berikut kami berikan langkah-langkah pengujian DA di &lt;a href="http://moz.com/researchtools/ose"&gt;http://moz.com/researchtools/ose&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Masukkan alamat situs Anda pada kolom URL yang ada&lt;/p&gt;

&lt;p&gt;Klik tombol “Search” berwarna biru di samping kolom pengisian URL&lt;/p&gt;

&lt;p&gt;Lihat hasilnya, akan terdapat hasil seperti pada gambar di bawah ini!&lt;/p&gt;

&lt;p&gt;Cara Meningkatkan Domain Authority&lt;/p&gt;

&lt;p&gt;Memang ada banyak cara untuk meningkatkan Domain Authority, namun kali ini kami akan membagikan 6 cara yang paling penting dan mendasar untuk meningkatkan poin DA Anda.&lt;/p&gt;

&lt;p&gt;Cara-cara tersebut akan kami paparkan dengan urut, sederhana dan jelas agar Anda bisa lebih mudah dalam memahami cara-caranya dan dapat segera pula mempraktikkannya.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Membuat Konten Berkualitas&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Untuk membuat konten yang berkualitas, tentunya Anda perlu riset mendalam dan menyeluruh akan bidang yang ingin Anda bahas atau geluti lewat website atau blog Anda. Selain itu, cobalah untuk lebih kreatif. Anda perlu mengasah diri Anda untuk berpikir di luar kebiasaan jika diperlukan agar konten Anda unik dan tentunya menjadi lebih menarik untuk dibaca terus oleh para pengunjung.&lt;/p&gt;

&lt;p&gt;Anda juga bisa menambahkan suatu detil informasi yang tidak didapati oleh situs lainnya mengenai suatu topik yang ingin Anda bahas untuk membuat konten Anda lebih unggul dari posting-posting dari website lain.&lt;/p&gt;

&lt;p&gt;Selain itu, konten yang berkualitas juga memuat berbagai jenis multimedia. Anda bisa menampilkan gambar pendukung maupun video untuk membantu pembaca Anda lebih memahami dan memvisualisasikan topik yang sedang dibahas.&lt;/p&gt;

&lt;p&gt;Mengenai segmentasi pasar, ini juga menjadi penting apabila tujuan utama Anda adalah kesuksesan secara finansial. Memang hal ini masih menjadi perdebatan di kalangan blogger hingga kini.&lt;/p&gt;

&lt;p&gt;Namun, bila Anda cenderung pragmatis dibanding idealis, sah-sah saja untuk membuat konten berdasar kebutuhan dan kesukaan pasar semata. Hal ini memang telah banyak diterapkan situs-situs media atau berita terutama di Indonesia.&lt;/p&gt;

&lt;p&gt;Terkadang mereka mengesampingkan kelengkapan penjelasan di artikel mereka mengenai suatu topik dan hanya memuat banyak gambar yang menarik. Selain itu, ada pula yang mengajukan judul yang sensasional demi mendobrak rating posting mereka.&lt;/p&gt;

&lt;p&gt;Jika Anda bingung hendak membahas topik apa di website Anda, jangan khawatir. Pada artikel sebelumnya, kami telah membahas berbagai topik populer yang sedang tren atau berpotensi viral. Anda dapat membacanya untuk mencari inspirasi topik posting Anda.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Berstrategi Lewat Media Sosial&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Tak dapat dipungkiri, media sosial dapat menjadi penolong utama Anda dalam meningkatkan Domain Authority situs Anda. Manfaatkanlah seluruh media sosial utama Anda untuk memuat alamat situs Anda di profil atau membagikan artikel atau laman dari situs Anda.&lt;/p&gt;

&lt;p&gt;Hal ini menjadi mudah karena rata-rata pengguna internet banyak berinteraksi dengan teman-teman mereka di media sosialnya, di mana mereka akan lebih mudah menerima apa yang Anda bagikan karena mereka telah mengenal Anda dan ingin berinteraksi dengan Anda hampir setiap saat.&lt;/p&gt;

&lt;p&gt;Bagi para pebisnis, untuk melakukan posting yang juga berupa kampanye produk, Anda bisa menentukan jam tertentu yang relevan dengan posting Anda.&lt;/p&gt;

&lt;p&gt;Misalnya, Anda ingin membagikan sebuah artikel mengenai produk makanan. Akan lebih tepat atau efektif tentunya jika Anda membagikannya pada saat menjelang jam makan di siang hari atau makan di malam hari.&lt;/p&gt;

&lt;p&gt;Anda juga dapat menggunakan tools online yang bisa membantu Anda membuat penjadwalan posting pada berbagai social media yang Anda kelola:&lt;/p&gt;

&lt;p&gt;Buffer&lt;/p&gt;

&lt;p&gt;Buffer menyediakan versi gratis yang memungkinkan Anda untuk melakukan penjadwalan posting hingga 10 post banyaknya. Jika memang Anda butuh melakukannya lebih sering dan ingin fitur-fitur premium yang lebih lengkap, Anda dapat membayar sesuai tarif dan bebas melakukan posting sesering yang Anda inginkan.&lt;/p&gt;

&lt;p&gt;Hootsuite&lt;/p&gt;

&lt;p&gt;Selain bisa membantu Anda dalam menjadwalkan posting, Hootsuite juga bisa digunakan untuk memonitor sekaligus menganalisa performa social media Anda. Tersedia juga fitur all-in-one yang bisa mengintegrasikan semua penjadwalan di semua jenis social media Anda. Bagi Anda yang sedang membangun bisnis kecil, Anda mungkin akan merasa cukup hanya dengan versi gratis dari Hootsuite. Bila Anda bergerak di bisnis berskala besar, Anda perlu membayar sejumlah uang sesuai tarif yang berlaku untuk menikmati kemampuan fitur yang advanced.&lt;/p&gt;

&lt;p&gt;Socialoomph&lt;/p&gt;

&lt;p&gt;Dengan online tool ini, Anda bisa melakukan maintaining atau penjadwalan posting di hampir semua social media populer yang ada. Twitter, Facebook, Pinterest, LinkedIn dan Tumblr, semua social site populer ini dapat diatur dengan mudah lewat Socialoomph. Tool ini juga punya fitur URL-shortening yang dapat mempersingkat URL dari link posting yang ingin Anda bagikan.&lt;/p&gt;

&lt;p&gt;Bagi Anda yang belum memiliki banyak pengikut di media sosial, tak perlu khawatir. Sebab, dengan konsisten membagikan konten berkualitas atau unik , tentunya Anda akan mendapat kepercayaan para pengguna media sosial lainnya dan mereka tentu tertarik untuk mengikuti Anda. Bisa saja terjadi promosi cuma-cuma yang dilakukan oleh seseorang yang menemukan profil Anda kepada pengguna lainnya.&lt;/p&gt;

&lt;p&gt;3.Mengelola Link&lt;/p&gt;

&lt;p&gt;Pertama, Anda perlu membuang Toxic Link atau yang lebih Anda kenal sebagai link berindikasi spam yang tentunya berdampak buruk bagi website atau blog Anda.&lt;/p&gt;

&lt;p&gt;Kedua, bayangkan situs Anda sebagai suatu rumah maka Internal Link atau link-link yang saling berkaitan di dalamnya adalah anggota rumah yang perlu dijalin hubungannya demi kuatnya Domain Authority Anda.&lt;/p&gt;

&lt;p&gt;Jadi, cobalah sesering mungkin memasukkan link halaman lain dari situs Anda ke halaman yang sedang Anda buat sekarang.&lt;/p&gt;

&lt;p&gt;Contohnya, pada artikel terbaru Anda, kaitkan kontennya dengan topik di artikel terdahulu dan buat hyperlink-nya sehingga pembaca yang mengklik kata tersebut akan diarahkan ke tautan yang berisi halaman website Anda lainnya. Cara ini juga dapat meningkatkan page rank Anda di halaman hasil pencarian.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Melakukan Branding&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Mengapa hal ini menjadi penting? Karena para pengunjung tentunya akan mengaitkan situs Anda dan citra yang Anda bangun untuk menimbang kredibilitas Anda, seberapa terpercayanya Anda atau brand Anda bagi mereka. Hal tersebut tentunya dapat memengaruhi poin Domain Authority Anda.&lt;/p&gt;

&lt;p&gt;Strategi Branding yang tepat dapat menolong Anda memperluas target pasar dan hal ini tentunya dapat meningkatkan jumlah rate and share Anda.&lt;/p&gt;

&lt;p&gt;Ada banyak strategi branding yang dapat Anda lakukan baik secara online maupun offline . Seperti yang telah disebutkan di poin sebelumnya soal media sosial, Anda dapat pula memanfaatkannya untuk branding. Kemudian, secara offline Anda dapat membuat acara atau interaksi secara langsung.&lt;/p&gt;

&lt;p&gt;Contoh saja forum-forum diskusi semacam Kaskus yang sering melakukan acara “Kopdar” (Kopi Darat, yaitu temu langsung bagi para penggunanya) untuk membahas suatu topik secara langsung maupun mempererat hubungan user satu sama lain.&lt;/p&gt;

&lt;p&gt;Selain contoh komunitas forum tersebut, Anda dapat pula melaksanakan training atau seminar yang berbayar atau cuma-cuma baik bagi pelanggan maupun orang umum. Kegiatan ini seperti juga yang pernah kami lakukan bagi pelanggan penyedia web hosting Indonesia Dewaweb dengan mengadakan Dewatalks.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Membangun Relasi&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Membangun serta mempertahankan relasi yang baik dengan perusahaan atau pengelola situs lainnya menjadi hal yang teramat penting. Orang-orang yang memiliki hubungan baik dengan Anda tentu akan lebih mudah membagikan atau mempromosikan situs Anda dibandingkan dengan mereka yang bahkan tak mengenal Anda.&lt;/p&gt;

&lt;p&gt;Jadi, ini juga menjadi faktor apakah pengguna atau pengelola situs lain akan memuat link Anda di dalam situs atau laman mereka.&lt;/p&gt;

&lt;p&gt;Cara-cara yang dapat Anda lakukan untuk membangun dan mempertahankan relasi ini adalah dengan terlebih dahulu membagikan konten atau mempromosikan situs mereka yang dapat dikategorikan sebagai influencer.&lt;/p&gt;

&lt;p&gt;Kemudian pujilah secara tulus konten atau mereka pribadi apabila mereka menghasilkan suatu karya atau produk yang keren bagi Anda. Anda dapat juga menolong mereka untuk meningkatkan kualitas mereka dengan memberi beberapa masukan berguna.&lt;/p&gt;

&lt;p&gt;Bagaimanapun juga, berbagi ilmu tak ada ruginya. Tak perlu khawatir soal kompetisi karena justru kerjasama yang Anda lakukan ini bisa menjadi keuntungan bagi bisnis Anda.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Tingkatkan On Page SEO&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Ada banyak cara untuk meningkatkan On Page SEO Anda. Beberapa di antaranya telah banyak dibahas dalam berbagai artikel maupun para pakar SEO. Berikut kami akan memberikan poin-poin singkat yang merangkum berbagai cara jitu yang bisa Anda lakukan demi meningkatkan On Page SEO Anda:&lt;/p&gt;

&lt;p&gt;Buatlah URL Anda singkat&lt;/p&gt;

&lt;p&gt;Pada tiap posting di blog Anda, misalnya, coba persingkat URL-nya agar tidak sepanjang judul konten Anda aslinya.&lt;/p&gt;

&lt;p&gt;Kaitkan Keyword Anda pada URL&lt;/p&gt;

&lt;p&gt;Misalkan, Anda membuat sebuah artikel berjudul “Cara Menghasilkan Uang dari Media Sosial Facebook”. Maka URL Anda juga harus mencantumkan keyword penting yang kemungkinan besar dicari internet user seperti yang telah ada di judul itu yaitu kata “menghasilkan uang” dan “Facebook”.&lt;/p&gt;

&lt;p&gt;Gunakan LSI Keyword&lt;/p&gt;

&lt;p&gt;LSI keyword adalah keyword yang saling terkait, sebuah istilah dalam SEO untu satu keyword yang relevan dengan berbagai keyword lainnya. Jadi, coba muat beberapa keyword atau kata kunci terkait sekaligus dalam satu posting Anda.&lt;/p&gt;

&lt;p&gt;Buatlah Konten yang Panjang&lt;/p&gt;

&lt;p&gt;Banyak pakar mengatakan jumlah kata yang bagus untuk SEO pada sebuah posting adalah sebanyak 1600-2000 kata.&lt;/p&gt;

&lt;p&gt;Gunakan Heading Tag&lt;/p&gt;

&lt;p&gt;Bagi Anda para blogger, istilah ini pasti sudah tak asing lagi. Caranya gampang, tinggal ubah status “pharagraph” pada kata atau kalimat tertentu yang ingin dijadikan heading tag dan ubah ke statu “Heading1”, “Heading2″dan seterusnya sesuai urutan.&lt;/p&gt;

&lt;p&gt;Optimalkan Title Tag Anda untuk Click-Through Rate&lt;/p&gt;

&lt;p&gt;Anda bisa membuat judul Anda optimal untuk mesin penelusur, misal Anda menyesuaikan kata-katanya seperti kata-kata kunci yang banyak dicari oleh internet user terkait topik Anda.&lt;/p&gt;

&lt;p&gt;Gunakan External Link&lt;/p&gt;

&lt;p&gt;External link yang dimaksud adalah tautan yang menuju pada website lain selain halaman di website Anda. Saran kami, buat tautan ke website yang domain authority-nya bagus atau berkualitas website-nya agar dapat menunjang poin DA Anda.&lt;/p&gt;

&lt;p&gt;Gunakan Internal Link&lt;/p&gt;

&lt;p&gt;Internal link yang dimaksud adalah tautan yang menuju ke website Anda sendiri, misalnya ke halaman atau posting lainnya pada website Anda. Biasanya 2-3 internal link pada satu posting Anda saja sudah cukup sebagai suatu usaha meningkatkan domain authority Anda.&lt;/p&gt;

&lt;p&gt;Maksimalkan Kecepatan Loading Laman Anda&lt;/p&gt;

&lt;p&gt;Untuk memaksimalkannya ada banyak faktor yang bisa dikelola. Misal, tidak memasukkan gambar beresolusi sangat besar pada halaman website Anda. Hal lainnya misal pada smartphone, bila theme dari website Anda belum mobile-friendly biasanya butuh waktu lebih banyak untuk loading di layar hp.&lt;/p&gt;

&lt;p&gt;Sementara itu, faktor utamanya memang dari layanan web hosting yang ada. Hosting murah berkualitas yang bagus dan tersertifikasi sudah pasti sanggup meningkatkan kecepatan loading page dari website Anda.&lt;/p&gt;

&lt;p&gt;Pakai Aneka Konten Multimedia&lt;/p&gt;

&lt;p&gt;Anda dapat memasukkan berbagai jenis grafik, gambar maupun video sebagai pendukung konten artikel maupun blog Anda. Hal ini juga dapat mengindikasikan komprehensifnya suatu posting bagi mesin penelusur. Selain itu, pembaca Anda juga jadi lebih betah membaca tulisan Anda sampai habis karena aspek-aspek visual yang menarik mata itu.&lt;/p&gt;

&lt;p&gt;Mengenai On Page SEO ini, intinya Anda perlu menguasai hal-hal yang berkaitan dengan SEO secara mendalam dan melakukan trial and error agar Anda dapat menentukan apakah suatu cara dapat dinyatakan efektif atau tidak.&lt;/p&gt;

&lt;p&gt;Simpulan&lt;/p&gt;

&lt;p&gt;Kesuksesan dari pemberlakuan keenam cara yang telah kami sampaikan di atas sesungguhnya sangat bergantung pada konsistensi dan kesabaran Anda sebagai pengguna dalam mengelola situs atau blog Anda.&lt;/p&gt;

&lt;p&gt;Memang tak ada cara yang benar-benar cepat dalam meningkatkan poin Domain Authority Anda, namun keenam cara di atas telah kami jabarkan dengan urut, sederhana dan jelas agar Anda bisa memulainya dari sekarang.&lt;/p&gt;

&lt;p&gt;Teknik Seo dan pasang Backlink&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;DENGAN OPTIMASI BLOOG.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;LANGKAHNYA :  &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Buat buat untuk pasang backlink 1 atau beberapa blog selain blog utama. &lt;/li&gt;
&lt;li&gt;&lt;p&gt;Untuk blog utama ambil seluruh link dan judulnya dengan sermusch atau seacrh console ataupun dr analityc.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Setelah anda dapat url dan judul utama web anda. Silahkan upload semua di blog yang anda bikin . Terserah mau kasih judul apa. Dan ini bisa anda lakukan di beberapa blog selain blog utama. Jangan lupa publishkan.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Contoh link situs saya &lt;/p&gt;

&lt;p&gt;https:///u/s!AjVl5irji1SzhGG5zMSwQPOB6bJv&lt;/p&gt;

&lt;p&gt;Dan ini sudah saya publis di beberapa situs.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Teknik kedua Dengan buat link iframe Atau link defollow di situs 000webhost&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Langkahnya sama buat halaman baru di situs tersebut bikin halaman khusus utuk nampilkan situs web utama anda. &lt;br&gt;
Dengan menambahkan link optimasi yang telah anda buat. &lt;br&gt;
https:///u/s!AjVl5irji1SzhGG5zMSwQPOB6bJv tadi dengan menguploadnya disitus 000webhost.&lt;/p&gt;

&lt;p&gt;Atau cara lain adalah membuat scripts iframe web utama .&lt;/p&gt;

&lt;p&gt;Contohnya. &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Iframe situs utama langsung &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://awprojectphp.000webhostapp.com/ALHIKMAH.html/ARTIKEL/sitemap.alhikmah.html"&gt;https://awprojectphp.000webhostapp.com/ALHIKMAH.html/ARTIKEL/sitemap.alhikmah.html&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Iframe dengan Aplikasi &lt;br&gt;
&lt;a href="https://www.jagel.id/app/al-hikmah-191932"&gt;https://www.jagel.id/app/al-hikmah-191932&lt;/a&gt;&lt;br&gt;
Dibuat melaui jagel.id&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Iframe dari Aplikasi situs utama dibuat melalui jagel.id&lt;br&gt;
&lt;a href="https://awprojectphp.000webhostapp.com/ALHIKMAH.html/widgets.html"&gt;https://awprojectphp.000webhostapp.com/ALHIKMAH.html/widgets.html&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Dengan berbagi url di situs fb, likedin, ytube, pinterest ( untuk gambar ) dll&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Contoh &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Fb &lt;br&gt;
&lt;a href="https://m.facebook.com/AwGroupChannel/videos/515476246420211/?extid=CL-UNK-UNK-UNK-AN_GK0T-GK1C&amp;amp;ref=sharing"&gt;https://m.facebook.com/AwGroupChannel/videos/515476246420211/?extid=CL-UNK-UNK-UNK-AN_GK0T-GK1C&amp;amp;ref=sharing&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Ytube&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://www.jagel.id/app/al-hikmah-191932/youtube-1385482"&gt;https://www.jagel.id/app/al-hikmah-191932/youtube-1385482&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Pinterest&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://www.jagel.id/app/al-hikmah-191932/pinterest-1385510"&gt;https://www.jagel.id/app/al-hikmah-191932/pinterest-1385510&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Likedin&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://www.jagel.id/app/al-hikmah-191932/linkedin-1385479"&gt;https://www.jagel.id/app/al-hikmah-191932/linkedin-1385479&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Anda juga bisa pasang link anda di beberapa situs medsos lainnya.&lt;/p&gt;

&lt;p&gt;4 . Dengan Teknik Github.&lt;br&gt;
Contoh : &lt;a href="https://www.jagel.id/app/al-hikmah-191932/github-1385474"&gt;https://www.jagel.id/app/al-hikmah-191932/github-1385474&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Anda langsung saja buat akun github bagikan link maupun score code anda .&lt;/p&gt;

&lt;p&gt;Jika anda ahli dalam coding jangan lupa sisipkan link anda di code yang anda upload di github . Ini berguna secara otomatis ketika ada orang yang menggunakan script atau kode anda maka anda akan dapat backlink otomatis.&lt;br&gt;
Berikut beberapa script/ code saya di github &lt;a href="https://github.com/wahyu9kdl"&gt;https://github.com/wahyu9kdl&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;Selain github anda juga bisa memasang di codepen. &lt;br&gt;
Contoh nya. &lt;a href="https://codepen.io/SAN3"&gt;https://codepen.io/SAN3&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Teknik dengan buat Linktree / biolink free&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Contohnya &lt;a href="https://jali.me/AwLandingPage"&gt;https://jali.me/AwLandingPage&lt;/a&gt;&lt;br&gt;
&lt;a href="https://inpage.es/UOAg"&gt;https://inpage.es/UOAg&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;TEKNIK DENGAN BUAT PROFILE GRATIS DENGAN DA PA TINGGI YAITU DI&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;ABOUT.ME&lt;/p&gt;

&lt;p&gt;CONTOHNYA .&lt;br&gt;
&lt;a href="https://about.me/ahmadwahyudi"&gt;https://about.me/ahmadwahyudi&lt;/a&gt;&lt;br&gt;
Anda pasang link blog utama anda.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Teknik dengan membuat Aplikasi gratis &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Contoh &lt;a href="https://www.jagel.id/app/al-hikmah-191932"&gt;https://www.jagel.id/app/al-hikmah-191932&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Buatnya di &lt;a href="https://www.jagel.id/app/al-hikmah-191932/registrasi-1386223"&gt;https://www.jagel.id/app/al-hikmah-191932/registrasi-1386223&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Mudah kok buatnya.&lt;/p&gt;

&lt;p&gt;Teknik iframe aplikasi di 000webhost juga bisa anda buat aplikasinya contoh hasilnya &lt;a href="https://awprojectphp.000webhostapp.com/ALHIKMAH.html/profile.html"&gt;https://awprojectphp.000webhostapp.com/ALHIKMAH.html/profile.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Dan begitulah untuk info lanjutnya bisa nanti dilanjut. Yaaa. Ok selamat mencoba teknik ini&lt;/p&gt;

&lt;p&gt;Percayalah bahwa proses meningkatkan domain authority ini memang penting untuk dilakukan dengan telaten karena SEO tak dapat membuahkan hasil dalam sekejap . Selamat berusaha!&lt;/p&gt;

</description>
      <category>seo</category>
      <category>optimasi</category>
      <category>website</category>
      <category>backlink</category>
    </item>
    <item>
      <title>Alhikmah.xml Templates Responsive
</title>
      <dc:creator>AWDEV</dc:creator>
      <pubDate>Sun, 10 Oct 2021 14:42:47 +0000</pubDate>
      <link>https://dev.to/wahyu9kdl/alhikmah-xml-templates-responsive-4092</link>
      <guid>https://dev.to/wahyu9kdl/alhikmah-xml-templates-responsive-4092</guid>
      <description>&lt;p&gt;Alhikmah.xml Templates Responsive&lt;/p&gt;

&lt;p&gt;Dari segi fitur dan kelebihan, tema blogger  mengambil semua yang terbaik dari dan membuatnya menjadi lebih baik lagi.&lt;/p&gt;

&lt;p&gt;Berikut screenshot tampilan Templates Alhikmah.xml :&lt;/p&gt;

&lt;p&gt;Lihat Versi Demo Templates ini ;&lt;/p&gt;

&lt;p&gt;Demo 1  Halaman Templates&lt;br&gt;
&lt;a href="https://www.alhikmah.my.id/?m=1"&gt;https://www.alhikmah.my.id/?m=1&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Demo 2 Page Center&lt;br&gt;
 &lt;a href="https://www.alhikmah.my.id/p/al-hikmah-center.html"&gt;https://www.alhikmah.my.id/p/al-hikmah-center.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Demo 3 Aplikasi  &lt;a href="https://www.alhikmah.my.id/2021/08/aplikasi.html"&gt;https://www.alhikmah.my.id/2021/08/aplikasi.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Fitur/Kelebihan Alhikmah.xml&lt;/p&gt;

&lt;p&gt;Responsive 100% &lt;br&gt;
100% Responsive di semua ukuran layar&lt;/p&gt;

&lt;p&gt;SEO friendly&lt;br&gt;
Tidak perlu repot otak atik kode template supaya SEO karena sudah saya optimalkan&lt;/p&gt;

&lt;p&gt;Fast Loading&lt;br&gt;
Loading Cepat tanpa mengorbankan desain&lt;/p&gt;

&lt;p&gt;Ads Optimized&lt;br&gt;
Terdapat fitur slot iklan otomatis di bawah header dan di bawah sebelum navibottom untuk membantu meningkatkan CTR iklan&lt;/p&gt;

&lt;p&gt;Support Fitur Desainer Tema Blogger&lt;br&gt;
Jika sobat tidak suka warna default template ini, sobat bisa mengubahnya sesuai keinginan melalui menu Desainer Tema Blogger&lt;/p&gt;

&lt;p&gt;Menggunakan Schema Markup&lt;br&gt;
Schema Markup untuk membantu mesin pencari memahami blog sobat&lt;/p&gt;

&lt;p&gt;Breadcrumb Navigation&lt;/p&gt;

&lt;p&gt;Auto Readmore&lt;/p&gt;

&lt;p&gt;Pop-up Search Form&lt;/p&gt;

&lt;p&gt;Widget Sticky&lt;/p&gt;

&lt;p&gt;Widget Related Posts&lt;/p&gt;

&lt;p&gt;Tombol Berbagi Responsive Keren&lt;/p&gt;

&lt;p&gt;Numbered Page Navigation&lt;/p&gt;

&lt;p&gt;Back to Top Button&lt;/p&gt;

&lt;p&gt;Custom Error page&lt;/p&gt;

&lt;p&gt;Tanpa Link Credit&lt;/p&gt;

&lt;p&gt;Tombol Donasi&lt;/p&gt;

&lt;p&gt;Lainnya akan menyusul di versi terbaru.&lt;/p&gt;

&lt;p&gt;Download File Gratis 🔰&lt;br&gt;
Ref. &lt;a href="https://sfile.mobi/inv.php?id=358103"&gt;https://sfile.mobi/inv.php?id=358103&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Harga Template&lt;/p&gt;

&lt;p&gt;Untuk template ini saya jual 350 ribu saja, tapi tidak menutup kemungkinan harganya akan saya naikan pada versi-versi berikutnya.&lt;/p&gt;

&lt;p&gt;Tempat Beli Templates ini di &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://belicode.com/item/195/jual-al-hikmah-xml-templates-responsive"&gt;https://belicode.com/item/195/jual-al-hikmah-xml-templates-responsive&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://belicode.com/item/194/al-hikmah-xml-templates-responsive"&gt;https://belicode.com/item/194/al-hikmah-xml-templates-responsive&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Thema Admin Dashboard &lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://belicode.com/item/198/admin-lte-bootstrap-admin-dashboard-template"&gt;https://belicode.com/item/198/admin-lte-bootstrap-admin-dashboard-template&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Aplikasi &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://projects.co.id/public/browse_products/view/745911/alhikmah-aplication"&gt;https://projects.co.id/public/browse_products/view/745911/alhikmah-aplication&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://p-store.net/software/70180/aplikasi-alhikmah"&gt;https://p-store.net/software/70180/aplikasi-alhikmah&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Jika sobat tertarik dengan tema ini, silakan langsung dibeli saja daripada nanti harganya keburu naik.&lt;/p&gt;

&lt;p&gt;Untuk Beli Klik Tombol Di Bawah&lt;/p&gt;

&lt;p&gt;Beli Sekarang&lt;/p&gt;

&lt;p&gt;Sebagai Awal Promosi Product aw group channel&lt;/p&gt;

&lt;p&gt;Maka dalam file Templates Alhikmah.xml Kami tambahkan beberapa Fitur diluar templates ini, yaitu beberapa score code untuk optimasi dan belajar desain ; adapun Fitur tambahan yang kami berikan berupa :&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Score code css3d Animation Image and Gif&lt;/li&gt;
&lt;li&gt;Score code Editor HTML &lt;/li&gt;
&lt;li&gt;Templates Alhikmah.xml v.1 ( demo &lt;a href="https://www.alhikmah.my.id/?m=1"&gt;https://www.alhikmah.my.id/?m=1&lt;/a&gt; )&lt;/li&gt;
&lt;li&gt;Score Code Button Navigasi Css Responsive &lt;/li&gt;
&lt;li&gt;Score code Animasi Slider Image and Text&lt;/li&gt;
&lt;li&gt;Score Code Animasi Pesawat.
( live di &lt;a href="http://www.alhikmah.my.id"&gt;www.alhikmah.my.id&lt;/a&gt;)&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Demikian 5 Tambahan fitur score code dalam file templates ini. &lt;/p&gt;

&lt;p&gt;Maka dari itu kami berharap untuk mempergunakannya secara bijaksana.&lt;/p&gt;

&lt;p&gt;Setting Ads.txt&lt;/p&gt;

&lt;p&gt;User-agent: Mediapartners-Google &lt;br&gt;
User-agent: * &lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Googlebot-News&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Adsbot-Google&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Googlebot-Image&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Googlebot-Mobile&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Googlebot&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Slurp&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: bingbot&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: MSNBot&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Baiduspider&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Baiduspider-image&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: YoudaoBot&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: Sogou web spider&lt;br&gt;
Allow: /&lt;br&gt;
User-agent: *&lt;br&gt;
Disallow: /cgi-bin/&lt;br&gt;
Disallow: /scripts/&lt;br&gt;
Disallow: /tmp/&lt;br&gt;
Disallow: /blog-admin/&lt;br&gt;
Disallow: /search?updated-min=&lt;br&gt;
Disallow: /search?updated-max=&lt;br&gt;
Disallow: /search/label/&lt;em&gt;?updated-min=&lt;br&gt;
Disallow: /search/label/&lt;/em&gt;?updated-max=&lt;br&gt;
Allow: / blog-admin/admin-ajax.php&lt;br&gt;
Sitemap: &lt;a href="https://situs.blogspot.com/sitemap.xml"&gt;https://situs.blogspot.com/sitemap.xml&lt;/a&gt;&lt;br&gt;
Sitemap: &lt;a href="https://situs.blogspot.com/news-sitemap.xml"&gt;https://situs.blogspot.com/news-sitemap.xml&lt;/a&gt;&lt;br&gt;
Sitemap: &lt;a href="http://situs.blogspot.com/feeds/posts/default?orderby=updated"&gt;http://situs.blogspot.com/feeds/posts/default?orderby=updated&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;*Saran&lt;/p&gt;

&lt;p&gt;Sekedar Saran Untuk optimasi dan Belajar Periklannan dan Program Affiliasi Anda bisa mencobanya debeberapa Situs Berikut ;&lt;/p&gt;

&lt;p&gt;Hosting dan domain💠&lt;/p&gt;

&lt;p&gt;1.&lt;a href="https://asia.cloudns.net/aff/id/482326"&gt;https://asia.cloudns.net/aff/id/482326&lt;/a&gt;&lt;br&gt;
2.&lt;a href="https://panel.niagahoster.co.id/ref/361770"&gt;https://panel.niagahoster.co.id/ref/361770&lt;/a&gt;&lt;br&gt;
3.&lt;a href="https://masterkey.masterweb.com/aff.php?aff=20667"&gt;https://masterkey.masterweb.com/aff.php?aff=20667&lt;/a&gt;&lt;br&gt;
4.&lt;a href="https://www.site123.com/?aff=7141773"&gt;https://www.site123.com/?aff=7141773&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;💠Jasa Backlink💠&lt;/p&gt;

&lt;p&gt;&lt;a href="https://rajabacklink.com/refferal.php?q=06a50e3f66db4a334202d3adfd31c589a334837978b494479f"&gt;https://rajabacklink.com/refferal.php?q=06a50e3f66db4a334202d3adfd31c589a334837978b494479f&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;💠Jasa Seo💠&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.seobility.net/?px=2&amp;amp;a_aid=5fc75c87d70c2"&gt;https://www.seobility.net/?px=2&amp;amp;a_aid=5fc75c87d70c2&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;trafik exchange&lt;br&gt;
🟢&lt;a href="http://hit2hit.com/?rid=173879"&gt;http://hit2hit.com/?rid=173879&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🟢&lt;a href="https://www.traffboost.net?ref=203557"&gt;https://www.traffboost.net?ref=203557&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🟢&lt;a href="https://www.easyhits4u.com/?ref=wahyudi9"&gt;https://www.easyhits4u.com/?ref=wahyudi9&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Halaman SUPPORT Kami di Page Berikut ;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;a href="https://inpage.es/UOAg"&gt;https://inpage.es/UOAg&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Atau &lt;a href="https://jali.me/Profesional"&gt;https://jali.me/Profesional&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;EMAIL KONTAK &lt;a href="https://form.jotform.com/211958944889075"&gt;https://form.jotform.com/211958944889075&lt;/a&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Sekian Informasi Tentang Templates ini Semoga bermanfaat.&lt;/p&gt;

&lt;p&gt;Demo &lt;a href="https://output.jsbin.com/pirelax/1"&gt;https://output.jsbin.com/pirelax/1&lt;/a&gt;&lt;br&gt;
 Demo &lt;a href="https://output.jsbin.com/tejuxic"&gt;https://output.jsbin.com/tejuxic&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Download File Gratis 🔰&lt;br&gt;
Ref. &lt;a href="https://sfile.mobi/inv.php?id=358103"&gt;https://sfile.mobi/inv.php?id=358103&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ads.txt.pdf.&lt;br&gt;
&lt;a href="https://sfile.mobi/downIoad/675319/358103/263140fc55b1166d5dee69fffbb7b708/app-ads.txt-v1.0-final-.pdf&amp;amp;is=277f6c96177a9105085c86678266ffc6"&gt;https://sfile.mobi/downIoad/675319/358103/263140fc55b1166d5dee69fffbb7b708/app-ads.txt-v1.0-final-.pdf&amp;amp;is=277f6c96177a9105085c86678266ffc6&lt;/a&gt;&lt;br&gt;
&lt;a href="https://sfile.mobi/downIoad/675340/358103/263140fc55b1166d5dee69fffbb7b708/kitab-ta-lim-muta-alim-dan-terjemahan.docx&amp;amp;is=277f6c96177a9105085c86678266ffc6"&gt;https://sfile.mobi/downIoad/675340/358103/263140fc55b1166d5dee69fffbb7b708/kitab-ta-lim-muta-alim-dan-terjemahan.docx&amp;amp;is=277f6c96177a9105085c86678266ffc6&lt;/a&gt;&lt;br&gt;
&lt;a href="https://sfile.mobi/8y9IgJ52b6b"&gt;https://sfile.mobi/8y9IgJ52b6b&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Untuk lebih mudahnya Anda dapat melihat di halaman Marketplace Progam Affiliasi web kami di.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://inpage.es/UOAg"&gt;https://inpage.es/UOAg&lt;/a&gt;&lt;br&gt;
Atau &lt;a href="https://jali.me/Profesional"&gt;https://jali.me/Profesional&lt;/a&gt;&lt;br&gt;
&lt;a href="https://propellerads.com/publishers/?ref_id=msQP"&gt;https://propellerads.com/publishers/?ref_id=msQP&lt;/a&gt;&lt;br&gt;
&lt;a href="https://sfile.mobi/inv.php?id=358103"&gt;https://sfile.mobi/inv.php?id=358103&lt;/a&gt;&lt;br&gt;
&lt;a href="https://join-adf.ly/24900237"&gt;https://join-adf.ly/24900237&lt;/a&gt;&lt;br&gt;
&lt;a href="http://asistentoko.com/ref=Ahmad%20wahyudi"&gt;http://asistentoko.com/ref=Ahmad%20wahyudi&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Please check link" berikut : &lt;br&gt;
&lt;a href="http://apticirl.com/2V3M"&gt;http://apticirl.com/2V3M&lt;/a&gt;&lt;br&gt;
&lt;a href="http://apticirl.com/2V3Q"&gt;http://apticirl.com/2V3Q&lt;/a&gt;&lt;br&gt;
&lt;a href="http://apticirl.com/2V3N0"&gt;http://apticirl.com/2V3N0&lt;/a&gt;&lt;br&gt;
&lt;a href="https://1drv.ms/u/s!AjVl5irji1SzhE-C1tYSZvXWDj8y"&gt;https://1drv.ms/u/s!AjVl5irji1SzhE-C1tYSZvXWDj8y&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Redirect dengan Delay Opsional&lt;/p&gt;

&lt;p&gt;Sampel Cepat&lt;/p&gt;

&lt;p&gt;setTimeout( "window.location.href = '&lt;a href="http://walkerwines.com.au/'"&gt;http://walkerwines.com.au/'&lt;/a&gt;", 5*1000 ); &lt;/p&gt;

&lt;p&gt;Apa yang dilakukan cuplikan JavaScript?&lt;/p&gt;

&lt;p&gt;Cuplikan ini akan memungkinkan Anda untuk mengarahkan pemirsa Anda ke halaman lain dan memiliki opsi untuk mengatur penundaan. Penggunaan potongan ini cukup jelas dan merupakan alat yang sangat berharga untuk dimiliki di ikat pinggang Anda.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Deteksi iPhone&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Contoh&lt;/p&gt;

&lt;p&gt;if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {     if (document.cookie.indexOf("iphone_redirect=false") == -1) {         window.location = "&lt;a href="http://m.espn.go.com/wireless/?iphone&amp;amp;i=COMR"&gt;http://m.espn.go.com/wireless/?iphone&amp;amp;i=COMR&lt;/a&gt;";     } } &lt;/p&gt;

&lt;p&gt;Apa yang dilakukan cuplikan JavaScript?&lt;/p&gt;

&lt;p&gt;Cuplikan ini akan memungkinkan Anda mendeteksi apakah pemirsa Anda menggunakan iPhone atau iPod yang memungkinkan Anda menampilkan konten yang berbeda kepada mereka. Potongan ini sangat berharga dengan seberapa besar pasar seluler dan hanya akan terus tumbuh.&lt;/p&gt;

</description>
      <category>innovation</category>
      <category>design</category>
      <category>templates</category>
      <category>website</category>
    </item>
  </channel>
</rss>
