Modifikasi judul widget dan header blog

Berikut ini adalah cara memodifikasi tampilan judul widget pada blog seperti pada gambar diatas, ada banyak sekali cara untuk memodifikasi tampilan judul tersebut tapi kali ini saya akan mencoba memberikan sedikit ilmu saya ini adalah tampilan judul widget terbaru 2017 yang sering kali banyak digunakan dibanyak wesite umumnya ditahun ini.

Baiklah langsung saja kita mulai, ikuti langkah-langkah berikut ini :

1. langkah pertama tentu saudara harus masuk terlebih dahulu ke halaman blog saudara.

2. kemudian langkah kedua masuk pada "template" > "edit HTML" copykan kode script di bawah ini tepat sebelum scrip  ]]></b:skin>

#sidebar-wrapper h2 {overflow: hidden;position: relative;font-family: 'Oswald';font-size: 15px;font-weight: 500;color: #666;padding: 10px 0;text-transform: uppercase;display: block;letter-spacing: 1px;} #sidebar-wrapper h2:after {content: '';display: inline-block;position: absolute;height: 14px;top: 0;margin: 13px 0 12px 10px;width: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdw771KB-QBTDhnhc8WXDpXU_JYKKqVNYDMe8wiRo_CPXQ1xfuXlrJCD-xrwAPqdGAczJq-p_Pza7tEMKqZFZ7TrbphZEUMYnJfijN0UsbTwz0Y-MxFvyrDG3LWPndiLo8-HJINSdtlMA/s1600/repeat-bg.png)repeat;}

#footer-wrapper h2 {overflow: hidden;position: relative;font-family: 'Oswald';font-size: 15px;font-weight: 500;color: #fff;padding: 10px 0;text-transform: uppercase;display: block;letter-spacing: 1px;} #footer-wrapper h2:after {content: '';display: inline-block;position: absolute;height: 14px;top: 0;margin: 13px 0 12px 10px;width: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTdw771KB-QBTDhnhc8WXDpXU_JYKKqVNYDMe8wiRo_CPXQ1xfuXlrJCD-xrwAPqdGAczJq-p_Pza7tEMKqZFZ7TrbphZEUMYnJfijN0UsbTwz0Y-MxFvyrDG3LWPndiLo8-HJINSdtlMA/s1600/repeat-bg.png)repeat;} #footer-wrapper ul,#footer-wrapper ol {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;}

3. Paste Scrip diatas tepat sebelum kode scrip   ]]></b:skin>

 

4. klik "simpan template" kemudian  lihat blog.

demikianlah demonstrasi bagaimana cara memmodifikasi judul widget.

Read More

Cara Membuat Widget Search Engine pada Blog

asalamualaikum, wr. wb. pada kesempatan kali ini saya akan berbagi kepada saudaraku sekalian bagaimana cara membuat widget search engine pada blog, caranye mudah sangat :

1. masuk pada dasboard blog anda,
2. masuk pada "Tata Letak" > "Tambahkan Widget" > "HTML/Java Scribe"
4. Copy paste script berikut ini :


<form action="http://nama-blogmu.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>



5. rubah script warna merah diatas sesuai dengan nama blog saudara, kemudian rubah angka 30 pada script diatas sesuai dengan kebutuhan saudara, keterangan pada anggka 30 diatas adalah ukuran lebar pada search engine. 
6. simpan widget saudara. 

Read More

Cara Membuat Widget Slide Post Berita Pada Header Blog

berikut ini saya akan mendemonstrasikan bagaimana cara membuat widget slide post berita pada header blog, fungsinya adalah untuk menampilkan secara acak sesuai dengan yang kita butuhkan, beserta foto, redaksi, tanggal dan lain-lain, berikut ini adalah langkah-langkahnya,

Buka dashboard blog saudara.

2. Buka "Tata Letak" > "Tambahkan Widget" > "HTML/Java Scribe".

3. Copy Scribe Berikut ini :

 

 

 

 <style>
#featuredpost {margin:15px auto;}
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:320px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:25px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);
height:90px;font-family:&#39;Oswald&#39;;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px;
padding:0;font-family:&#39;Oswald&#39;;box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;
background:#ff6553;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:&#39;Oswald&#39;;
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:rgba(255,101,83,0.8);padding:3px 6px;font-family:&#39;Oswald&#39;;
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}
@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}
@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:50%}
  #slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
  #slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
  #slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
  #slides li:nth-child(5){display:none;}}
@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}
</style>
<script type="text/javascript" src="https://cdn.rawgit.com/Brando07/share/newbe/seocips-rec-post-slider.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.pcimm-kotametro.ga/",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script>
<div id="featuredpost"></div>

 

 

 

 

4. ganti script warna merah dengan scrip blog saudara. 

5. klik save dan lihat hasilnya.

Read More

Cara Membuat Widget Post Picture pada Blog

Widget post picture pada blog akan menampilkan keseluruhan gambar yang pernah di posting sebelumnya dalam satu wadah (widget) dalam hal ini akan memudahkan bagi para pengunjung yang ingin melihat secara instant atau langsung gambar apa saja yang di post pada artikel atau berita itu sendiri.

baiklah langsung saja ini adalah beberapa langkah dalam membuat widget post picture pada blog.

1. saudara harus masuk terlebih dahulu ke laman blog saudara.

2. masuk pada "Tata Letak" > "Tambah Gadget" > "HTML/JavaScript".

3. Copy Paste Script berikut ini secara benar.

<center><div id="bp_recent"></div><br /><script src="http://yourjavascript.com/02415211738/artikel-terkait.js"></script><br /><script>
var numberOfPosts = 26;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script><br /><script src="http://pcimm-kotametro.ga/feeds/posts/summary?max-results=20&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails"></script></center> 

4. ganti link warna merah pada script diatas dengan script saudara.

5. sesuaikan kebutuhan desain, jumlah gambar, dll sesuai kebutuhan anda yaitu terletak pada sript warna biru jika anda tidak menginginkan perubahan maka langsung save saja. dan lihat hasiknya. :)

Read More

Cara Membuat Widget Komentar pada Blog

Berikut ini saya akan memberikan sedikit ilmu saya tentang bagaimana cara membuat Widget Komentar pada Blog, fungsinya adalah untuk menampilkan keseluruhan komentar yang ditampilkan pada setiap artikel atau berita yang mendapatkan komentar.

berikut ini adalah langkah-langkahnya :

1. masuk pada dashboard blog anda.

2. masuk pada "Tata Letak" > "Tambah Gadget" > "HTML/JavaScript". seperti pada gambar berikut ini :

3. Copy paste Code Script dibawah ini :



<script type="text/javascript">
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
function showrecentcomments(e){for(var r=0;r<a_rc;r++){var t,n=e.feed.entry[r];if(r==e.feed.entry.length)break;for(var i=0;i<n.link.length;i++)if("alternate"==n.link[i].rel){t=n.link[i].href;break}t=t.replace("#","#");var a=t.split("#");a=a[0];var c=a.split("/");c=c[5],c=c.split(".html"),c=c[0];var s=c.replace(/-/g," ");s=s.link(a);var o=n.published.$t,l=(o.substring(0,4),o.substring(5,7)),u=o.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in n)var d=n.content.$t;else if("summary"in n)var d=n.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<div class="rcw-comments">'),1==m_rc&&document.write("On "+m[parseInt(l,10)]+" "+u+" "),document.write('<span class="author-rc"><a href="'+t+'">'+n.author[0].name.$t+"</a></span> commented"),1==n_rc&&document.write(" on "+s),0==o_rc)document.write("</div>");else if(document.write(": "),d.length<o_rc)document.write("<i>&#8220;"),document.write(d),document.write("&#8221;</i></div>");else{document.write("<i>&#8220;"),d=d.substring(0,o_rc);var w=d.lastIndexOf(" ");d=d.substring(0,w),document.write(d+"&hellip;&#8221;</i></div>"),document.write("")}}}
</script><script src=http://www.pcimm-kotametro.ga/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script>
<style type="text/css">
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px dotted;padding: 7px 0;}
</style>



4. ganti script berwarna merah dengan link anda sendiri.
5. Simpan. 

demikianlah ilmu dari saya semoga bermanfaat, sampaikanlah ilmu anda kepada orang lain niscaya itu akan membawa keberkahan bagi anda, dan niatkan itu semua karna mencari ridho allah swt. 

jika ada pertanyaan silahkan ajukan pada kolom komentar dibawah ini gan.

Read More

Cara Membuat Widget Breaking News pada blog

Berikut ini adalah langkah-langkah dalam membuat widget Breaking News pada blog.

1. Langkah pertama anda harus masuk dulu ke dashboard blog anda.

2. Kemudian Masuk pada "Tata Letak" > "Tambah Gadget" > "HTML/JavaScript". 

3. Setelah langkah tersebut berhasil, kemudian Copy kan Script berikut ini :

 

 

 

<!-- breaking news kangibay.net -->
<style scoped='scoped' type='text/css'>
#news { background:#262626; border-bottom: 4px solid #00A6ED; border-top: 0px solid #333; display: block; float: left; height: 40px; line-height: 25px; overflow: hidden; padding: 8px 0 0 0px; width: 100%; }
.titlenews {color: #fff; display: block; float: left; font: bold 12px/22px Tahoma; padding: 6px 0 0 10px;margin: -7px 0 0 0; position: absolute; }
#ltsposts {float: left;margin: -3px 0px 0px 130px;text-align: left;}
#ltsposts ul,#ltsposts li{list-style:none;margin:0;padding:0;}
#ltsposts li a { background: none !important; color:#fff !important; font: bold 12px/22px Tahoma; text-decoration: none; }
ul.shsocial { background:#333; float: right; margin: -8px 0; }
ul.shsocial li {float:left;list-style: none outside none;border:none;}
ul.shsocial li a{background-color:transparent;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRz3dBF7y5RTLdOGec7dZHkuu_-lZJcQul-nHqyY-Mw3cUnexDe0yWTzgkhjHOffXXT7e-AxJKPLk9swAjXHtRW91B5Bc0MAXkP1DdBjxhuQpsVSp7XUlkFG9Lj7FNNDetJPVoM1Qdwifi/s1600/spice-social-gadget-sprite.png);background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
ul.shsocial li.fb a{ background-position:0 0}
ul.shsocial li.gp a{ background-position:-96px 0}
ul.shsocial li.rs a{ background-position:-192px 0}
ul.shsocial li.tw a{ background-position:-256px 0}
ul.shsocial li.fb a:hover{ background-position:0 -32px}
ul.shsocial li.gp a:hover{ background-position:-96px -32px}
ul.shsocial li.rs a:hover{ background-position:-192px -32px}
ul.shsocial li.tw a:hover{ background-position:-256px -32px}
</style>

<div id='news'><span class='titlenews'><i aria-hidden='true' class='fa fa-bookmark'/> BREAKING <span style='color:#E6A816;'>NEWS</span> :</i></span>
<div id='ltsposts'>Loading...</div>
</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://www.pcimm-kotametro.ga/', // Ganti dengan URL blog sobat
numpostx     = 15; // Maximum berita yang akan muncul
$.ajax({
    url: ''+url_blog+'/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',
    type: 'get',
    dataType: "jsonp",
    success: function(data) {
        var posturl, posttitle, skeleton = '',
            entry = data.feed.entry;
        if (entry !== undefined) {
            skeleton = "<ul>";
        for (var i = 0; i < entry.length; i++) {
                for (var j=0; j < entry[i].link.length; j++)
                {
                     if (entry[i].link[j].rel == "alternate")
                        {
                            posturl = entry[i].link[j].href;
                            break;
                         }
                }               
            posttitle = entry[i].title.$t;
            skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
        }
            skeleton += '</ul>';
            $('#ltsposts').html(skeleton);
            function tick(){
            $('#ltsposts li:first').slideUp( function () { $(this).appendTo($('#ltsposts ul')).slideDown(); });
            }
        setInterval(function(){ tick () }, 3000); // kecepatan yang diinginkan
        } else {
            $('#ltsposts').html('<span>No result!</span>');
        }
    },
    error: function() {
            $('#ltsposts').html('<strong>Error Loading Feed!</strong>');
       }
});
});
//]]>
</script>

 

 

 

 

4. Langkah terakhir jangan lupa untuk menyimpannya.

naah demikianlah langkah-langkah dalam membuat widget Breaking News Jangan lupa baca dan ikuti terus artikel post saya,, jika ada pertanyaan silahkan coret-coret di colom coment dibawah ini gan.

Read More

Cara Membuat Widget Other Post Pada Blog

Berikut ini adalah langkah-langkah dalam membuat Widget Other Post, other post biasanya berisikan semua postingan-postingan yang ada di blog, berupa artikel dan berita-berita penting.

1. Langkah pertama anda harus masuk dulu ke dashboard blog anda.

2. Kemudian Masuk pada "Tata Letak" > "Tambah Gadget" > "HTML/JavaScript". 

3. Setelah langkah tersebut berhasil, kemudian Copy kan Script berikut ini :

<div class='widgetSystem'>
<div class='nama'><a href="URL LINK">Title Link</a></div>
<div class='kulit'>

<marquee align="center" direction="up" height="200" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="100%" >

<a href="URL LINK">Title Link</a> <br />
<a href="URL LINK">Title Link</a> <br />

<a href="URL LINK">Title Link</a> <br />

</marquee>

</div></div>
<style type='text/css'>
.widgetSystem {
    width: 95%;
    padding: 3px;
    background: #262829 url(#) no-repeat;
    margin: 5px auto;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 1px 1px #fff;
    -moz-box-shadow: 0 0 1px 1px #fff;
    box-shadow: 0 0 1px 1px #fff
    }
.widgetSystem .nama {
    text-align: center;
    font-size: 1.5em;
    background: #00AFFA;
    background: rgba(153, 153, 153, 0.6);
    padding:5px;
    color: #FFF;
    font-family: "Times new roman", Arial, sans serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radits: 5px
    }
.widgetSystem .kulit {
    background: #FFFFFF;
    background: rgba(153, 153, 153, 0.5);
    height: 200px;
    overflow: auto;
    margin-top: 5px;
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
    }
.widgetSystem a {
    text-decoration: none;
    margin: 1px;
    background: #00AFFA;
    background: rgba(153, 153, 153, 0.7);
    padding: 5px;
    display: block;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    font-family: "Arial", Arial, sans serif;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
    }
.widgetSystem a:hover {
    background: #FF7D7D;
    color: #FFFFFF
    }
.widgetSystem li {
    list-style: none;
    color: #CCC;
    margin: 5px
    }
</style>

4. Klik Save, ubah ukuran dan tata letak sesuai kebutuhan anda.

*Keterangan

URL LINK  ganti sesuai dengan URL LINK Saudara.

Title Link  ganti dengan judul post atau label yang ingin ditampilkan.

WARNA HIJAU adalah perintah untuk Marquee berjalan naik turun / Dropdown. jika anda tidak menginginkannya silahkan dihapus script yang warna kuning.

terimakasih sudah mau berkunjung di situs www.podo-kumpulanartikel.tk

Read More

Cara Membuat Widget Play Video di Blog

Pada kesempatan kali ini saya akan menjawab pertanyaan atau kebingungan saudara bagaimana cara membuat widget play video pada blog anda, caranya sangatlah mudah yaitu sebagai berikut ini : 

1. Masuk pada Link URL Video yang ingin anda tampilkan.

2. Copy "kode semat" pda videonya, "klik kanan pada video" > "klik salin kode semat".

3. Masuk pada dashboard blog anda.

4. Masuk pada "Tata Letak" > "Tambah Gadget" > "HTML/JavaScript".

5. Paste "kode semat" yang anda copy tadi ke Widget "HTML/JavaScript" yang baru saudara buat tadi.

6. Klik Save/Simpan. dan Lihat Hasilnya.

Sekian Ilmu dari saya bila ada salah kurang atau pertanyaan bisa coret-coret aja gan di colom coment di bawah, hehehe

Read More

Cara Membuat Menu Share Pada Blog

Berikut adalah langkah-langkah dalam membuat Menu Share Pada Blog seperti pada gambar di bawah ini :

1. Langkah pertama ialah masuk pada dashboard blog saudara.

2. Kemudian Copy Paste Script berikut ini :

<center>
<div class="addthis_inline_share_toolbox">
</div>
</center>

3. Script tersebut dapat anda copy di Widged ataupun anda letakan di bawah judul post atau setelahnya, misalkan dalam hal ini saya akan meletakan Script tersebut tepat dibawah postingan saya, caranya mudah banget tinggal Copy Paste Script tersebut pada HTML Post seperti pada gambar berikut ini :

Kemudian klik "simpan" dan "publikasi". lihat apa yang terjadi, selamat karna anda telah berhasil.

atau anda dapat menggunakan cara lain yaitu dengan mendaftar ke www.addthis.com 

Read More

Cara Membuat Widget Random Al-Quran Pada Blog

pada kesempatan kali ini saya akan memposting bagaimana cara membuat widget random al-quran pada blog sodara, tentunya dengan senang hati saya membagikan ilmu ini kepada saudaraku sekalian karna mengingat ini adalah sebuat kebahagiaan bagi saya karna dapat bermanfaat kepada banyak orang, dan semoga ini menjadi amal jariah yang tidak akan terputus sampi hari akhir. amiin.

naah jadi begini saudaraku caranya sangat mudah sekali untuk membuat widget random al-quran pada blog, ikuti langkah-langkah berikut ini :

1. Buka dashboard blog saudara.

2. Buka "Tata Letak" > "Tambahkan Widget" > "HTML/Java Scribe".

3. Copy Scribe Berikut ini :

<img src="http://www.mahesajenar.com/scripts/ayatimg.php?&amp;text=FEFEFE&amp;bg=92C52F&amp;border=cccccc&amp;sc=00008B&amp;c=30" />

4. Simpan lalu refres link saudraku.

naah g mana cukup mudah bukan. Alhamdulillah, silahkan tinggalkan komentar saudaraku di bawah ini.

Read More

Cara Mengalihkan Blogspot ke Domain Gratisan

Berikut ini adalah langkah-langkah dalam membuat domain gratis pada blog, seperti .tk .ml .ga dan masih banyak lagi yang lainnya, dalam contoh kali ini saya akan mendemonstrasikan bagaimana cara menganti .blogspot  menjadi  .tk  yang ada pada blog anda dengan menggunakan jasa Freenom. 

1. Langkah pertama anda harus punya blog terlebih dahulu, hehehe...

2. Langkah kedua masuk pada laman Freenom clik disini 
3. Masukan URL yang anda inginkan seperti pada gambar berikut ini :

 

4. Klik Check Availability, kemudian pilih salah satu domain FREE yang anda inginkan, ingat anda hanya dapat memilih satu saja kemudian clik CheckOut seperti pada gambar berikut ini :

5. Klik Period untuk menentukan masa berlakunya Domain anda, pilih 12 Months, kemudian click Countinue.

6. setelah itu anda akan diminta untuk masuk atau mendaftar ke Freenom, silahkan ikuti perintahnya dengan mengisi semua formulir lengkap yang diminta, atau anda bisa masuk lewat akun Google atau Media sosial anda seperti pada gambar berikut ini :

7. Masukan identitas lengkap anda tanpa terkecuali seperti pada gambar berikut ini :

8. Jangan lupa untuk mencentang perintah seperti pada gambar diatas, kemudian klik Complete Order.

9. Selamat akun anda telah terdaftar, kemudian klik perintah panah seperti gambar diatas, setelah itu cari submenu "My Domains" seperti pada gambar berikut ini :

10. Pilih Manage Domain,

11. Pilih "Management Tools" > "NameServers" 

12. Centang Use Custom nameservers (enter below), kemudian masukan teks berikut ini :
NS01.FREENOM.COM
NS02.FREENOM.COM
NS03.FREENOM.COM 
NS04.FREENOM.COM
isikan teks diatas hingga pada kolom nameserver ke 4, kosongkan nameserver ke-5, kemudian klik change nameservers.

13. Klik Manage Freenom DNS.

14. Buatlah 6 Record pada menu tersebut, pilih Type A kemudian isikan alamat IP Google berikut ini :
216.239.38.21
216.239.36.21
216.239.34.21
216.239.32.21
 setelah itu pada dua kolom dibawahnya kosongkan terlebih dahulu.

15. ini adalah bagian pentingnya, sekarang masuk pada dashboard blog anda, kemudian pilih "setelan" > "dasar" > siapkan URL Pihak ke-3 . setelah itu isikan secara lengkap nama blog yang sudah anda daftarkan sebelumnya di Freenom, contoh "www.podo-kumpulanartikel.tk".

16. Copy Link Name dan Target yang telah di berikan Bolg anda ke-2 record yang kosong sebelumnya. seperti pada gambar berikut ini.

17. Kemudian Shave Change,

18. Alhamdulillah, kini Domain Blog anda sudah benar-benar aktif dan dapat digunakan, untuk mengaktifkan caranya mudah sekali, masuk kembali ke dashboard blog anda refresh ulang (F5). setelah itu masuk lagi pada "setelan" > "dasar" > siapkan URL Pihak ke-3 untuk Blog anda.

19. Masukan link blog anda, contoh "www.podo-kumpulanartikel.tk" kemudian klik simpan, untuk benar-benar mengalihkan laman blog anda ke link yang baru, jangan lupa untuk mencentang "alihkan" seperti pada gambar berikut ini.

20. jika anda berhasil maka bersyukurlah, dan jika masih belum maka cobalah lagi siapa tau ada bagian yang anda lewatkan, dan jika ada jawaban maaf untuk sementara link ini belum dapat di aktifkan cobalah untuk bersabar biasanya akan aktif 15-30 menit setelahnya. sering-sering di chek ya sobat.

Read More

Cara Merubah Icon Pada Blog

Berikut ini adalah langkah-langkah merubah Icon Pada Blog :

1. Siapkan Icon yang akan dijadikan sasarannya

2. Buka blog Saudara

3. Masuk pada “Tata Letak” > “Favicon” >"Edit".

4. Kemudian Brouse Icon yang sobat Punya, kemudian klik Save / Simpan.

 


Refresh Link Blog Sodara, tunggu beberapa saat, Jika Masih Gagal Silahkan Sobat Ganti dengan ICON yang lain.
Terimakasih telah berkunjung, Semoga Bermanfaat.

Read More

Cara Membuat Widget Menu Post Berita Terbaru Pada Blog

Berikut ini adalah langkah-langkah dalam membuat widget menu post terbaru :

1. Lahkah pertama anda harus masuk dulu pada dashboard blog anda.

2. Kemudian pilih “Tata Letak” > “Tambahkan Widget”.

3. Kemudian Copy Scribe di bawah ini :

<script style="text/javascript" src="https://cdn.rawgit.com/Brando07/share/master/recentpost-seocips-3.js"></script>
<script style="text/javascript">
var posts_no = 3;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = false;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;</script>
<script src="http://www.pcimm-kotametro.ga/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://www.seocips.com/2016/01/widget-recent-post-untuk-blogger-blog-part-3.html">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb {padding:2px;width:65px;height:65px;float:left;margin: 0px 10px 10px; background: #fff; border: 1px solid #69B7E2;}
.recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {position:relative;padding:5px 0px;min-height:65px; list-style-type: none; margin-bottom: 5px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 15px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;padding: 4px 10px; border-radius: 100%;}
.recent-posts-container a { text-decoration:none; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #2aace3;}
.recent-posts-details {margin: 5px 0px 0px 92px; }
.recent-posts-details a{ color: #777;}
</style>

  

ubahlah angka atau huruf dengan keterangan False atau True yang diberikan tanda warna merah diatas sesuai keinginan saudara, false / True digunakan untuk mengaktifkan perintah, Keterangan :

var posts_no = 3; /* Jumlah Postingan Pada Menu
var showpoststhumbs = true; /* Gambar
var readmorelink = true; /* Keterangan baca lebih lanjut
var showcommentslink = false;  /* Keterangan Komentar
var posts_date = true;  /* Keretangan Waktu dan tanggal
var post_summary = true;  /* Keterangan Isi Pada Label
var summary_chars = 70;  /* Jumlah Keterangan Isi Pada Label
Rubah Link "http://www.pcimm-kotametro.ga/" diatas dengan link Blog Saudara.

demikianlah cara membuat widget menu post berita terbaru  pada blog. semoga bermanfaat.

Read More