Cara Mencari Gambar Gratis Dan Legal Untuk Blog

Cara Mencari Gambar Gratis Dan Legal Untuk Blog - Menyisipkan gambar ke dalam sebuah artikel merupakan tindakan yang sering dilakukan oleh para pemilik blog atau blogger. Fungsi gambar itu sendiri di dalam sebuah artikel adalah untuk mempertegas atau memperjelas maksud artikel dan membuat halaman lebih berisi. Untuk memasukan gambar ke dalam artikel tidak bisa dilakukan semaunya, artinya gambar yang ada harus legal atau bebas hak cipta.

Banyak situs web yang menyediakan gambar gratis dan bebas hak cipta, salah satunya Anda dapat menemukannya melalui Google Image. Google Image adalah layanan pencarian yang memungkinkan penggunanya mencari dan menemukan konten gambar. Berikut ini langkah-langkah mencari gambar gratis dan legal di Google yang harus Anda lakukan :

Baca artikel : Cara Merubah Ukuran Gambar Di Dalam Artikel Blog

1. Silahkan kunjungi : https://images.google.com/

2. Ketikan judul gambar yang Anda inginkan, misalnya Komputer kemudian Enter.

3. Pada halaman bagian menu, klik menu "Alat", kemudian klik menu "Hak Pengguna".

4. Pada pilihan Hak Pengguna, silahkan klik yang ingin Anda gunakan :

- Dilabeli untuk digunakan ulang dengan modifikasi.

- Dilabeli untuk digunakan ulang.

- Dilabeli untuk digunakan ulang secara non-komersial dengan modifikasi.

- Dilabeli untuk digunakan ulang secara non-komersial.

5. Pada halaman berikutnya akan muncul gambar yang dapat Anda gunakan secara gratis dan bebas. Anda bisa mengeditnya kemudian menempatkan ke dalam artikel blog Anda.

Sebagai catatan, walaupun gambar yang Anda gunakan merupakan gambar gratis yang bebas hak cipta, namun sebaiknya Anda tetap mencantumkan link sumber gambar yang Anda gunakan.

Baca juga artikel : Cara Membuat Gambar Sejajar Pada Artikel Blog

Itulah Cara Mencari Gambar Gratis Dan Legal Untuk Blog yang bisa Anda lakukan. Sekarang Anda dapat menemukan gambar yang Anda inginkan secara legal. Semoga bermanfaat.

Read More

Cara Membagi Postingan Blogspot Menjadi Beberapa Halaman

Cara Membagi Postingan Blogspot Menjadi Beberapa Halaman - Anda tentu pernah melihat postingan sebuah artikel yang dibagi menjadi beberapa halaman. Cara ini disebut dengan teknik pagination, yaitu salah satu cara yang digunakan para blogger untuk meningkatkan jumlah pageview blog mereka. Sebagai pemilik blog, Anda juga bisa menerapkan teknik pagination atau membagi postingan menjadi beberapa halaman untuk meningkatkan pageview blog Anda.

Bagi Anda pengguna blogspot yang juga ingin meningkatkan jumlah pageview blog Anda dengan tektnik pagination, caranya sangat mudah. Berikut ini langkah-langkah membagi postingan blog menjadi beberapa halaman yang dapat Anda lakukan :

1. Letakan script dibawah ini tepat diatas kode </head> , kemudian Simpan tema.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script> 

(abaikan jika blog Anda sudah ada script tersebut, baik sejenis atau lebih tinggi).

2. Buat Entri baru, copy kode/script dibawah ini dan pastekan di area mode HTML. Selanjutnya silahkan buat artikel Anda dan letakan masing-masing pada tempat yang telah disediakan.

<style>
.post-pagination {
 margin: 20px auto;
 text-align: center;
 width: 100%;
}
.button_1, .button_2, .button_3 {
 border: 1px solid #076BB8;
 font-weight: 900;
 padding: 6px 10px;
 color:#FFF;
 transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
 background: none repeat scroll 0 0 #076BB8;
 color: #fff;
 text-decoration: none;
}
</style>
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.button_1').click(function(){ jQuery('.content_1').fadeIn('slow'); jQuery('.content_2').fadeOut('fast'); jQuery('.content_3').fadeOut('fast'); jQuery(this).css('background','#076BB8'); jQuery(this).css('color','#fff'); jQuery('.button_2').css('background','#fff'); jQuery('.button_2').css('color','#076BB8'); jQuery('.button_3').css('background','#fff'); jQuery('.button_3').css('color','#076BB8'); return false; });
jQuery('.button_2').click(function(){ jQuery('.content_1').fadeOut('fast'); jQuery('.content_2').fadeIn('slow'); jQuery('.content_3').fadeOut('fast'); jQuery(this).css('background','#076BB8'); jQuery(this).css('color','#fff'); jQuery('.button_1').css('background','#fff'); jQuery('.button_1').css('color','#076BB8'); jQuery('.button_3').css('background','#fff'); jQuery('.button_3').css('color','#076BB8'); return false; });
jQuery('.button_3').click(function(){ jQuery('.content_1').fadeOut('fast'); jQuery('.content_2').fadeOut('fast'); jQuery('.content_3').fadeIn('slow'); jQuery(this).css('background','#076BB8'); jQuery(this).css('color','#fff'); jQuery('.button_1').css('background','#fff'); jQuery('.button_1').css('color','#076BB8'); jQuery('.button_2').css('background','#fff'); jQuery('.button_2').css('color','#076BB8'); return false; });
});
</script>
<br />
<div class="content_1">
Letakkan artikel bagian 1 disini !
</div>
<div class="content_2" style="display: none;">
Letakkan artikel bagian 2 disini !
</div>
<div class="content_3" style="display: none;">
Letakkan artikel bagian 3 disini ! 
</div>
<div class="post-pagination"> <div style="font-weight: ;font-family:george;"> <span style="font-size: 20px;"><i>Halaman</i> </span>: <a class="button_1" href="#">1</a> <a class="button_2" href="#">2</a> <a class="button_3" href="#">3</a> </div> </div>

3. Tulisan yang berwarna merah "Letakan artikel bagian 1 disini !" adalah area mengetikan atau menempatkan artikel Anda untuk halaman pertama, begitu  juga untuk halaman berikutnya.

4. Setelah selesai, Publikasikan artikel Anda dan lihat hasilnya !

Perlu Anda ketahui, script yang dibuat tersebut terdiri dari 3 buton, artinya postingan Anda akan terbagi menjadi 3 halaman. Untuk membuat lebih dari 3 halaman, silahkan Anda menambahkan script jQuery button dan class content yang ada. Jika hanya ingin membuatnya menjadi 2 halaman, silahkan hapus semua perintah button 3 dan class content 3.

Baca juga artikel : Cara Membuat Galeri Foto Di Postingan Blog

Demikian Cara Membagi Postingan Blogspot Menjadi Beberapa Halaman yang bisa Anda lakukan. Sekarang Anda dapat membuat sebuah artikel yang panjang dan membaginya menjadi beberapa halaman untuk meningkatkan jumlah pageview blog Anda. Semoga bermanfaat.

Read More

Cara Memasang Email Subscribe Dibawah Postingan

Cara Memasang Email Subscribe Dibawah Postingan - Memiliki banyak pengunjung yang telah menjadi pelanggan blog bisa memberikan keuntungan tersendiri bagi blog Anda. Setiap Anda memposting artikel baru, maka para pelanggan blog Anda akan segera mengetahuinya dan selanjutnya akan mengunjungi blog Anda untuk membaca artikel baru dari blog Anda sehingga blog Anda tidak akan sepi pengunjung. Agar pengunjung bisa menjadi pelanggan blog Anda, maka caranya adalah dengan memasang widget email subscribe di blog Anda.

Banyak model widget email subscription yang bisa Anda pasang di blog Anda. Jika Anda ingin memasang email subscribe dibawah postingan, ikuti langkah-langkah berikut ini :

1. Login ke blog Anda

2. Pada menu navigasi, klik "Tema" > klik "Edit HTML".

3. Pada jendela tema, cari dan temukan kode ]]></b:skin>

4. Copy script dibawah ini, kemudian pastekan tepat diatas kode ]]></b:skin>

/* Email Subscribe Box */ #subscribebox{border:1px solid #e5e5e5;padding:20px;margin:20px 0;font-family:&#39;PT Sans&#39;,sans-serif;} .widget_follow_subscribe .widget-detail{padding:36px 30px 40px} #subscribebox p{color:#394347;font-size:25px;text-align:center;font-weight:700;margin:0 0 1em 0;} .follow-subscribe-social{margin:0;padding:0;} .follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center} .follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none} .follow-subscribe-social ul li:last-child{margin:0} .follow-subscribe-social ul li a{font-size:17px;color:#394347;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out} .follow-subscribe-social ul li a:hover{color:#1C97DE} form.subscribe{margin-top:-7px} form.subscribe input{display:block;width:100%} .subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:1em;background-color:#DEDEDE;text-align:center;color:#394347;border-radius:5px;} .subscribe-email:focus{outline:0} form.subscribe .placeholder{color:#cacaca} form.subscribe input:-ms-input-placeholder{color:#cacaca} form.subscribe input::-webkit-input-placeholder{color:#cacaca} form.subscribe input:-moz-placeholder{color:#fafafa} form.subscribe input::-moz-placeholder{color:#fafafa} .subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border-radius:5px;background-color:#576269;border:none;} .subscribe-button:hover{background-color:#398DCC;} .subscribe-button:focus{outline:0}

Selanjutnya masih dijendela tema, lakukan langkah berikut ini :

1.  Cari dan temukan kode <data:post.body/>, biasanya kode ini ada 3 - 4.

2. Copy script dibawah ini dan pastekan dibawah kode <data:post.body/> yang ke 3 atau ke 4.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id="subscribebox"> <p>Subscribe to Our Newsletter</p> <form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=USER-ID' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=USER-ID, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='USER-ID'/> <input name='loc' type='hidden' value='en_US'/> <input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/> <input class="subscribe-button" type="submit" value="Subscribe" /> </form> <div class="follow-subscribe-social"> <ul> <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> </div> </b:if>

- Ganti tulisan USE-ID dengan Id Feedburner Anda.

- Ganti tanda # sesuai dengan alamat media sosial Anda.

3. Simpan tema, dan lihat hasilnya.

Selain menempatkan script di bawah kode <data:post.body/>, Anda juga bisa menempatkannya sebelum atau diatas kode <!-- clear for photos floats -->. Terdapat 2 kode, gunakan kode ke 2.

Baca juga artikel :

- Cara Membuat Widget Subscribe By Email

- Cara Memasang Email Subscription Keren Di Blog

Demikian Cara Memasang Email Subscribe Dibawah Postingan yang bisa Anda lakukan. Dengan adanya email subscribe, maka pengunjung dapat segera mengetahui postingan terbaru artikel blog Anda dan blog Anda akan memiliki pengunjung setia. Semoga bermanfaat.

Read More

Cara Membuat Link Sumber Artikel Otomatis Pada Postingan Blog

Cara Membuat Link Sumber Artikel Otomatis Pada Postingan Blog - Memunculkan link sumber artikel secara otomatis saat orang lain mengcopy paste artikel blog Anda merupakan cara terbaik yang bisa Anda ajarkan kepada orang tersebut tentang bagaimana seharusnya menghargai karya orang lain. Banyak orang yang membuat blog dan berusaha menjadi seorang blogger namun tidak mampu atau malas membuat artikel hasil karya sendiri. Mereka hanya menjiplak atau copy-paste artikel orang lain tanpa mau mengedit atau menautkan link sumber artikel.

Bagi Anda yang ingin memasang link sumber artikel otomatis saat artikel di copy paste pengunjung blog Anda, berikut langkah-langkah yang bisa Anda lakukan :

Baca juga artikel : Cara Membuat Dan Memasang MP3 Player Di Blog

1. Login ke blog Anda

2. Pada menu navigasi, klik "Tema" > klik "Edit HTML".

3. Pada jendela tema, cari dan temukan kode </head>

4. Copy script dibawah ini, kemudian pastekan tepat diatas kode </head>

<script type='text/javascript'> function addLink() { var body_element = document.getElementsByTagName('body')[0]; var selection; selection = window.getSelection(); var pagelink = "<br/><br/>Sumber : <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>"; // change this if you want var copytext = selection + pagelink; var newdiv = document.createElement('div'); newdiv.style.position='absolute'; newdiv.style.left='-99999px'; body_element.appendChild(newdiv); newdiv.innerHTML = copytext; selection.selectAllChildren(newdiv); window.setTimeout(function() { body_element.removeChild(newdiv); },0); }document.oncopy = addLink; </script>

5. Simpan tema

Hasilnya jika di copy-paste seperti berikut :

Banyak website yang secara khusus menyediakan sarana untuk kompres file pdf, salah satunya adalah Hipdf. Berikut ini langkah-langkah untuk memperkecil ukuran file pdf secara online yang bisa Anda lakukan melalui website Hipdf 

Sumber : https://cari2-cara.blogspot.com/2019/01/cara-mengecilkan-ukuran-file-pdf-secara-online.html

Selain menggunakan script diatas, Anda juga bisa menggunkan script berikut ini :

1. Pada jendela tema, cari dan temukan kode </body>

2. Copy script dibawah ini, kemudian pastekan tepat diatas kode </body>

<script type='text/javascript'> //<![CDATA[ // Copy Text function nocopas(){var e=window.getSelection();pagelink="<br/><br/>Read more: "+document.location.href,copytext=e+pagelink,newdiv=document.createElement("div"),newdiv.style.position="absolute",newdiv.style.left="-99999px",document.body.appendChild(newdiv),newdiv.innerHTML=copytext,e.selectAllChildren(newdiv),window.setTimeout(function(){document.body.removeChild(newdiv)},100)}document.addEventListener("copy",nocopas); //]]> </script>

3. Simpan tema

Hasilnya jika di copy-paste seperti berikut :

Banyak website yang secara khusus menyediakan sarana untuk kompres file pdf, salah satunya adalah Hipdf. Berikut ini langkah-langkah untuk memperkecil ukuran file pdf secara online yang bisa Anda lakukan melalui website Hipdf  

Read more: https://cari2-cara.blogspot.com/2019/01/cara-mengecilkan-ukuran-file-pdf-secara-online.html

Setelah Anda memasang kode link sumber artikel otomatis di blog Anda, maka setiap artikel blog yang di copy-paste oleh pengunjung blog Anda, akan muncul URL artikel secara otomatis di bagian bawah artikel yang di copy-paste.

Baca juga artikel :

- Cara Membuat Drop Cap Pada Artikel Blog

- Cara Membuat Galeri Foto Di Postingan Blog

Demikian Cara Membuat Link Sumber Artikel Otomatis Pada Postingan Blog yang bisa Anda lakukan. Jika Anda ingin mengcopy artikel orang lain, sebaiknya Anda melakukan edit terhadap artikel tersebut, atau menyertakan link sumber artikel. Semoga bermanfaat.

Read More

Cara Mengetahui Kunjungan Terakhir Googlebot Ke Website Anda

Cara Mengetahui Kunjungan Terakhir Googlebot Ke Website Anda - Googlebot merupakan perangkat lunak milik Google yang digunakan untuk perayapan web, mengumpulkan dokumen dari web dan membuat indeks yang dapat dicari pada mesin pencari Google. Proses perayapan Googlebot dimulai dengan daftar URL laman web, yang dihasilkan dari proses perayapan sebelumnya ditambah dengan data Peta Situs yang diberikan oleh webmaster. Jadi jika Googlebot belum merayapi website atau blog Anda, maka artikel Anda belum terindex Google.

Bagi Anda yang ingin mengetahui kapan terakhir Googlebot merayapi website atau blog Anda, berikut ini langkah-langkah untuk mengetahui kunjungan terakhit Googlebot ke blog Anda :

Baca Juga artikel : Cara Mengetahui Tampilan Blog Di Berbagai Ukuran Layar HP

1. Silahkan kunjungi : http://www.gbotvisit.com/

2. Pada kolom "Site URL", masukan URL web/blog Anda.

3. Selanjutnya klik tombol "Check Google Bot last visit".

4. Pada jendela berikutnya, Anda akan melihat hasilnya (Preview). itulah tanggal terakhir Googlebot mengunjungi website atau blog Anda. Jika tanggal yang ada lebih baru dari artikel yang Anda terbitkan, maka artinya artikel Anda itu telah terindex Google.

Untuk mengetahui update perayapan Googlebot ke website atau blog Anda, copy kode yang diberikan dan pastekan ke widget website / blog Anda.

Baca juga artikel : Cara Mengetahui Posisi Artikel Di Mesin Pencari Google

Demikian Cara Mengetahui Kunjungan Terakhir Googlebot Ke Website Anda. Semakin sering update artikel maka akan semakin sering Googlebot berkunjung. Semoga bermanfaat.

Read More

Cara Membuat Sitemap Blog Keren

Cara Membuat Sitemap Blog Keren - Sitemap atau daftar isi merupakan salah satu sarana yang dapat memudahkan para pengunjung menjelajahi blog Anda. Sitemap berisi semua link-link artikel atau postingan yang tersusun secara berurutan sesuai abjad atau kategori artikel blog Anda. Dengan adanya sitemap di blog Anda, maka pengunjung lebih mudah menemukan artikel yang dicarinya. Dengan memasang sitemap, memungkinkan blog Anda lebih cepat terindex google.

Bagi Anda yang belum mengetahui bagaimana membuat sitemap blog, berikut ini cara membuat sitemap yang bisa Anda lakukan :

Baca juga artikel : Cara Membuat Daftar Isi Otomatis Pada Blog

1. Login ke blog Anda.

2. Pada panel navigasi, klik "Halaman", kemudian pilih "Halaman Baru".

3. Tuliskan judul halaman Anda, misalnya Sitemap atau Daftar Isi.

4. Alihkan mode Compose ke HTML.

5. Copy script dibawah ini, kemudian paste di area entri html.

<style scoped="scoped" type="text/css">
#show-cat{float:left;margin:10px 5% 20px 0;width:25%;height:386px;overflow:auto;line-height:18px;border:1px solid #ccc}
#show-cat ul{margin:0;border-top:0px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:0px solid #ccc;border-bottom:0px solid #ccc;border-left:0px solid #ccc;padding:0}
#show-cat ul li a{display:block!important;padding:10px;border-bottom:1px solid #ccc;}
#show-cat ul li:last-child a{border-bottom:none;}
#show-cat ul li a,#navi-cat a{background:#076BB8;color:#fff;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#222222;color:#fff}
#show-post{float:left;width:59%;border: 0px solid #4C4444;}
#show-post ul li{list-style-type:none;margin-left:-30px}word-wrap:break-word;
#show-post ul li a{word-wrap:break-word;}
#navi-cat{background: #;padding:10px 0}
#navi-cat a{margin-right:10px;border:1px solid #ccc}
#navi-cat a,#navi-cat span{padding:5px 10px;margin-left: 5px;}
#navi-cat span{float:right;color:#222222;}

@media screen and (max-width:768px){
#show-cat{width:35%;}
#show-post{width:59%;}
}
@media screen and (max-width:480px){
#show-cat{width:100%;margin:20px 0}
#show-post{width:100%;}
}
</style>

<br />
<div id='show-cat'>
</div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='http://cari2-cara.blogspot.com';cat_numb=15;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>

<style type="text/css">#rsidebar-wrapper{display:none !important;}#midsidebar-wrapper{display:none !important;}</style>
<style type="text/css">#main-wrapper{width:100%!important;float:left;margin:0;}
.post{width:100%}
</style>

- 368px adalah tinggi panel navigasi, silahkan ganti untuk menyesuaikannya.

- #076BB8 adalah warna background panel navigasi, silahkan ganti sesuai warna Anda.

- Ganti cari2-cara.blogspot.com dengan url blog Anda.

6. Selesai, selanjutnya publikasikan sitemap blog Anda.

Hasilnya seperti gambar dibawah ini, untuk lebih jelasnya, silahkan Klik Disini !

Baca juga artikel : Cara Memasang Email Subscription Keren Di Blog

Demikian Cara Membuat Sitemap Blog Keren yang bisa Anda lakukan. Semoga bermanfaat.

Read More

Cara Membuat Galeri Foto Slideshow Di Postingan Blog

Cara Membuat Galeri Foto Slideshow Di Postingan Blog - Menempatkan foto didalam postingan blog merupakan cara yang umumnya dilakukan oleh seorang blogger untuk membuat artikelnya menjadi lebih bermakna. Banyak model penempatan foto didalam postingan blog, salah satunya adalah dengan model slideshow. Slideshow foto adalah tayangan dari beberapa foto yang berubah-ubah secara otomatis. Dengan tampilan slideshow, maka penempatan foto didalam postingan blog tidak menggunakan banyak ruang, sehingga postingan terlihat lebih rapih.

Banyak cara untuk membuat foto slideshow di postingan blog, salah satunya adalah cara yang paling sederhana, yang bisa Anda lakukan berikut ini :

1. Login ke blog Anda.

2. Buat artikel Anda, Postingan > Entri baru.

3. Alihkan mode "Compose" menjadi "HTML".

4. Silahkan copy script dibawah ini kemudian paste di area entry html.

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script> <script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#content-slider').cycle({ fx: 'fade' }); }); </script>
<style type="text/css">
#content-slider {
 position: relative;
 width: 100%;
 height: 250px;
 overflow: hidden;
 margin:0 auto;
}
#content-slider img {
 display: block;
 width: 100%;
 height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto Anda" />
<img src="URL Foto Anda" />
<img src="URL Foto Anda" />
<img src="URL Foto Anda" />
</div>

- Pada tulisan yang berwarna merah "URL Foto Anda", silahkan masukan url foto Anda.

- Silahkan ubah ukuran width dan height untuk menyesuaikan besarnya foto.

- Jika ingin menambah foto, silahkan copy-paste kode <img src="URL Foto Anda" />

- Jika muncul peringatan seperti gambar dibawah ini, silahkan klik "Tutup".

5. Selanjutnya silahkan publikasikan postingan Anda dan lihat hasilnya.

Baca juga artikel : Cara Membuat Galeri Foto Di Postingan Blog

Itulah Cara Membuat Galeri Foto Slide Show Di Postingan Blog yang dapat Anda lakukan. Dengan cara ini, maka tampilan foto di postingan menjadi lebih menarik. Semoga bermanfaat.

Read More

Cara Mengganti Navigasi Postingan Lama Postingan Baru Dengan Judul Artikel

Cara Mengganti Navigasi Postingan Lama Postingan Baru Dengan Judul Artikel - Berbagai cara bisa dilakukan oleh seorang blogger untuk membuat blog miliknya tampil menarik, salah satunya adalah dengan mengubah tampilan navigasi postingan lama dan postingan lebih baru menjadi judul postingan. Selain membuat tampilan blog lebih menarik, pengunjung juga dapat dengan mudah mengetahui apa judul artikel pada postingan selanjutnya atau sebelumnya.

Bagi Anda yang ingin mengubah navigasi postingan lama dan postingan lebih baru menjadi judul postingan, silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog Anda.

2. Pada panel navigasi, klik "Tema" kemudian klik "Edit HTML".

3. Cari dan temukan kode </head>

4. Copy script dibawah ini dan pastekan tepat diatas kode </head>, setelah itu "Simpan tema".

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Langkah selanjutnya yang harus Anda lakukan adalah :

1. Kembali ke panel navigasi, klik "Tata Letak".

2. Klik "Tambah Gadget", kemudian klik "HTML/JavaScript".

3. Copy script dibawah ini dan pastekan di kolom konten gadget, setelah itu "Simpan".

<style type="text/css"> .home-link{display:none} #blog-pager-newer-link {font-size:14px;width:250px;float:left; text-align:left;font-family:Arial, sans-serif;} #blog-pager-older-link {font-size:14px;width:250px;float:right; text-align:right;font-family:Arial, sans-serif;} </style> <script type="text/javascript"> $(document).ready(function(){ var olderLink = $("a.blog-pager-older-link").attr("href"); $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { var olderLinkTitle = $("a.blog-pager-older-link").text(); $("a.blog-pager-older-link").text(olderLinkTitle + "\u2192");//rgt }); var newerLink = $("a.blog-pager-newer-link").attr("href"); $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { var newerLinkTitle = $("a.blog-pager-newer-link:first").text(); $("a.blog-pager-newer-link").text("\u2190" + newerLinkTitle); }); }); </script>

4. Silahkan buka salah satu postingan blog Anda dan lihat hasilnya, maka navigasi postingan lama dan postingan baru telah berganti dengan judul artikel.

Demikian Cara Mengganti Navigasi Postingan Lama Postingan Baru Dengan Judul Artikel yang bisa Anda lakukan. Semoga bermanfaat.

Read More

Cara Memasang Presentasi PowerPoint Di Postingan Blog

Cara Memasang Presentasi PowerPoint Di Postingan Blog - Presentasi merupakan salah satu bentuk komunikasi yang dilakukan dengan cara berbicara secara langsung di hadapan hadirin atau orang banyak dengan tujuan memberikan informasi atau materi, contohnya seperti memperkenalkan sebuah produk barang dan jasa. Presentasi sering dilakukan dengan menggunakan sebuah media seperti menampilkan gambar atau tayangan slide video.

Bagi Anda yang ingin menampilkan sebuah presentasi di postingan blog untuk kepentingan tertentu atau mempromosikan sebuah produk, silahkan ikuti langkah-langkah berikut ini :

Baca juga artikel : Cara Berbicara Di Depan Umum Agar Menarik Perhatian

1. Membuat akun SlideShare :

- silahkan kunjungi : https://www.slideshare.net/signup

- Pilih salah satu cara sign up "Join LinkedIn" atau "Join now".

- silahkan melakukan pendaftaran, ikuti saja semua prosedurnya hingga pendaftaran selesai.

2. Setelah selesai melakukan pendaftaran dan login, lakukan hal berikut ini :

- klik tombol "Upload" yang berada di kanan atas jendela website.

- klik tombol "Select files to upload" untuk mengambil file PowerPoint Anda di komputer.

- pilih file Anda > open, setelah itu tunggu hingga proses upload file selesai.

- setelah proses upload file selesai, klik "Publish".

3. Setelah mempublish file presentasi PowerPoint, lakukan hal berikut ini :

- Klik tombol "Share" yang berada di bawah tampilan presentasi Anda.

- selanjutnya copy kode Embed dan pastekan di area entry (mode html) postingan blog Anda.

4. Selesai, publikasikan postingan Anda. Sekarang presentasi Anda akan dilihat secara langsung di blog Anda sehingga pengunjung akan tertarik dan kemudian menghubungi Anda.

Demikian Cara Memasang Presentasi PowerPoint Di Postingan Blog yang bisa Anda lakukan. Dengan cara ini, secara tidak langsung Anda telah melakukan presentasi kepada para pengunjung blog atau konsumen yang terkait dengan presentasi Anda. Semoga bermanfaat.

Read More

Cara Membuat Galeri Foto Di Postingan Blog

Cara Membuat Galeri Foto Di Postingan Blog - Memasukan banyak foto sekaligus didalam sebuah postingan memerlukan sebuah cara tertentu agar tampilan foto-foto tersebut menjadi menarik. Misalnya Anda ingin membuat sebuah artikel khusus yang berisi kumpulan foto dokumentasi perjalanan wisata atau acara seremonial, jika tidak dilakukan pengaturan secara khusus maka foto-foto itu akan berderet memanjang kebawah sehingga tampilan postingan Anda menjadi tidak menarik dan tentunya pengunjung blog Anda tidak menyukainya.

Untuk membuat tampilan banyak foto didalam postingan blog menjadi menarik, maka Anda dapat menampilkannya kedalam bentuk galeri. Berikut ini cara membuat galeri foto didalam postingan blog yang dapat Anda lakukan :

Baca juga artikel : Cara Membuat Gambar Sejajar Pada Artikel Blog

1. Login ke blog Anda.

2. Buat artikel Anda, Postingan > Entri baru.

3. Alihkan mode "Compose" menjadi "HTML".

4. Silahkan copy kode dibawah ini, kemudian paste di area entry html.

<div class="snap_preview">
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="Url Image Anda" target="_blank">
<img border="0" height="150" src="Url Image Anda"" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="Url Image Anda"" target="_blank">
<img border="0" height="150" src="Url Image Anda"" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="Url Image Anda"" target="_blank">
<img border="0" height="150" src="Url Image Anda"" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon">
<a href="Url Image Anda"" target="_blank">
<img border="0" height="150" src="Url Image Anda"" width="200" /></a>
</dt>
</dl>
</div>
</div>

Perhatikan dengan baik tulisan yang berwarna merah !

- width:33% : tampilan foto barjajar sebanyak 3 (100/3), kalau ingin berjajar 4 maka 33% diubah menjadi 25% (100/4), kalau ingin berjajar 2 diubah menjadi 50%.

- 150 & 200 : tinggi dan lebar foto, silahkan diubah sesuai keinginan Anda

- URL Image Anda : masukan URL foto Anda, contohnya seperti berikut :

<dt class="gallery-icon"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpun2l_ku1e4ioUhA5XZP-snapWgTXRbpOxZh7WJY-YgrsTsCkCj3_NiIiGx1Qbjs2hpAL8qw5LpfD0l5pJMkwDF0tEQqpx6LqTNVM0e11hY0LcPxbtpz-vG8gIMQEKofquVY_DIxnI0wg/s1600/office-625892_640.jpg" target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpun2l_ku1e4ioUhA5XZP-snapWgTXRbpOxZh7WJY-YgrsTsCkCj3_NiIiGx1Qbjs2hpAL8qw5LpfD0l5pJMkwDF0tEQqpx6LqTNVM0e11hY0LcPxbtpz-vG8gIMQEKofquVY_DIxnI0wg/s320/office-625892_640.jpg" width="200" /></a>

5. Sebelum dipublikasikan, lakukan pratinjau. Setelah hasilnya telah sesuai dengan keinginan Anda, silahkan publikasikan. Contohnya seperti berikut ini :

Jika ingin menambah jumlah foto, copy kode berikut ini dan pastekan dibawah kode </dl>.

<dl class="gallery-item">
<dt class="gallery-icon">
<a href="Url Image Anda"" target="_blank">
<img border="0" height="150" src="Url Image Anda"" width="200" /></a>
</dt>
</dl>

Demikian Cara Membuat Galeri Foto Di Postingan Blog yang bisa Anda lakukan. Dengan cara ini maka foto-foto dipostingan blog Anda akan tersusun rapih. Semoga bermanfaat.

Read More

Cara Menambahkan Musik Pada Postingan Tertentu

Cara Menambahkan Musik Pada Postingan Tertentu - Banyak cara yang dapat dilakukan seorang blogger untuk membuat blognya menjadi lebih menarik, salah satunya adalah dengan menambahkan lagu sebagai latar belakang sebuah postingan atau halaman tertentu. Musik atau lagu akan terdengar secara otomatis ketika pengunjung membuka halaman atau postingan yang telah Anda tambahkan musik atau lagu didalamnya. Musik atau lagu yang sesuai dengan postingan dapat membuat suasana membaca lebih menyenangkan.

Memasang musik hanya pada postingan tertentu memang dapat membuatnya lebih menarik, namun sebaiknya musik atau lagu yang terpasang harus sesuai dengan tema artikel atau postingan. Halaman Sitemap blog ini juga memiliki latar belakang musik, silahkan Klik Disini !

Bagi Anda yang ingin menambahkan musik atau lagu pada salah satu artikel atau postingan blog, silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog Anda.

2. Pilih salah satu postingan atau halaman yang ingin Anda tambahkan musik, klik "Edit".

3. Pada area entry, alihkan mode Compose ke HTML, klik "HTML".

4. Copy salah satu kode musik dibawah ini, pastekan diarea paling bawah entry html.

<audio
autoplay=""loop=""src="https://ksatria.podbean.com/mf/web/cfyd2u/The_Moment.mp3">
</audio>

<audio autoplay=""loop=""src="https://ksatria.podbean.com/mf/web/nithgh/I_ll_Remember_You.mp3">
</audio>

<audio autoplay=""loop=""src="https://ksatria.podbean.com/mf/web/rzb44j/Forever_In_Love.mp3">
 </audio>

<audio
autoplay="" loop="" src="https://ksatria.podbean.com/mf/web/5y93st/Woman_In_Love.mp3">
 </audio>

Tulisan yang berwarna merah adalah URL musik atau lagu, silahkan Anda menggantinya dengan musik atau lagu favorit Anda. Untuk membuat URL lagu atau musik favorit Anda, silahkan kunjungi artikel Cara Membuat File URL Lagu MP3 yang ada di blog ini.

5. Klik "Pratinjau" untuk mengetahui hasilnya/musik terdengar. Setelah itu klik "Perbarui".

6. Selesai, sekarang salah satu postingan blog Anda akan terdengar lagu.

Baca juga artikel : Cara Membuat Dan Memasang MP3 Player Di Blog

Demikian Cara Menambahkan Musik Pada Postingan Tertentu yang dapat Anda lakukan. Dengan latar belakang musik, maka postingan Anda menjadi lebih menarik. Semoga bermanfaat.

Read More

Cara Menghilangkan Sidebar Dari Halaman Statis

Cara Menghilangkan Sidebar Dari Halaman Statis - Sidebar blog merupakan bagian dari tata letak gadget yang berada disisi kiri atau disisi kanan dari area postingan blog. Sidebar umumnya digunakan untuk meletakan berbagai macam gadget atau widget sebagai kelengkapan atau navigasi tambahan pada blog Anda seperti Artikel Terbaru, Artikel Populer, Label, dan lain sebagainya. Namun beberapa blogger sengaja menyembunyikan atau menghilangkan tampilan sidebar untuk membuat tampilan halaman terlihat lebih menarik, terutama pada halaman statis.

Halaman statis blog umumnya digunakan untuk menempatkan posting tertentu seperti kontak, sitemap, disclaimer atau privacy policy.  Agar tampilan post-post tersebut terlihat lebih menarik, maka tampilan sidebar disembunyikan dari halaman statis. Contoh tampilan laman privacy policy  yang tampil tanpa sidebar, silahkan Klik Disini !

Bagi Anda yang ingin menyembunyikan sidebar dari halaman statis blog Anda, silahkan ikuti langkah-langkah berikut ini :

1. Login ke blog Anda.

2. Bukan halaman statis blog  Anda.

3. Pilih salah satu judul halaman Anda, misalnya "Privacy Policy", kemudian klik "Edit".

4. Pada area Entry, alihkan mode Compose ke HTML, klik "HTML".

5. Copy kode dibawah ini dan pastekan diarea paling bawah entry html.

<style type="text/css">#rsidebar-wrapper{display:none !important;}#midsidebar-wrapper{display:none !important;}</style>
<style type="text/css">#main-wrapper{width:100%!important;float:left;margin:0;} .post{width:100%} </style>

Tulisan yang berwarna merah adalah kode css blog ini, silahkan ganti dengan kode css blog Anda. Contohnya #rsidebar-wrapper diganti dengan #sidebar-wrapper, dan #main-wrapper diganti dengan #post-wrapper. Sesuaikan dengan kode css blog Anda.

6. Klik "Pratinjau" untuk memastikan hasilnya. Setelah berhasil, klik "Perbarui".

Baca juga artikel : Cara Membuat Privacy Policy Untuk Blog

Demikian Cara Menghilangkan Sidebar Dari Halaman Statis yang dapat Anda lakukan. Lakukan cara tersebut pada semua post yang ada di halaman statis blog Anda. Semoga bermanfaat.

Read More