Status :

Cara membuat halaman partner seperti Alfatechnesia di blogger

Sangat penting untuk membuat widget partner di situs web Anda. Tetapi jika Anda ingin membuat backlink atau hanya ingin memberikan backlink kepada ora

Apa itu widget partner?

jika Anda baru mengenal blog saya atau pelanggan tetap maka saya pikir Anda sudah pernah melihat widget partner di blog saya.

Tetapi Anda masih belum mengerti apa itu widget partner?.Anggap saja Anda ingin membuat backlink di situs web lain, jadi di sana Anda memerlukan widget partner untuk membuat backlink... Widget partner juga membantu Anda bertukar lalu lintas dari situs web lain. bertukar lalu lintas dari situs web lain adalah ide yang sangat membantu dan bagus untuk meningkatkan lalu lintas situs web Anda.

Apakah penting untuk memiliki widget partner di blog Anda?

Tidak. Sangat penting untuk membuat widget partner di situs web Anda. Tetapi jika Anda ingin membuat backlink atau hanya ingin memberikan backlink kepada orang lain, maka Anda harus membuat widget partner. Jika Anda membuat widget partner di blog atau situs web Anda, saya pikir itu bermanfaat bagi Anda. karena dengan bantuan partner yang kami dapatkan anda dapat mentransfer traffic anda dari satu website ke website lain, atau hanya menjual traffic anda ke website lain, seperti promosi.

Keuntungan dari widget partner?

Seperti yang Anda ketahui banyak blogger bekerja sebagai tim dan mempromosikan situs web masing masing, mempromosikan situs web satu sama lain juga membantu Anda meningkatkan lalu lintas situs web anda... Jadi untuk bertukar lalu lintas, Anda harus memiliki widget partner di template blogger tanpa itu Anda tidak dapat bertukar lalu lintas secara profesional.

Menurut saya, Anda harus memiliki widget partner di template blogger Anda. Karena akan memberikan Anda backlink dari situs lain dan juga traffic dari situs lain. Jadi saya pikir Anda harus mencoba ini

Kekurangan widget parter

Saya tidak berpikir bahwa ada kerugian pada widget partner. Tetapi tingginya jumlah tautan dari saluran lain dapat membuat spam, jadi gunakan dengan batasan.

Demo

Bagaimana cara membuatnya?

  • Login ke akun blogger anda masing masing
  • kemudian pilih halaman dan buat halaman baru
  • pilih mode html
  • salin kode di bawah ini dan tempelkan ke halaman yang tadi anda buat
<style>
/*partner widget by wendy code - Modifikasi by Alfatechnesia*/
/* cari kode #9c27b0 untuk mengubah warna*/
.ptr{position:relative;padding:15px;padding-bottom:0;border-radius:20px 0 20px 20px;background-color:#fefefe;box-shadow:0 2px 12px -2px rgb(0 0 0 / 12%);border:1px solid #9c27b0;margin-top:25px}

.ptr-svg a{display:flex;align-items:center;margin-bottom:10px;font-size:14px;color:#9c27b0}
.ptr-svg a:before{content:attr(aria-label)}
.ptr-svg a svg{height:18px;margin:5px;stroke:#9c27b0!important;fill:none!important}


.ptr-link{margin-left:90px;color:#009ee0;font-size:10px}
.ptr-title{margin-left:90px;color:#aaa;font-size:15px;font-family:Poppins,sans-serif;margin-bottom:10px}
 
 .Logo img{position:absolute;width:70px;border:1px solid var(--link-color);border-radius:20px 0px 20px 20px;padding:5px;transition: box-shadow .2s cubic-bezier(0.4,0,0.2,1) 0s;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.26);
  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.26);}
  
.ptr-title:after{content:"";display:block;height:1px;background-color:#9c27b0;margin-top:10px;animation-name:garis-animasi;animation-duration:2s;animation-iteration-count:infinite}

@keyframes garis-animasi{0%{width:30px}10%{width:150px}100%{width:30px}}

.ptr-dekripsi{color:#555;font-size:13px;}
.ptr-dekripsi:after{content:"";display:block;height:1px;background-color:#9c27b0;margin-top:10px;animation-name:garis-animasi-bawah;animation-duration:2s;animation-iteration-count:infinite}
@keyframes garis-animasi-bawah{0%{width:30px}50%{width:375px}100%{width:30px}}


.tombol-ptr{margin:22px 0 17px 0}
.tombol-ptr a{background-color:#9c27b0;color:#fff;font-size:13px;padding:12px 18px;border-radius:30px 0px 30px 30px}
.tombol-ptr a:hover{color:#fff}

.At-partnerNumber{position:absolute;width:30px;height:30px;background-color:#eee;color:#000;font-family:Poppins,sans-serif;top:8px;right:8px;padding:5px;border-radius:50% 0 50% 50%}
.At-partnerNumber .numberPoint{display:flex;font-size:12px;justify-content:center;margin-top:-2px}
  
.Label-1{line-height:1.9em;position:relative;padding:0 0 0 0;list-style:none;font-size:10px;color:#000;display:flex;flex-wrap:wrap;gap:20px 10px}
.Label-1 li{margin-right:10px;border-radius:10px 0px 10px 0px;border:1px solid #9c27b0;padding:5px;line-height:1.5em;white-space:nowrap}
  /*dark mode*/
  .darMode .Label-1 .li {background-color:var(--li-cilor)}
.darkMode .ptr {background-color:var(--link-color);box-shadow: 0 0px 5px 0 var(--link-color)}
 .darkMode .ptr{background-color:var(----dark-bg)}
.darkMode .ptr-link{color:var(--darkTalt)}
.darkMode .ptr-title,.darkMode .ptr-dekripsi{color:var(--darkT)}
.darkMode .ptrNumber{background-color:var(--darkBsec);color:var(--darkTalt)}

</style>

<!--[ptr 1]-->
<div class="ptr">
<div class="At-partnerNumber">
    <span class="numberPoint">1</span>
  </div>
<div class="Logo">
<img alt="Alfatechnesia" src="https://1.bp.blogspot.com/-xf9rToFd2HY/YSyBOZHfl5I/AAAAAAAAAfE/aay5TuRaqngECDCf7XOiNGonCnnxSHjXQCLcBGAsYHQ/s1280/20210830_145621.jpg" />
  </div>
  <div class="ptr-link">www.alfatechnesia.my.id</div>
  <div class="ptr-title">Alfatechnesia</div>
  <div class="ptr-dekripsi">Alfatechnesia adalah Blog teknologi,dan informasi berbahasa Indonesia yang membahas tentang Tutorial, Blogger,game,info,Tutorial blogger.dan masih banyak lagi.</div>
  <ul class="Label-1">
<li>Blogger</li>
<li>Tutorial</li> 
<li>Android</li>
</ul>
<div class='ptr-svg'>
<a aria-label='kunjungi blog' href='www.alfatechnesia.my.id'target='_blank'><svg xmlns='http://www.w3.org/2000/svg' class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line x1='6.7743' y1='15.7501' x2='6.7743' y2='0.7501'></line><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'></path></g></svg></a>
</div>
</div>

      <!--[ptr 2]-->
<div class="ptr">
<div class="At-partnerNumber">
    <span class="numberPoint">2</span>
  </div>
<div class="Logo">
<img alt="Alfatechnesia" src="https://1.bp.blogspot.com/-xf9rToFd2HY/YSyBOZHfl5I/AAAAAAAAAfE/aay5TuRaqngECDCf7XOiNGonCnnxSHjXQCLcBGAsYHQ/s1280/20210830_145621.jpg" />
  </div>
  <div class="ptr-link">www.alfatechnesia.my.id</div>
  <div class="ptr-title">Alfatechnesia</div>
  <div class="ptr-dekripsi">Alfatechnesia adalah Blog teknologi,dan informasi berbahasa Indonesia yang membahas tentang Tutorial, Blogger,game,info,Tutorial blogger.dan masih banyak lagi.</div>
  <ul class="Label-1">
<li>Blogger</li>
<li>Tutorial</li> 
<li>Android</li>
</ul>
<div class='ptr-svg'>
<a aria-label='kunjungi blog' href='www.alfatechnesia.my.id'target='_blank'><svg xmlns='http://www.w3.org/2000/svg' class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line x1='6.7743' y1='15.7501' x2='6.7743' y2='0.7501'></line><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'></path></g></svg></a>
</div>
</div>
  • ubah teks yang sudah ditandai
  • klik publikasikan dan lihat hasilnya

Sekian tutorial kaliini semoga bermanfaat,jika ada kesulita saat memasang widget silakan tanyakan di kolom komentar atau di grup telegram kami

sumber kode:
https://blog.choipanwendy.com/2021/08/membuat-halaman-partner-di-blogger.html

Baca juga :
Utamakan ngopi pagi hari,, karna hidup butuh inspirasi bukan caci maki... | Blogger | pelajar | Yo..|

1 komentar

  1. Test
© Alfatechnesia. All rights reserved. Distributed by zidarma