Saturday, April 6, 2019

Cara Membuat Navigation Bar Sendiri di Blog Yang Sangat Menarik dan Sederhana Sekali

Kali ini Admin akan membagikan Cara Membuat Navigation Bar Sendiri di Blog Yang Sangat Menarik dan Sederhana Sekali. Simak langkah berikut ini.
Cara Membuat Navigation Bar Sendiri di Blog Yang Sangat Mernarik dan Sederhana Sekali
1. Login Blogger kalian.
2. Silahkan masuk pada edut html template kalian.
3. Copas (copy - paste) code di bawah ini tepat di atas code </head>.
<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #22313F;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #000;
}

.active {
  background-color: #1E824C;
}
</style>
Silahkan kreasikan sesuai dengan keinginan kalian misal, ukuran dan warna.
4. Silahkan masuk pada menu layout atau tata letak template kalian.
5. Silahkan pilih widget yang ingin diberi Navigation Bar, biasanya dibawah header dan klik Tambahkan Gadget, lalu pilih HTML/JavaScript.
6. Copas (copy - paste) code di bawah ini pada HTML/JavaScript yang telah dibuka tadi.
<ul>
  <li><a class="active" href="#">Home</a></li>
  <li><a href="#">About me</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">Privacy Policy</a></li>
</ul>
# ganti dengan link yang ingin kalian tujukan Note: untuk home silahkan ganti # dengan URL Blog kalian.

Demikianlah Cara Membuat Navigation Bar Sendiri di Blog Yang Sangat Menarik dan Sederhana Sekali. Cukup simple bukan?
Semoga kalian berhasil melakukanya dan semoga rejeki kalian semakin bertambah Amin.
Demo bisa kalian coba sendiri code di atas disini
Pencarian Terkait:...
  • Cara Membuat Navigation Bar Sendiri di Blog Yang Sangat Menarik dan Sederhana Sekali
  • Cara Membuat Menu CSS Dropdown Sederhana - Hostinger
  • 15 Cara Desain Blog Agar Tampil Keren dan Menarik - Niagahoster
  • Cara Membuat Menu Dropdown Sederhana - Nyekrip
  • Cara Mudah Membuat Menu Navigasi Keren Tanpa Edit HTML | Tips ...
  • Cara membuat Navigation Bar responsif pada blogger ( widget + ...
  • Membuat Navbar pada HTML dan CSS - CodePolitan.com
  • Cara Mendesain Blog Agar Keren dan Menarik - TULISAN WORTEL
  • Cara Membuat Menu Navigasi Blog Horizontal Sederhana - Dua Rupa

BACA SELENGKAPNYA

Cara Merubah Tampilan Warna Link Menjadi Lebih Menarik di Semua Halaman Blog

kali ini Admin akan membagikan Cara Merubah Tampilan Warna Link Menjadi Lebih Menarik di Semua Halaman Blog. Langsung saja simak langkah berikut ini.
Cara Merubah Tampilan Warna Link Menjadi Lebih Menarik di Semua Halaman Blog
1. Login blogger kalian.
2. Masuk pada menu edit HTML di template kalian.
3. Copas (copy - paste) code di bawah ini dan letakan di atas code </head>.
<style>
/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}
</style>
  • link merupakan warna link ketika tidak dikunjungi.
  • visited merupakan warna link ketika aktif dan dapat dikunjungi.
  • hover merupakan warna link ketika cursor berada di link.
  • active merupakan warna link ketika link di tekan atau di klik.
Untuk soal warna silahkan kreasikan sesuai keinginan kalian. Semoga artikel di atas bermanfaat dan semoga rejeki kalian semakin lancar saja. Amin.
Pencarian Terkait:...
  • Cara Merubah Tampilan Warna Link Menjadi Lebih Menarik di Semua Halaman Blog
  • Cara - Book Your Base Camp
  • Cara membuat Blog Menarik dan Keren (Mempercantik Tampilan...
  • Cara Mengubah Facebook ke Tampilan Keren Terbaru 2013 |...
  • Cara Membuat Blog yang Menarik, Keren dan Banyak Pengunjung ~ Nol...
  • Tips Membuat Tampilan Blog Lebih Menarik - KARYA BERCERITA
  • Cara Mengubah Warna Latar Dan Tautan Twitter
  • Cara Membuat Tampilan Home Blog yang Unik - An-Inf0 Computer...
  • mempercantik tampilan wordpress | Ahmad Bojan's Blog

BACA SELENGKAPNYA

Tingkatkan Tampilan Tabel di Halaman Blogmu Menjadi Menarik dan Responsive

Kali ini Admin akan membagikan Cara Membuat Tampilan Table di Halaman Blog Kalian Menjadi Menarik.
Tingkatkan Tampilan Tabel di Halaman Blogmu Menjadi Menarik dan Responsive
Manfaat dari cara ini adalah sebagai berikut:
1. Tampilan menjadi menarik.
2. Tampilan table kalian menjadi responsive.
3. Tampilan halaman kalian menjadi rapi.
4. Terdapat inovasi warna yang membuat mata menjadi nyaman.
5. Tampilan menjadi nyaman dilihat.

Simak langkah berikut ini:
1. Login blogger kalian.
2. Masuk menu edit html pada template kalian.
3. copas (copy - paste) code di bawah ini tepat di atas code </head>.
<style>
#tbl {
  border-collapse: collapse;
  width: 100%;
}

#tbl td, #tbl th {
  border: 1px solid #ddd;
  padding: 8px;
}

#tbl tr:nth-child(even){background-color: #f2f2f2;}

#tbl tr:hover {background-color: #ddd;}

#tbl th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #1E824C;
  color: white;
}
</style>
  • tbl merupakan code pemanggil dari style atau css dari table.
  • th merupakan code pemanggil dari style atau css dari judul table.
  • td merupakan code pemanggil dari style atau css dari isi table.
Note: untuk ukuran, warna, dll silahkan untuk di kreasikan sesuai keinginan kalian.
4. Cara menampilkan code diatas, silahkan tinggal memanggilnya dengan class, seperti contoh code di bawah ini.
<table id="tbl">
  <tr>
    <th>Name</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Gary C. Harper</td>
    <td>573-461-2148</td>
    <td>United State</td>
  </tr>
  <tr>
    <td>Kimberly B. Thornton</td>
    <td>040 231 7605</td>
    <td>Finland</td>
  </tr>
  <tr>
    <td>Jeffrey H. Betancourt</td>
    <td>61-18-54-07</td>
    <td>Denmark</td>
  </tr>
  <tr>
    <td>Geraldine J. Washburn</td>
    <td>0492 30 82 49</td>
    <td>Belgium</td>
  </tr>
  <tr>
    <td>Paul G. Jones</td>
    <td>(62) 2415-4785</td>
    <td>Brazil</td>
  </tr>
  <tr>
    <td>David E. Ainsworth</td>
    <td>678 0694</td>
    <td>Estonia</td>
  </tr>
  <tr>
    <td>Łucja Sokołowska</td>
    <td>21 243 424 5000</td>
    <td>Portugal</td>
  </tr>
  <tr>
    <td>Gary C. Fox</td>
    <td>31 57 73</td>
    <td>Greenland</td>
  </tr>
  <tr>
    <td>Ragnheiður Gunnlaugsdóttir</td>
    <td>474 2017</td>
    <td>Iceland</td>
  </tr>
  <tr>
    <td>Caroline Mercier</td>
    <td>02.70.10.61.51</td>
    <td>France</td>
  </tr>
</table>
Note: code di atas harus di letakan di mode html ketika ingin mempostingan suatu artikel atau apapun yang ingin dipost di halaman blog maupun website kalian.
Demikian Meningkatkan Tampilan Tabel di Halaman Blogmu Menjadi Menarik dan Responsive. Semoga bermanfaat, semoga berhasil dan semoga tambah rejekinnya Amin.
Demo silahakn cek di bawah ini
Name Contact Country
Gary C. Harper 573-461-2148 United State
Kimberly B. Thornton 040 231 7605 Finland
Jeffrey H. Betancourt 61-18-54-07 Denmark
Geraldine J. Washburn 0492 30 82 49 Belgium
Paul G. Jones (62) 2415-4785 Brazil
David E. Ainsworth 678 0694 Estonia
Łucja Sokołowska 21 243 424 5000 Portugal
Gary C. Fox 31 57 73 Greenland
Ragnheiður Gunnlaugsdóttir 474 2017 Iceland
Caroline Mercier 02.70.10.61.51 France
Pencarian Terkait:...
  • Tingkatkan Tampilan Tabel di Halaman Blogmu Menjadi Menarik dan Responsive
  • Membuat Tabel Responsive Dengan CSS
  • Cara Membuat Tabel Responsive di Postingan Blog - Cara Manual
  • Membuat Tabel Menjadi Menarik di HTML - seputarti.com
  • Cara Membuat Blog yang Menarik, Keren dan Banyak Pengunjung ~ Nol...
  • Eroni Artikel: Membuat Tabel HTML Responsive dengan CSS di Blog
  • Cara Membuat Tabel Keren Responsive Seperti Jalan Tikus Di Blog
  • Cara Membuat Tabel Responsive Dengan CSS dan HTML – Jurnal Web
  • Cara Membuat Tabel di WordPress dengan TablePress - Niagahoster...

BACA SELENGKAPNYA

Cara Membuat Auto Reload Halaman Blogspot Untuk Meningkatkan Trafic Blog Secara Instan

Kali ini Admin akan membagikan Cara Membuat Auto Reload Halaman Blogspot Untuk Meningkatkan Trafic Blog Secara Instan.
Cara Membuat Auto Reload Halaman Blogspot Untuk Meningkatkan Trafic Blog Secara Instan

Bagaimanakah caranya membuat auto reload halaman?

Simak Berikut langkah-langkah Cara Membuat Auto Reload Halaman Blogspot Untuk Meningkatkan Trafic Blog Secara Instan di bawah ini.

1. Login Blogger kalian
2. Masuk dalam menu edit HTML template
3. Copas (copy - paste) code dibawah ini tepat dibawah code <head>.
<meta content='100' http-equiv='refresh'/>
Perhatikan angka 100 yang ditandai dengan warna merah pada code di atas. Angka tersebut merupakan waktu dimana halaman akan direload atau direfresh. Agnka 100 berarti 10 Detik halaman akan direload. Jadi sesuaikan dengan keinginan kalian.

Note: Usahakan jangan terlalu cepat untuk menyetting waktunya, karena google akan mendetek aktifitas yang mencurigakan pada halaman kalian atau halaman anda dianggap spam oleh google. Selain itu juga, kenyamanan pengunjung juga diperhitungkan disini. Bayangkan jika kalian sedang berkunjung disuatu halaman blog maupun website orang lain, lalu tiba" halaman reload, pasti pengunjung akan mencari tulisan yang terakhir dibacanya. Kan merepotkan juga, jadi lebih baik setting waktu reload atau refreshnya mulai dari 6 detik (60) sampai 10 detik (100).

Demikianlah Cara Membuat Auto Reload Halaman Blogspot Untuk Meningkatkan Trafic Blog Secara Instan, semoga bermanfaat dan terima kasih sudah berkunjung. Semoga kalian sehat selalu dan murah rejeki. AMIN.
Pencarian Terkait:...
  • Cara Membuat Auto Reload Halaman Blogspot Untuk Meningkatkan Trafic Blog Secara Instan
  • Cara buat browser muat ulang halaman situs secara otomatis
  • Membuat Auto Refresh pada Halaman Blog
  • Cara Memasang Fitur Auto Refresh Halaman Blog
  • Auto Refresh Halaman Web
  • Script auto Refresh div
  • Cara Refresh Otomatis Halaman Web dengan Meta Tag
  • [Contoh] PHP, MySQL, JQuery Form Posting, Tanpa Autorefresh
  • Script Auto Refresh Blogspot dan Wordpress Berikut Cara

BACA SELENGKAPNYA

Friday, April 5, 2019

Begini Cara Sangat Simple, Sederhana dan Mudah Membuat CSS Tombol Yang Sangat Keren

Kali ini Admin akan membagikan Cara Sangat Simple, Sederhana dan Mudah Membuat CSS Tombol Yang Sangat Keren. Dengan adanya berbagai variasi warna pada tombol yang kalian tampilkan di halaman blog maupun website kalian, menjadikan suatu alasan untuk menarik perhatikan pengunjung untuk nyaman berada di blog maupun website kalian. Maka kalian perlu sedikit memoles code style yang berada pada script style di edit html template kalian. Bagaimana caranya? simak langkah-langkah berikut ini.
Begini Cara Sangat Simple, Sederhana dan Mudah Membuat CSS Tombol Yang Sangat Keren
1. Login blogger kalian.
2. Buka edit html pada template kalian.
3. Copas (copy - paste) code di bawah ini tepat di atas code </head> pada edit html. Note: untuk mempercepat pencarian, gunakan fungsi CTRL+F pada keyboard kalian dan ketikan </head> lalu enter.
<style>
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */
</style>
  • background-color Merupakan warna background dari tombol, silahkan ganti dan sesuaikan dengan keinginan kalian.
  • border merupakan warna dari outline dari tombol atau warna tepi dari tombol, sesuaikan dengan keinginan kalian.
  • color merupakan warna dari text yang ada pada tombol, silahkan ganti dan sesuaikan dengan keinginan kalian.
  • padding merupakan ukuran spasi antara text dengan tombol, sesuaikan dengan keinginan kalian.
  • text-align merupakan tata letak dari tombol berada, sesuaikan dengan keinginan kalian.
  • text-decoration merupakan warna dengan nuansa dekorasi, sesuaikan dengan keinginan kalian.
  • display merupakan property untuk mengubah ukuran tombol, biarkan begitu saja.
  • font-size merupakan ukuran besar kecilnya font pada text didalam tombol, sesuaikan dengan keinginan kalian.
  • margin merupakan ukuran spasi antara tombol dengan data body, sesuaikan dengan keinginan kalian.
  • cursor merupakan suatu property yang dimana jika cursor diarahkan ke tombol, cursor akan berubah pointer.
Silahkan cek DEMO di bawah ini untuk code CSS diatas.
HtmlButton
<button class="button">Hijau</button>
<button class="button button2">Biru</button>
<button class="button button3">Merah</button>
<button class="button button4">Abu-abu</button>
<button class="button button5">Hitam</button>
Semoga Tips di atas bermanfaat bagi kalian dan semoga kalian sukses banyak rejekinya, AMIN. Terima kasih atas Apresiasinya.
Pencarian Terkait:...
  • Begini Cara Sangat Simple, Sederhana dan Mudah Membuat CSS Tombol Yang Sangat Keren
  • Membuat Design Tombol Bergaya Flat Dengan CSS
  • Bootstrap Part 4 : Membuat Tombol Dengan Bootstrap
  • Cara Membuat Menu CSS Dropdown Sederhana
  • Cara Membuat Website Sampai Tuntas (Tutorial Buat Pemula 2019)
  • Cara Mendesain Blog Agar Keren dan Menarik
  • Cara Membuat Sitemap SEO Keren di Blogspot
  • CARA MEMBUAT WEBSITE UNTUK PEMULA TERLENGKAP
  • Cara Membuat Form Login Dengan PHP MySQL

BACA SELENGKAPNYA

Cara Menggunakan Font Awesome Secara Gratis dengan Script Stylesheet

Kali ini Admin akan membagikan Cara Menggunakan Font Awesome Secara Gratis dengan Script Stylesheet. manfaat yang didapatkan dari Font Awesome adalah kalian dapat menggunakan banyak icon disana dengan cara memanfaatkan suatu code yang dipanggil dari style css yang Font Awesome telah sediakan. Kalian inginkan Tombol Download, atau Tombol Play menjadi menarik, dengan Font Awesome apa yang kalian perlukan pasti ada disana khususnya untuk icon-icon menarik yang telah disediakan. berikut simak caranya.
Cara Menggunakan Font Awesome Secara Gratis dengan Script Stylesheet
Silahkan ikuti langkah-langkah berikut Agar style icon atau code script dapat berfungsi.
1. Login blogger kalian.
2. Masuk dalam menu edit html template kalian.
3. cari code <head> dengan cara tekan CTRL + F pada keyboard kalian untuk mencarinya.
4. Setelah menemukan code tersebut, silahkan copas (copy - paste) code di bawah ini persis dibawah code <head>.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
5. Lalu simpan template.

Kali ini yang perlu kalian lakukan adalah sering-seringlah berkunjung di halaman website icon font awesome disini. Di halaman tersebut terdapat banyak code untuk memanggil gambar atau icon-icon yang kalian perlukan, salah satu contoh icon yang sering digunakan oleh para pakar blogger adalah seperti berikut.

| Icon Download | <i class="fa fa-download"></i>
| Icon Play | <i class="fa fa-play"></i>

begitu pula icon-icon yang hampir mirip dengan code di atas juga ada, contoh seperti berikut.

| Icon Download | <i class="fa fa-arrow-alt-circle-down"></i>
| Icon Play | <i class="fa fa-play-circle"></i>
Semoga cara di atas bermanfaat bagi kalian. Saya doakan semoga kalian sukses banyak rejeki amin.
Saya yakin kali ini tidak ada komentar yang berkaitan dengan kesulitan untuk membuat icon dari font awesome!
Pencarian Terkait:...
  • Font Awesome - Official Site
  • Cara Menggunakan Font Awesome Secara Gratis dengan Script Stylesheet
  • Font Awesome, the iconic font and CSS toolkit
  • GitHub - FortAwesome/Font-Awesome: The iconic SVG, font, and CSS
  • Font Awesome
  • Font Awesome Intro - W3Schools Online Web Tutorials
  • Font Awesome +365 free icons (SVG, EPS, PSD, PNG files)
  • Font Awesome - Free downloads and reviews - CNET Download.com
  • Font Awesome Font Free by Dave Gandy » Font Squirrel

BACA SELENGKAPNYA

Cara Sederhana Membuat Parse [HTML, javascript,PHP,dll] pada Halaman Blog Sendiri

Kali ini Admin akan membagikan Cara Sederhana Membuat Parse [HTML, javascript,PHP,dll] pada Halaman Blog Sendiri. manfaat dari cara ini adalah kita tidak perlu lagi mencari website-website yang menyediakan script untuk menjalankan atau mengganti code html atau javascript untuk di rubah atau di parse.
Cara Sederhana Membuat Parse [HTML, javascript,PHP,dll] pada Halaman Blog Sendiri
Biasanya atau bahkan sering kali, parse difungsikan sebagai pengubah code script unit iklan dari Google AdSense, dengan begitu kita dapat meletakan hasil parse tersebut di dalam edit html template kalian. Tanpa banyak bicara, mari simak berikut ini.

Cara Sederhana Membuat Parse [HTML, javascript,PHP,dll] pada Halaman Blog Sendiri

Carany cukup sederhana sekali, ikuti langkah berikut:
1. Login ke blogger kalian.
2. Buatlah halaman baru di menu halaman.
3. Beri judul apa saja, Admin menyarankan yang simple saja misal, Parse
4. Copas (copy - paste) di halaman yang akan kalian buat di mode html. Note: bukan mode compose.
<center>
Ketikkan / Paste Script Kode HTML kedalam Bidang Kotak dibawah ini
Kemudian klik tombol "Parse Script"</center>
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/'/ig, "&#039;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script>
<table style="margin: 0 auto;"><tbody>
<tr><td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 0px solid rgb(204, 204, 204); height: 300px; width: 100%;"></textarea>
<center>

<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></center>
</td></tr>
</tbody></table>
5. Publikasikan hasil copas (copy - paste) code di atas.

Selamat kalian telah berhasil membuat halaman parse sendiri dihalaman blog kalian sendiri loh... coba silahkan sekarang kalian cek halaman yang baru di buat tadi.
Saya yakin tidak akan ada komentar soal kesulitan dalam cara ini!
Pencarian Terkait:...
  • Cara Sederhana Membuat Parse [HTML, javascript,PHP,dll] pada Halaman Blog Sendiri
  • Cara Membuat Halaman Parse HTML Converter di Blog
  • Cara Membuat Alat Parse HTML Di Blog
  • Cara Mudah Membuat Halaman Parse Script Sendiri di Blog
  • Cara Membuat Halaman Parse HTML di Blogspot
  • Cara Membuat Halaman Parse HTML Pada Blog
  • Cara Membuat Tempat Parse HTML Di Blog
  • Cara Membuat Tools Parse [HTML,javascript] di Halaman Blog
  • Cara Membuat Tools Converter HTML ( Parse ) Di Halaman Blog

BACA SELENGKAPNYA

Cara Membuat Safelink di Blog Safelink Sangat Super Duper Sederhana Sekali - Random Template

Cara Membuat Safelink di Blog Safelink Sangat Super Duper Sederhana Sekali - Random Template
Kali ini Admin akan membagikan Cara Membuat Safelink di Blog Safelink Sangat Super Duper Sederhana Sekali - Random Template. tetapi sebenarnya pembahasan ini hampir sama dengan Cara Membuat Safelink di Blog Utama Sangat Super Duper Sederhana Sekali - Random Template pada artikel sebelumnya, bisa kalian cek disini

Saya tidak ingin membahas terlalu panjang lebar, karena artikel ini atau cara yang saya bagikan ini tidak jauh berbeda caranya dengan cara sebelumnya seperti yang saya katakan di atas. Maka dari itu bagi yang belum melihat postingan artikel saya, silahkan terlebih dahulu ikuti langkah-langkahnya pada artikel sebelumnya.

Yang membedakan antara cara ini dengan cara sebelumnya adalah cara ini digunakan di Blog safelink bukan blog utama, dengan demikian, ketika link tujuan dari blog utama di klik maka link ditujukan ke blog safelink yang dimana blog safelink tersebut difungsikan untuk peralihan link aslinya dan dapat dijadikan pendapatan online, terutama bagi kalian yang memiliki Blog maupun website yang yang sudah bergabung dengan Platform Google AdSense. Oke tanpa panjang lebar, mari simak berikut ini.

Saya mulai dari mana ya, bingung. hehehe, malas ngetiknya. Saya akan berusahan agar kalian tidak bingung.

1. Oke yang pertama silahkan siapkan Template untuk Blog Safelinknya, gunakan Template yang ringan atau yang support dengan kebijakan iklan google adsense. Note: beratpun tidak masalah, akan tetapi kekuranganya adalah ketika halaman diload, iklan akan sulit untuk tampil, karena template terlalu banyak script yang diload, yang mengakibatkan halaman berat untuk diload.

2. Pastikan kalian sudah mengikuti langkah 1 sampai 5 dari postingan Admin sebelumnya disini. Note: gunakan langkah 1 sampai 5 di Blog Utama atau Blog Download kalian.

3. Disilah sangat terlihat perbedaan cara ini dengan cara sebelumnya yakni copas (copy - paste) code di bawah ini di atas code </body> pada edit html blog safelink kalian. Note: bukan blog utama atau blog download kalian.
<script src='URL JAVASCRIPT' type='text/javascript'/>
  • URL JAVASCRIPT ganti dengan URL javascript yang telah kalian buat tadi.
  • protected_links ganti URL website dengan website yang tidak ingin ditujukan ke safelink terlebih dahulu, jadi ketika terdapat link yang menuju pada URL protected_links, tidak akan melewati safelink.
Semoga halaman ini bermanfaat bagi kalian dan semoga berhasil. Good Luck Guys!
Jika masih merasa bingung, manfaatkan kolom komentar yang Admin sediakan di bawah!
DEMO ada Di bawah ini


Pencarian Terkait:...
  • Cara Membuat Safelink Sangat Super Duper Sederhana Sekali Random Template
  • Cara Membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template, tombol-download – kali ini saya akan membagikan cara membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template. Dengan cara ini, semua link eksternal dari blog kalian akan secara otomatis di arahkan ke safelink yang kalian buat. Dengan begini Blog Download kalian akan memberikan kalian rejeki yang berlimpah. hehehehe
  • Cara Membuat Safelink di Blog Utama
  • Cara Membuat Safelink
  • Cara Membuat Safelink Random Post
  • Cara Membuat Safelink Random Template
  • Membuat Safelink Random Post
  • Membuat Safelink Random Template
  • Membuat Safelink di Blog Utama

BACA SELENGKAPNYA

Cara Membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template

Cara Membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template, tombol-download – kali ini saya akan membagikan cara membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template. Dengan cara ini, semua link eksternal dari blog kalian akan secara otomatis di arahkan ke safelink yang kalian buat. Dengan begini Blog Download kalian akan memberikan kalian rejeki yang berlimpah. hehehehe
Cara Membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template
Kelebihan dari cara yang akan saya bagikan ini adalah:
  • Dapat digunakan di blog/website utama.
  • Dapat digunakan di blog/website safelink.
Sebelum masuk dalam pembahasan caranya, mari kita sedikit membahas terlebih dahulu apa itu blog utama dan apa itu blog safelink, terkait dengan Cara Membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template?, agar nantinya kalian tidak salah mengartikanya dan agar lebih mempermudah menggunakan cara yang Admin bagikan.

Blog Utama
Blog Utama merupakan suatu laman website yang dimana isinya mengandung unsur download atau tempat pengalihan link yang ingin dituju.
Blog Safelink
Blog Safelink merupakan suatu laman website yang dimana isinya mengandung unsur periklanan untuk pendapatan online salah satu yang paling favorite saat ini adalah Google Adsense. Disinilah Link tujuanya dari Blog Utama akan ditujukan ke link aslinya.
Note: Jika masih belum paham, manfaatkan kolom komentar dibawah!
Seperti yang Admin terangkan di atas bahwa kelebihan cara ini dapat digunakan di blog utama dan di blog safelink. Silahkan Pilih menu dibawah ini sesuai dengan keinginan kalian.

Cara Membuat Safelink di Blog Utama Sangat Super Duper Sederhana Sekali - Random Template
Cara Membuat Safelink di Blog Safelink Sangat Super Duper Sederhana Sekali - Random Template

Pencarian Terkait:...
  • Cara Membuat Safelink Sangat Super Duper Sederhana Sekali Random Template
  • Cara Membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template, tombol-download – kali ini saya akan membagikan cara membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template. Dengan cara ini, semua link eksternal dari blog kalian akan secara otomatis di arahkan ke safelink yang kalian buat. Dengan begini Blog Download kalian akan memberikan kalian rejeki yang berlimpah. hehehehe
  • Cara Membuat Safelink di Blog Utama
  • Cara Membuat Safelink
  • Cara Membuat Safelink Random Post
  • Cara Membuat Safelink Random Template
  • Membuat Safelink Random Post
  • Membuat Safelink Random Template
  • Membuat Safelink di Blog Utama

BACA SELENGKAPNYA

Cara Membuat Safelink di Blog Utama Sangat Super Duper Sederhana Sekali - Random Template

Cara Membuat Safelink di Blog Utama Sangat Super Duper Sederhana Sekali - Random Template
Kali ini Admin akan membagikan Cara Membuat Safelink di Blog Utama Sangat Super Duper Sederhana Sekali - Random Template, simak cara simple berikut ini.
Note: Saya yakin kalian paham jika saya memulainya dari sini tanpa harus dimulai dari login blogger > menu halaman > halaman baru
1. Buatlah halaman/page baru ataupun jika kalian ingin menggunakan postingan sebagai halaman safelink juga bisa. Copas (copy - paste) code dibawah ini di mode html note: bukan compose.
<center>
<a href="#a"><b>Menuju link</b></a>
KODE IKLAN</center>
--- ARTIKEL ---
<center>
<div id="a">
KODE IKLAN</div>
<script type="text/javascript">
//<![CDATA[
function changeLink() {
    var e = Base64.decode(res);
    window.open(e, "_blank")
}
var currentURL = location.href,
    str = currentURL,
    res = str.replace("URL HALAMAN?url=", "");
document.write('<button onclick="changeLink()">Get Link</button>');onload: generate();//]]>
</script>
KODE IKLAN
</center>
--- ARTIKEL ---
  • Menuju Link Merupakan permalink untuk menuju link tujuan yang ada dibawah artikel maupun tengah artikel dengan id="a" (kalian bisa ganti sesuai keinginan kalian) Note: code #a dapat berubah dengan sendirinya atau otomatis ketika kalian berpindah ke mode compose bukan html, jadi usahakan mengedit dengan menggunakan mode html saja.
  • KODE IKLAN ganti dengan kode iklan kalian, bisa bararti link gambar maupun script unit iklan Google AdSense atau script iklan yang lainnya.
  • --- ARTIKEL --- ganti dengan artikel tentang apapun.
  • URL HALAMAN ganti dengan URL halaman safelink, yakni halaman yang berisikan code di atas. Jadi ketika kalian Copas (copy - paste) code di atas di tempat halaman safelink, Publikasikan terlebih dahulu agar kalian dapat mengetahui URL halamanya.
  • Get Link ganti sesuai keinginan kalian, ini merupakan text dari tombol link tujuan.
2. copas (copy - paste) code di bawah ini tepat di atas code </head> di edit html template kalian.
<script type='text/javascript'>
var uri = window.location.toString();
if (uri.indexOf("%3D","%3D") > 0) {
  var clean_uri = uri.substring(0, uri.indexOf("%3D"));
    window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf("%3D%3D","%3D%3D") > 0) {
  var clean_uri = uri.substring(0, uri.indexOf("%3D%3D"));
    window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf("&amp;m=1","&amp;m=1") > 0) {
  var clean_uri = uri.substring(0, uri.indexOf("&amp;m=1"));
    window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf("?m=1","?m=1") > 0) {
  var clean_uri = uri.substring(0, uri.indexOf("?m=1"));
    window.history.replaceState({}, document.title, clean_uri);
}
</script>
Fungsinya agar jika halaman di load atau di buka dengan menggunakan HP maupun berbasis mobile tidak muncul m=1 atau m=0 dibelakang link URL HALAMAN yang telah kalian buat tadi, agar tidak terjadi eror. Bahkan code diatas tidak hanya berfungsi di satu halaman saja, akan tetapi disetiap halaman blog maupun website kalian.

3. copas (copy - paste) code di bawah ini tepat di atas code </head> di edit html template kalian.
<script type='text/javascript'>
var str= window.location.href.toString(); if((str.indexOf(&#39;.com/&#39;))==&#39;-1&#39;) { var str1=str.substring(str.lastIndexOf(&quot;.blogspot.&quot;));if (str1.indexOf(&#39;/&#39;)==&#39;-1&#39;) { var str2=str1; } else { var
str2=str1.substring(0,str1.indexOf(&#39;/&#39;)+1); } window.location.href=window.location.href.toString().replace(str2,&#39;.blogspot.com/ncr/&#39;); }
</script>
Fungsinya agar cara yang Admin bagikan ini dapat memanggil URL tujuan dengan domain blog maupun website kalian dengan .net .com .info .apapun itu, agar tidak hanya berjalan di blogspot saja.

4. Silahkan buat akun di github dan simpan javascript disana dengan copas (copy - paste) code di bawah ini.
var Base64 = {
    _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
    encode: function (input) {
        var output = "";
        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
        var i = 0;
        input = Base64._utf8_encode(input);
        while (i < input.length) { chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2;
            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
            enc4 = chr3 & 63;
            if (isNaN(chr2)) {
                enc3 = enc4 = 64;
            } else if (isNaN(chr3)) {
                enc4 = 64;
            }
            output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
        }
        return output;
    },
    decode: function (input) {
        var output = "";
        var chr1, chr2, chr3;
        var enc1, enc2, enc3, enc4;
        var i = 0;
        input = input.replace(/[^A-Za-z0-9+/=]/g, "");
        while (i < input.length) {
            enc1 = this._keyStr.indexOf(input.charAt(i++));
            enc2 = this._keyStr.indexOf(input.charAt(i++));
            enc3 = this._keyStr.indexOf(input.charAt(i++));
            enc4 = this._keyStr.indexOf(input.charAt(i++));
            chr1 = (enc1 << 2) | (enc2 >> 4);
            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
            chr3 = ((enc3 & 3) << 6) | enc4;
            output = output + String.fromCharCode(chr1);
            if (enc3 != 64) {
                output = output + String.fromCharCode(chr2);
            }
            if (enc4 != 64) {
                output = output + String.fromCharCode(chr3);
            }
        }
        output = Base64._utf8_decode(output);
        return output;
    },
    _utf8_encode: function (string) {
        string = string.replace(/rn/g, "n");
        var utftext = "";
        for (var n = 0; n < string.length; n++) {
            var c = string.charCodeAt(n);
            if (c < 128) { utftext += String.fromCharCode(c); } else if ((c > 127) && (c < 2048)) { utftext += String.fromCharCode((c >> 6) | 192);
                utftext += String.fromCharCode((c & 63) | 128);
            } else {
                utftext += String.fromCharCode((c >> 12) | 224);
                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                utftext += String.fromCharCode((c & 63) | 128);
            }
        }
        return utftext;
    },
    _utf8_decode: function (utftext) {
        var string = "";
        var i = 0;
        var c = c1 = c2 = 0;
        while (i < utftext.length) {
            c = utftext.charCodeAt(i);
            if (c < 128) { string += String.fromCharCode(c); i++; } else if ((c > 191) && (c < 224)) {
                c2 = utftext.charCodeAt(i + 1);
                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                i += 2;
            } else {
                c2 = utftext.charCodeAt(i + 1);
                c3 = utftext.charCodeAt(i + 2);
                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                i += 3;
            }
        }
        return string;
    }
}
var encode = document.getElementById('encode'),
    decode = document.getElementById('decode'),
    output = document.getElementById('output'),
    input = document.getElementById('input');
var User_ID = "";
var protected_links = "";
var a_to_va = 0;
var a_to_vb = 0;
var a_to_vc = "";

function auto_safelink() {
    auto_safeconvert();
}

function auto_safeconvert() {
    var a_to_vd = window.location.hostname;
    if (protected_links != "" && !protected_links.match(a_to_vd)) {
        protected_links += ", " + a_to_vd;
    } else if (protected_links == "") {
        protected_links = a_to_vd;
    }
    var a_to_ve = "";
    var a_to_vf = new Array();
    var a_to_vg = 0;
    a_to_ve = document.getElementsByTagName("a");
    a_to_va = a_to_ve.length;
    a_to_vf = a_to_fa();
    a_to_vg = a_to_vf.length;
    var a_to_vh = false;
    var j = 0;
    var a_to_vi = "";
    for (var i = 0; i < a_to_va; i++) {
        a_to_vh = false;
        j = 0;
        while (a_to_vh == false && j < a_to_vg) {
            a_to_vi = a_to_ve[i].href;
            if (a_to_vi.match(a_to_vf[j]) || !a_to_vi || !a_to_vi.match("http")) {
                a_to_vh = true;
            }
            j++;
        }
        if (a_to_vh == false) {
            var encryptedUrl = Base64.encode(a_to_vi);
            a_to_ve[i].href = "URL HALAMAN?url=" + encryptedUrl;
            a_to_ve[i].rel = "nofollow";
            a_to_vb++;
            a_to_vc += i + ":::" + a_to_ve[i].href + "n";
        }
    }
    var a_to_vj = document.getElementById("anonyminized");
    var a_to_vk = document.getElementById("found_links");
    if (a_to_vj) {
        a_to_vj.innerHTML += a_to_vb;
    }
    if (a_to_vk) {
        a_to_vk.innerHTML += a_to_va;
    }
}

function a_to_fa() {
    var a_to_vf = new Array();
    protected_links = protected_links.replace(" ", "");
    a_to_vf = protected_links.split(",");
    return a_to_vf;
}
Sedikit tutorial di bawah ini untuk membuat javascript di github untuk memperlancar kerja kalian.
  • Lakukan Sign Up di website github disini dengan memasukan Username, Email dan Password. Note: untuk password kata depan gunakan huruf besar.
  • Lakukan verifikasi yang masuk di email yang kalian gunakan untuk mendaftar di github.
  • Lakukan Sign In di website github.
  • Setelah kalian berhasil untuk Login di website github, Buatlah Repositories baru dengan cara klik tombol new disamping tulisan Repositories dengan nama sesuaikan dengan keinginan kalian. Note: jangan lupa untuk mencentang Readme letaknya dibagian bawahnya.
  • Setelah kalian berhasil membuat Repositories baru, sekarang buatlah file javascript dengan code di atas dengan cara, klik Create new file dibagian menu yang ada di Repositories kalian tadi, lalu beri nama sesuai keinginan kalian dengan syarat berikan ekstensi .js, contoh: "safelinkku.js". Note: tanpa tanda petik.
  • Copas (copy - paste) code di atas di halaman yang telah disediakan. Note: Jangan lupa untuk mengganti URL HALAMAN dengan URL halaman safelink yang telah kalian buat tadi.
  • Setelah kalian berhasil copas (copy - paste) code di atas di halaman yang telah disediakan dan telah mengganti URL HALAMAN dengan URL halaman safelink kalian, silahkan klik tombol Commit new file letaknya ada di bawah halaman yang disediakan scroll kebawah temuakn tombol hijau dengan text Commit new file.
  • langkah selanjutnya silahkan masuk ke Repositories yang telah kalian buat tadi dan cari file yang baru dibuat, jika sudah ketemu silahkan copy link file javascript dengan cara klik kanan pada mouse lalu pilih Copy link address.
  • Buka website raw.githack.com disini, lalu paste link yang tadi sudah di copy di kolom Convert Link, letaknya di tengah atas.
  • Copy URL yang telah berhasil di convert oleh raw.githack.com, letaknya ada pada kolom bagian kanan bawah.
  • Selamat, sampai disini kalian telah mendapatkan URL javascript dengan code di atas.
5. Berikut ini adalah langkah terakhir. Silahkan copas (copy - paste) code di bawah ini di atas code </body> di edit html template kalian.
<script src='URL JAVASCRIPT' type='text/javascript'/>
<script type='text/javascript'>
protected_links =&#39;facebook.com,twitter.com,youtube.com,instagram.com,websitekamu.com,websitekamu.blogspot.com&#39;;;
auto_safelink();
</script>
  • URL JAVASCRIPT ganti dengan URL javascript yang telah kalian buat tadi.
  • protected_links ganti URL website dengan website yang tidak ingin ditujukan ke safelink terlebih dahulu, jadi ketika terdapat link yang menuju pada URL protected_links, tidak akan melewati safelink.
Semoga halaman ini bermanfaat bagi kalian dan semoga berhasil. Good Luck Guys!
Jika masih merasa bingung, manfaatkan kolom komentar yang Admin sediakan di bawah!
DEMO ada Di bawah ini


Pencarian Terkait:...
  • Cara Membuat Safelink Sangat Super Duper Sederhana Sekali Random Template
  • Cara Membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template, tombol-download – kali ini saya akan membagikan cara membuat Safelink Sangat Super Duper Sederhana Sekali - Random Template. Dengan cara ini, semua link eksternal dari blog kalian akan secara otomatis di arahkan ke safelink yang kalian buat. Dengan begini Blog Download kalian akan memberikan kalian rejeki yang berlimpah. hehehehe
  • Cara Membuat Safelink di Blog Utama
  • Cara Membuat Safelink
  • Cara Membuat Safelink Random Post
  • Cara Membuat Safelink Random Template
  • Membuat Safelink Random Post
  • Membuat Safelink Random Template
  • Membuat Safelink di Blog Utama

BACA SELENGKAPNYA