Menambahkan Kode Safelink

Tambahkan kode ini di dalam postingan, sisipkan diantara paragraf artikel blog Anda (Di atas). Ganti kode yang ditandai dengan kode iklan Anda.

<div id="timer"></div>
<div class="text-center">
<button id='getlink' class='btn bt-success hidden' disabled=''>Get Link</button>
<!-- Kode iklan di sini -->
</div>

Kemudian tambahkan kode ini di dalam postingan, sisipkan diantara paragraf artikel blog Anda (Di bawah). Ganti kode yang ditandai dengan kode iklan Anda.

<div class="text-center">
<button id='gotolink' class='btn bt-success hidden' disabled=''>Go to Link</button>
<div style='margin:auto;display:inline-block'>
<!-- Kode iklan di sini -->
</div>
</div>


Auto Safelink

Untuk menggunakan Auto Safelink, tambahkan kode di bawah ini di blog utama Anda tepat sebelum kode </body> agar otomatis semua link yang ada di blog utama mengarah ke blog Safelink Anda.

<script type="text/javascript">
//<![CDATA[
var setting={exceptionurl:"google.com,twitter.com",path:"#?o="};
//]]>
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/theme@master/autosafelink.js"></script>
<script src="https://www.blogger.com/feeds/3441289521812010022/posts/default?alt=json-in-script&max-results=150&callback=showurl"></script>


Ganti ID blog ini 3441289521812010022 dengan ID blog Safelink Anda. Dan tambahkan URL pengecualian pada kode exceptionurl.

Sosial Media

Silahkan buka Blogger > Tema > Klik Edit HTML

Cari kode di bawah ini dan temukan kode # di bawahnya lalu ganti kode # dengan link blog Anda


<section class='hero' id='hero1'>
   <div class='inner1'>
      <div class='copyv'>
        <h3><span class='spim'>In SEO</span> Safelink</h3>
         <div id='mariber-social'>
            <ul>
               <li class='fb-item'>
                  <a href='#' rel='nofollow noopener' target='_blank' title='Follow Us on Facebook'><i class='fa fa-facebook fa-fw'/><span class='inv'/></a>
               </li>
               <li class='twitter-item'>
                  <a href='#' rel='nofollow noopener' target='_blank' title='Follow Us on Twitter'><i class='fa fa-twitter fa-fw'/><span class='inv'/></a>
               </li>
               <li class='instagram-item'>
                  <a href='#' rel='nofollow noopener' target='_blank' title='Follow Us on Instagram'><i class='fa fa-instagram fa-fw'/><span class='inv'/></a>
               </li>
            </ul>
         </div>
      </div>
   </div>
</section>


Widget Contact Form (Khusus versi Safelink dan In SEO Read)

Tambahkan kode di bawah ini di dalam postingan statis blog

Silakan isi form di bawah ini untuk menghubungi admin. Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.

<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='Name' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='Email' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='Message' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#ContactForm1{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:'Google Sans';display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Google Sans';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfH7XSGm68vEMB8QU4AU_eYa5porRWMedq4AOlZAVsv8py9DuOcCjFuhyurAmCJI8qSf6WijIfgE2qj99Dp1Y_QMUOmsr2ROd3imy6lc_Y1pw83MMHpxYKR5CrTbYciOJK-uOFJTPoSivd/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>