Cara Membuat Related Post Pada Blog

BOS TUTORIAL - Cara Membuat Related Post Dengan Gambar. Masih ingat tulisan sebelum postingan ini bukan, yaitu Cara Membuat Related Post Pada Blog. Jangan tanya lagi apa gunanya Related Post atau Artikel Terkait yah (heheheh... canda), soalnya disini sudah dibahas lebih detail. Kita langsung saja ke lokasi (kayak mau kemana aja nih...). Maksudnya langsung membuat tutorialnya, gitu loh....

Beginilah Cara Membuat Related Post Dengan Gambar
1. Tentunya anda harus buka akun blogger anda kawan.
2. Masuk Elemen Template - Lalu Klik Edit HTML
3. Carilah kode ]]></b:skin> (gunakan CTRL + F untuk mempermudah pencarian)
4 Apabila sudah ketemu, copylah kode di bawah ini lalu tempatkan persis di atas kode ]]></b:skin> tadi.

/* Related Post Dengan Tooltips Membuat Blog Keren --- */
.related-post .post-thumbnail {
z-index: 1; position: relative;
width: 100px;
height: 100px;
margin: 0; display: block;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 2px 2px 5px #444;
-moz-box-shadow: inset 2px 2px 5px #444;
box-shadow: inset 2px 2px 5px #555;
}
.related-post {
float: left; position: relative;
width: 108px;
height: 108px;
margin: 0 10px 10px 0;
background: #F6F6F6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.related-post .related-post-title {
display: none;float: left; background: #00B366;
color: #fff;
text-shadow: none;
font-weight: bold;
padding: 10px;
position: absolute;
top: -20px;
left: 40px;
z-index: 2;
width: 200px;
-webkit-box-shadow: 0 0 2px #444;
-moz-box-shadow: 0 0 2px #444;
box-shadow: 0 0 2px #444;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.related-post:hover .related-post-title {display: block;}

5. Jangan beranjank dulu, masih ada yang harus di cari. Lihat kode selanjutnya di bawah ini, lalu cari kode <div class='post-footer-line post-footer-line-1'/> atau <div class='post-footer-line post-footer-line-2'/> (gunakan CTRL + F untuk mempermudah pencarian)

6. Apabila sudah ketemu dan anda yakin, copy kode di bawah ini dan pastekan tepat di bawah kode <div class='post-footer-line post-footer-line-1'/> atau <div class='post-footer-line post-footer-line-2'/>

<div id='related-posts'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>//<![CDATA[
var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs5FcQGtJAF8u5ni_5i4aSvvaJGrx1IMDyxe6o6TSureZe0kaAUq16366dUDn3WAsCoIrpTQrKLY5d28MvKNCoNR0H9JWQvd-jPxtwwm9SiYgJbQnt8N9j_tC-STkjQXLCc_Tnn9OLpbKj/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]></script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
</b:if>
</div>
<div class='clear'/>

7. Selesai
8. Simpan template blog anda kawan.

Catatan Yang harus anda perhatikan.

• maxresults=5 adalah jumlah artikel yang anda tapilkan pada Related Post. Silahkan anda tambahi atau kurangi sesuai keingan anda.
• 100px adalah ukuran gambar, baik tinggi maupun lebarnya. Silahkan anda ganti bila anda ingin memperkecil atau memperbesarnya.
• Tulisan Related Post silahkan anda ganti dengan sesuka anda, misalnya jadi Artikel Terkait, atau Mungkin Ini Anda suka" dan lain-lain sesuka anda.
• Bila gagal, coba ulangi lagi perlahan-lahan. Biasanya sih bisa.

Dah cuma segitu, tutorial mengenai Cara Membuat Related Post Dengan Gambar. Silahkan di coba yah. Semoga bermanfaat. Bila anda kendala silahkan bertanya di kolom komentar. Dan Salam Blogger.

---

Sumber

bos-tutorial 

Tested oleh Yanuabialwi pada blog sesehatan.blogspot.com

dengan perubahan penempatan script ke dua di atas

<b:includable id='postQuickEdit' var='post'>

Buat Sendiri Vi*gra Alami dari Semangka!

Menurut peneliti dari Universitas Texas A&M, AS, menyimpulkan sitrulin, kandungan rahasia dalam buah semangka berkhasia membuat pembuluh darah menjadi relaks. Sehingga memperlancar aliran darah, dan otomatis berdampak pada performa ‘junior’. Efek yang sama jika pria mengonsumsi Vi*gra .

Dr. Bhimu Patel, kepala peneliti menjabarkan, sitrulin yang masuk ke tubuh berubah menjadi asam amino bernama arginine. Asam amino ini mampu meningkatkan antioksidan, dan melancarkan aliran darah, yang berperan pada kemampuan ereksi pada pria. Bedanya dari Vi*gra, kandungan ini tanpa efek samping, sekaligus menyehatkan tubuh.

Namun, penelitian ini masih ada kontroversi. Menurut Penelope Perkins-Veazie, Peneliti dari Department of Agriculture, jika ingin mendapatkan jumlah kandungan sitrulin untuk meningkatkan tingkat arginin dalam tubuh, Anda harus mengonsumsi enam gelas jus semangka, tanpa tambahan air dan gula.

Tapi, kondisi ini juga bisa menyebabkan masalah baru. Karena kandungan semangka bersifat diuretik, bagi  yang mengonsumsi 6 gelas jus, tentu akan sering buang air kecil. Belum lagi, kandungan gula yang tinggi dalam semangka dapat menyebabkan kram pada tubuh. Karena itu, metode ini tidak disarankan pada pengidap diabetes.

Tapi bagaimana pun, selain rasanya yang manis dan menyegarkan semangka juga sebagai gudang vitamin dan kaya akan antioksidan. Buah kaya air ini mempunyai kandungan vitamin A yang cukup baik. Konsumsi 100 gram vitamin A cukup untuk memenuhi 11,1 persen kebutuhan tubuh akan vitamin A.

Selain itu, menurut The George Mateljan Foundation, kandungan vitamin C pada semangka termasuk dalam kategori sempurna. Kombinasi dua vitamin tersebut membuat semangka dapat menjadi sumber antioksidan sangat baik.

Semangka juga kaya vitamin B kompleks yang sangat diperlukan untuk produksi energi. Kandungan airnya yang tinggi juga menyebabkan semangka sebagai buah pelepas dahaga.

Warna merah pada semangka menandakan tingginya kadar likopen, salah satu komponen karotenoid seperti halnya betakaroten.
Likopen juga dilaporkan dapat mengatasi kanker lambung yang disebabkan oleh infeksi Helicobacter pylori. Kehadiran likopen sangat bermanfaat untuk menghambat oksidasi yang disebabkan oleh bakteri tersebut.

Selain itu, likopen juga dapat memperbaiki sel-sel yang telah mengalami kerusakan. Sebagai senyawa fitokimia, likopen tidak memlliki sifat toksik, sehingga aman dikonsumsi tanpa menimbulkan efek samping.

Dalam suatu percobaan yang dilakukan All India Institute of Sciences New Delhi pada 30 orang pria tidak subur berusia 23-45 tahun yang diberi 20 mg likopen dua kali sehari selama 3 bulan, menunjukkan peningkatan jumlah sperma, perbaikan struktur sperma, dan peningkatan pergerakan sperma.

Membuat Vi*gra Semangka

---

Sumber

viva

Lakukan 6 hal ini setiap hari untuk dapatkan perut rata!

Well, siapa yang tak mendambakan perut rata dan kencang, khususnya bagi kaum Hawa. Untuk bisa mendapatkannya, tentunya ada beberapa hal yang perlu kita lakukan. Nah, berikut adalah enam hal yang perlu kita lakukan setiap hari untuk mendapatkan perut rata dan kencang, seperti dilansir Health.com.

Step 1 Sarapan oatmeal

Pertama, ganti nasi dengan oatmeal saat sarapan. Makanan ini kaya serat dan dapat membuat Anda kenyang lebih lama. Anda juga bisa menambahkan susu skim atau buah ke dalam oatmeal untuk meningkatkan rasanya.

Step 2 Minum teh hijau

Penelitian menunjukkan bahwa orang yang minum 2 cangkir (atau lebih) teh hijau per hari dapat melunturkan lemak perut enam kali lebih banyak dibanding mereka yang tidak minum. Menurut para peneliti, catechin, senyawa yang ditemukan dalam teh hijau, dapat membantu membakar lebih banyak lemak di tubuh.

Step 3 Jalan kaki

Peneliti dari University of Virginia menemukan bahwa wanita yang rutin berjalan 30 menit sehari dapat membakar lemak perut enam kali lebih banyak dibanding mereka yang hanya berjalan lima hari seminggu.

Step 4 Makan yogurt

Produk susu membantu Anda mempertahankan otot dan menyimpan sedikit lemak di tubuh. Peneliti dari University of Tennessee menemukan bahwa orang yang makan 6 ons yogurt bebas lemak sehari dapat membakar lemak perut 81 persen lebih banyak dibanding mereka yang hanya mengurangi asupan kalori. Dengan meningkatkan asupan kalsium, Anda bisa menekan calcitriol, hormon yang mendorong tubuh untuk menimbun lemak.

Step 5 Tertawa

Sebelum makan malam, sisihkan lima menit untuk menyegarkan pikiran Anda. Singkirkan gadget atau apa pun yang dapat mengganggu konsentrasi Anda. Bermeditasilah sejenak untuk mengurangi stres Anda. Mengapa? Karena makan dapat memicu insulin, dan stres bisa meningkatkan kortisol. Mereka berdua bisa "bekerja sama" untuk menyimpan kalori dalam bentuk lemak perut.

Step 6 Makan malam yang sehat

Untuk mencegah penumpukan lemak di perut, konsumsi makanan yang sehat, yang berisi biji-bijian, salmon, bayam, dan sayuran. Makanan tinggi serat dapat memperlancar pencernaan dan mengurangi sembelit.

Inilah enam hal yang harus Anda lakukan setiap hari untuk mendapatkan perut rata. Selamat mencoba!

---

Sumber
Merdeka

Cara Membuat Auto Read More Sendiri di Blog Terbaru

Cara membuat auto read more. Read more yang berfungsi untuk mempersingkat tampilan posting di halaman awal blog. Read more ini berbeda dengan Read More Versi Blogger, yang harus di lakukan secara manual, read more ini otomatis. Jadi tidak perlu lagi menggunakan insert jump break. Untuk lebih jelasnya silakan lihat gambar dibawah ini.

Dari gambar diatas, read more dilengkapi dengan tampilan gambar dari salah satu halaman posting, posisi gambar disebelah kiri dan diteruskan dengan sedikit penjelasan dari isi artikel. Cara membuat auto read more. Ikuti langkah-langkah dibawah ini.

1. Login ke blogger. Dari halaman dasbor, pilih pengaturan template.
2. Dan Klik edit HTML, dan cari kode </head> gunakan Ctrl F untuk mempermudah Pencarian.
3. Selanjutnya, jika sudah ketemu, masukan kode berikut dibawah </head>
<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}
function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
    if(img.length>=1) {  
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->
4.  Keterangan kode diatas:
summary_noimg = 430; Jumlah huruf tanpa gambar
summary_img = 340; Jumlah huruf dengan gambar
img_thumb_height = 150; Tinggi Gambar
img_thumb_width = 150; Lebar Gambar
5. Selanjutnya cari kode <data:post.body/> dan ganti dengan kode berikut ini.
<!-- Auto read more Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'><font color='#1780dd'>Baca Selengkapnya &gt;&gt;&gt;</font></a>
</b:if>
</b:if>
<!-- Auto read more End -->
6. Ada 3 kode yang sama dengan <data:post.body/>, ganti semuanya dengan kode diatas.
7. Kode <font color='#1780dd'>Baca Selengkapnya &gt;&gt;&gt;</font></a> . Tulisan Baca Selengkapnya bisa diganti dengan kata yang kamu inginkan, <font color='#1780dd'> Ini kode warnanya, bisa diganti dengan warna lain. &gt;&gt;&gt; ini kode tanda >>> setelah tulisan Baca selengkapnya.
8. Terakhir, save template. Selesai. Semoga Bermanfaat.

 ---

Sumber

pengguna-komputer

Dalam 4-5 Hari Perut kempes ayo buktikan

Memiliki perut rata mungkin menjadi dambaan Anda apalagi hanya dalam waktu 4-5 hari saja! mungkin bagi anda ini hanya angan-angan saja. Apalagi jika Anda tidak melakukan latihan fisik karena sibuknya pekerjaan, dan hanya mengandalkan batasan asupan makanan sehari-hari saja.

Tapi ahli gizi Cynthia Sass membuat resep minuman yang akan membakar lemak di perut dalam waktu singkat, hanya empat hari saja. Minuman menakjubkan untuk meratakan perut ini disebut sebagai “Sassy Water”.

Minuman lezat dan ajaib ini dinamai seperti penciptanya. Air Sassy adalah minuman yang sangat kuat dan juga dapat menyegarkan, merevitalisasi, mengandung kalori yang rendah, membantu gas keluar dari tubuh, dan menenangkan sistem pencernaan.

Dan untuk memiliki perut rata, penting bagi Anda juga untuk menghindari permen, makanan ringan (snack), makanan berminyak selama 4 hari, dan pastikan Anda minum Sassy Water. Dianjurkan untuk makan buah-buahan dan sayuran yang mengandung sejumlah besar air seperti melon, semangka, dan lainnya. Alasan di balik itu adalah untuk menghindari terjadinya sembelit dan perut kembung.

Penasaran apa bahan dari Sassy Water yang akan membantu Anda memiliki perut rata? Berikut daftar bahan-bahannya:

1. Delapan gelas air
2. Satu sendok teh jahe bubuk
3. Satu mentimun ukuran sedang, iris tipis
4. Satu lemon ukuran sedang, cincang dan iris tipis
5. 12 helai daun pepermint

Seperti yang Anda lihat, hampir semua bahan memiliki efek diuretik secara alami. Ini berarti, kelebihan cairan dalam tubuh Anda akan dikeluarkan melalui buang air kecil.

Perlu dicatat, Anda akan lebih sering ke toilet untuk buang air kecil.


Bagaimana cara menyiapkan Sassy Water?
Berikut caranya:
1. Campur dan blender semua bahan dalam wadah kecuali jeruk Lemon
2. Saring
3. Masukan lemon, yang dicincang dan iris tipis kedalam hasil blender bahan semua
4. Masukkan ke dalam lemari es dalam semalam
5. Minum jus yang Anda buat, hindari air minum putih selama minum Sassy Water.


Minum jus ini setidaknya selama empat hari berturut-turut untuk melihat hasil. Setelah 4 hari, cobalah untuk mengukur pinggang Anda lagi dan Anda akan terkejut, berapa banyak lemak yang akan terbuang.

---

Sumber

Andayana

Cara Menambahkan Komentar Facebook Di Blog

Cara Menambahkan Komentar Facebook Pada Blog. Sobat blogger menambahkan komentar facebook pada blog memang mempunyai beberapa keuntungan, diantarnya dapat mempermudah pengunjung untuk meningalkan komentar di blog anda tanpa harus login melalui akun google, karena pada dasarnya pengunjung tidak semua mempunyai akun google,jadi komentar facebook bisa jadi solusi untuk komentar menjadi lebih mudah dan juga mempermudah berkomentar pada versi mobile karena sudah di desain dengan responsive jadi bisa menyesuaikan ukuran termasuk dalam handphone atau tablet sekalipun

Lihat DEMO

Cara pasang komentar facebook ini sangat mudah sekali untuk di terapkan selain itu juga dengan menambahkan komentar facebook selain mempunyai kelebihan dan mempermudah komentator juga bisa sedikit lebih bergaya dan lebih keren dalam tampila,nah bagi anda yang ingin membuat komentar facebook di pasang di blog anda itu sangat mudah sekali sobat blogger, silahkan ikuti tutorial cara menambahkan komentar facebook sehingga bisa terpasang di blog anda.

Baca juga : Cara Pasang Like Box Fanspage Facebook Di Blog

Cara Membuat Komentar Facebook Pada Blog

1. Buka akun blogger anda
2. Pilih menu template > Klik edit Html
3. Lalu letakan kode dibawah ini tepat di atas kode ]]></b:skin> atau </style>

/* facebook comments By Madamvia.web.id */
.fbbox-comments {
box-sizing: border-box;
-moz-box-sizing: border-box;
background:#f6f6f6;
border:1px solid #e5e5e5;
margin: 0 0 20px;
}
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;
}

4. Selanjutnya letakan kode di bawah ini tepat di bawah kode <data:post.body/>  atau </article>

 <!-- facebook comments responsive-->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
//<![CDATA[
$(window).bind("load", function(){  
 var container_width = $('.fbbox-comments').width();  
 var fburl=(window.location.href);
 var fbfix=fburl.indexOf('?');
 var fburlfix = fburl.substring(0, fbfix != -1 ? fbfix : fburl.length);
$('.fbbox-comments').html('<div class="fb-comments" ' +
'data-href="' + fburlfix + '"' +
' data-width="' + container_width + '" data-num-posts="5"></div>');
FB.XFBML.parse( );  
});
//]]>
</script>
<div class='fbbox-comments' style='width:100%;margin-top:20px'>
<div class='fb-comments' data-num-posts='2' data-width='555' expr:data-href='data:blog.url'/>
</div>
  </b:if>  

5. Klik save template.

Catatan : Biasanya kode <data:post.body/> ini lebih dari satu, anda bisa menecobanya satu persatu hingga posisinya benar di bawah artikel atau posting blog, atau kalo anda tidak mau ribet, bisa di pasang di bawah kode share button ataupun related post.

Nah cukup sekian sobat blogger di tutorial cara membuat komentar facebook di blog, lebih dan kurangnya saya mohon maaf. salam sukses.

Sumber

Cara Menghubungkan Domain Freenom .ga .tk .ml .cf ke Blog

Menghubungkan domain freenom ke blogspot tergolong mudah, karena freenom mempunyai kecepatan update DNS Server tercepat dibandingkan penyedia layanan hosting dan domain yang ada di Indonesia. Mungkin dalam waktu 2-5 menit domain freenom sudah bisa digunakan, sedangkan layanan di Indonesia membutuhkan kurun waktu 1-5 Jam untuk menghubungkan domain mereka ke blogspot.

Apasih gunanya dihubungkan?

Melihat panjanganya kata blogspot, membuat orang susah untuk mengingat nama domain. Berikut menurut saya keuntungan untuk menghubungkan domain freenom ke blogspot:

• Mudah diingat orang, karena domain tergolong pendek (.ga, tk, dkk)
• Support untuk membuat akun google adsense non hosted
• Lebih simple dan lebih elegan
• Lebih keren
• Menambah wawasan dan lain sebagainya.

Selanjnya, iniloo cara menghubungkan domain freenom ke blogspot:

1. Buka Account freenom yang telah dibuat (jika belum punya, silahkan buat dan lihat caranya disini)

2. Buka Account blogspot (blogger) dan masuk ke menu setelan (jika belum punya buat saja disini)

3. Pada menu setelan dasar, Siapkan URL Pihak ke-3 untuk Blog, tepat dibawah domain blogspot.

4. Selanjutnya, masukkan nama domain freenom yang telah dibuat misal www.iniloo.ga, kemudian klik simpan.

5. Maka akan muncul error URL, selanjutnya, copy satu persatu Host Name ke Manage DNS di Freenom.

Buka Freenom, My Domain --> Manage Domain dan Manage Freenom DNS

Masukkan Name (www dan xfwhramnici (bisa berubah-ubah) ke Host Name freenom.

Untuk Type pilih CNAME, TTL gak usah diubah kemudian target isi sesuai target Host Name Seperti gambar dibawah:

6. Setelah itu, masukkan Record IP Google. IP Google sebagai berikut:

216.239.32.21216.239.34.21216.239.36.21216.239.38.21

Masukkan IP tersebut pada kolom target. Dengan Type = A. Seperti gambar dibawah ini.

Selanjutnya klik Simpan, jika semua benar maka akan muncul notifikasi Successfully.

7. Kembali ke blogger, setelah setelan sudah selesai, maka tunggu 2-5 menit. Kemudian simpan perubahan domain. Jika masih error, tunggu beberapa menit dan simpan lagi.

8. Jika domain sudah berubah, selanjutnya edit kembali domain pihat ke-3 dan centang alihkan domain kamu, misa iniloo.ga ke www.iniloo.ga. Ini bertujuan ketika seseorang akses tanpa www didepan, maka otomatis langsung direct ke www. Jangan lupa simpan lagi.

Demikianlah, tutorial tentang cara menghubungkan domain freenom ke blogspot, semoga dapat menambah pengetahuan kalian dalam dunia blogspot. Penulis mengharapkan kepada teman-teman untuk menyebarluaskan artikel ini baik media sosial maupun blogspot kalian dengan catatan menuliskan sumber artikel ini. Penulis juga menyediakan artikel video, dipersembahkan untuk mereka yang lambat paham dengan tutorial tulisan dan gambar.

Sumber