nuansahati90

Home » All posts

Selasa, 22 Mei 2018

1
Cara Import Artikel Blog Lama Ke Blog Baru dan Redirect Traffic

By Anonim | At Mei 22, 2018 | Label : REDIRECT | 1 Comments

Anda mungkin memiliki banyak blog dan terpikir untuk menggabungkannya menjadi satu. Apapun platform yang Anda gunakan, hal tersebut dapat dilakukan, baik itu platform Blogger, WordPress, maupun platform lainnya. Dengan menggabungkan beberapa blog menjadi satu Anda akan lebih mudah dalam mengelolahnya. Dengan melakukan import-export dan menyisipkan script redirect URL domain lama ke domain baru, Anda tidak akan kehilangan visitor di blog lama. Visitor akan diarahkan ke domain baru dengan konten yang sama.

Sebagai catatan, memiliki banyak blog memiliki sisi kekurangan dan keuntungan. Salah satu sisi keuntungan memiliki banyak blog Anda bisa belajar banyak hal dari statistik masing-masing blog. Sementara sisi kekurangannya diantaranya adalah mengharuskan Anda untuk mengalokasikan lebih banyak waktu, kurang bisa fokus terhadap salah satu blog, dan membutuhkan lebih banyak biaya (jika Anda menggunakan TLD dan self hosting).

Tidak lama ini saya memutuskan untuk menggabungkan beberapa blog aktif yang saya kelola menjadi satu. Hal tersebut saya lakukan karena alasan periklanan dimana saya merasa kurang puas dengan performa iklan pada beberapa blog. Dengan menggabungkan blog-blog tersebut menjadi satu saya berharap performa iklan akan mengalami peningkatan dengan metode optimasi yang sudah saya siapkan. Setelah mempertimbangkan sejumlah hal, keputusan saya akhirnya bulat. Adapun sebagian besar dari blog-blog tersebut merupakan blog ber-platform Blogger.
Bagi sahabat pembaca yang memiliki rencana untuk export blog lama ke domain baru atas alasan tertentu, silakan simak panduannya dibawah ini.
Catatan:

Tutorial ini berlaku untuk platform Blogger/Blogspot
Bisa diterapkan dari sub domain ke sub domain (blogspot ke blogspot)
Tidak bisa diterapkan dari sub domain (blogspot) ke top level domain (TLD)
Bisa diterapkan dari TLD ke TLD

Cara Import Konten Blog Lama ke Blog Baru Serta Mengarahkan Pengunjung Blog Lama ke Blog Baru

Silakan masuk ke dashboard Blogger blog lama Anda, kemudian pilih menu “Settings”
Cara Memindahkan Blog Lama Ke Blog Baru

Kemudian pilih “Other”.
Cara Memindahkan Blog Lama Ke Blog Baru

Scroll ke bagian atas, lalu pilih “Back up Content”
Cara Memindahkan Blog Lama Ke Blog Baru

Klik tombol “Save to your computer”
Cara Memindahkan Blog Lama Ke Blog Baru

Proses back up selesai. Langkah selanjutnya yang perlu Anda lakukan adalah menyisipkan script redirect pada template. Script redirect ini berfungsi untuk mengarahkan pengunjung blog lama ke blog baru dengan artikel yang sama. Silakan pilih menu “Templates”, kemudian pilih sub menu “Edit HTML”, lalu masukkan script dibawah tepat dibawah kode <head>.

<script type=’text/javascript’>
var this_url = window.location.href;
var new_url = this_url.replace("bloglama","blogbaru");
window.location = new_url;
</script>

Silakan simpan pengaturan template jika script redirect diatas sudah Anda masukkan tepat dibawah kode <head>.
Catatan:

Jika untuk sub domain ke sub domain (blogspot ke blogspot), maka bloglama diganti dengan bloglamaanda.blogspot. dan blogbaru disisi dengan blogbaruanda.blogspot. (tanpa menggunakan http:// dan ekstensi com).
Apabila untuk domain TLD, maka bloglama diganti dengan bloglamaanda.com dan blogbaru diganti dengan blogbaruanda.com

Selanjutnya, melakukan proses import konten blog lama ke blog baru. Silakan simak langkah-langkah import konten blog dibawah ini.

Cara Import Konten Blog

Silakan masuk ke dashboard Blogger blog baru Anda, silakan pilih menu “Settings”.
Cara Memindahkan Blog Lama Ke Blog Baru

Pilih sub menu “Other”.
Cara Memindahkan Blog Lama Ke Blog Baru

Kemudian, pilih “Import Content”.
Cara Memindahkan Blog Lama Ke Blog Baru

Selanjutnya, pada jendela munculan silakan centang pada bidang “I’m not a robot” lalu klik tombol “Import from computer”.
Cara Memindahkan Blog Lama Ke Blog Baru

Catatan:

Jika Anda tidak ingin mempublikasikan konten dari blog lama ke blog baru secara otomatis, maka silakan hilangkan centang pada bidang “Automatically publish all imported posts and pages”.

Proses export-import sudah selesai, dengan mengikut langkah-langkah diatas, pengunjung blog lama akan diarahkan ke blog baru.
Setelah berhasil menggabungkan beberapa blog menjadi satu, hal yang perlu Anda perhatikan kemudian adalah munculnya jumlah halaman tidak ditemukan (page not found 404) dalam jumlah yang cukup banyak. Hal ini terjadi karena kesalahan pada format URL. Untuk mengatasinya, Anda bisa melakukan pengecekan di Google Search Console. Temukan daftar URL yang bermasalah (not found), lalu aktifkan fitur redirect yang disediakan oleh Blogger. Langkah-langkahnya sebagaimana dijelaskan dibawah ini.

Cara Redirect URL di Blogger

Pada dashboard Blogger, silakan pilih menu “Settings”, kemudian pilih “Search Preferences”, lalu klik “Edit” pada bidang “Custom Redirects”.
how to redirect url on blogger

Silakan redirect URL not found ke URL yang berisi artikel yang sama.
how to redirect url on blogger

SELESAI.

<script>
var this_url = window.location.href;
var new_url = this_url.replace("garudaqq-qqgaruda.blogspot.com","qqgaruda.weebly.com");
window.location = new_url;

</script>

Kamis, 01 Maret 2018

0
Cara Mudah Membuat Recent Post Blog Bergerak kebawah

By Anonim | At Maret 01, 2018 | Label : RECENT POST | 0 Comments

Cara Mudah Membuat Recent Post Blog Bergerak kebawah

Membuat Recent Post atau Postingan Terbaru anda berjalan pada blog akan membuat blog anda lebih semakin indah dan menarik pengunjung dan memberikan informasi kepada pengunjung bahwasanya inilah recent post blog ini, Recent post ini menampilkan sejumlah artikel terbaru sobat bergerak kebawah, contohnya anda boleh melihat di samping kanan/ sidebar blog ini.

Berhubung karena mungkin anda sudah tidak sabar lagi untuk mengetahui caranya, silahkan perhatikan penjelasan berikut :

1. Log in ke akun blog sobat.
2. Klik Tata Letak --> Tambah gadget --> HTML/Javascript
3. Masukkan kode yang ada di bawah ini ke dalam konten yang anda buka tadi.

4. Kemudian Klik Save, dan lihat hasilnya..

Berhasilkan sobat, Semoga Bermanfaat...

jangan lupa Koment dibawah yah...

Jumat, 09 Februari 2018

0
Cara Membuat Widget Pop Up Card Di Blogger

By Anonim | At Februari 09, 2018 | Label : POP UP | 0 Comments

Masuk ke Tab Template-> Klik Edit HTML, Cari Code ]]></b:skin> atau </style>

kalo sudah ketemu, masukan CSS di bawah ini tepat di atas kode yang tadi di cari

/*Widget Pop Up Card*/
#mstamvan {
    z-index: 1000;
    position: fixed !important;
    top: 100px;
    left: 50%;
    width: 700px;
    margin-left: -350px;
}
#belakang {
    left: 0px;
    background: #000 none repeat scroll 0% 0%;
    opacity: 0.6;
    position: fixed;
    z-index: -1;
    top: 0px;
    height: 100%;
    width: 100%;
}
.tulisan {
font-size: 20px;
background: #FFF none repeat scroll 0% 0%;
border-radius: 50%;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.14);
cursor: pointer;
display: inline-block;
padding: 2px 9px;
text-align: center;
font-family: arial,sans-serif;
position: absolute;
top: -15px;
right: -20px;
  collor:#344;
  return:false;
}
.isinya {
      border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    width: 700px;
    height: 400px;
    border: 4px solid #FFF;
}

Sekarang Masukan Javascript Dibawah Ini Tepat Diatas Kode </BODY>


<script type='text/javascript' >
$(document).ready(function() {
  $('#mstamvan').click(function() {
 $('#mstamvan').fadeOut('500');
  });
});
</script>

Save Template.
Lanjut Ketahap Selanjutnya

Masuk ke Tata Letak, Tambahkan Gadget, Terus cari HTML/Javascript.

Contoh, Lihat gambar dibawah!!

Setelah diklik / dibuka HTML/Javascriptnya, Masukan Script Widget Pop Up yang dibawah kedalamnya.

<div id='mstamvan'>
<div id='belakang'></div>
<div class='tulisan' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)'><a>&#215;</a></div>
<div class='isinya'><a href='http://fb.com/tejasukmana99' target='_blank'><img style="width: 700px; height: 400px;" alt='Mas Tamvan on Facebook!' src='LINK IMAGE'/></a>
  </div>
</div>
</div>

Ok, sekarang tinggal save templatenya and DONE, Salam Tamvan


Silahkan Ganti Kata LINK IMAGE dengan link image buatan agan
Ganti Juga Link Fb ini sengan link kalian
http://fb.com/tejasukmana99

1
Cara Membuat Related Post dengan Gambar

By Anonim | At Februari 09, 2018 | Label : RELATED POST GAMBAR | 1 Comments

Cara Membuat Related Post dengan Gambar di Blogspot

1. Copy + Paste kode di bawah ini DI ATAS kode </head>

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{float:left;width:100%;border-top:3px solid #ddd;margin:5px 0}
#related-posts .judul{background:none;color:#333;font:16px Oswald;padding:5px 0}
#related-posts .maskolis_img {padding:0 0;width:140px;height:95px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#related-posts .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
</style>
<script type="text/javascript">//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlCzX620b_i7XSN4tO1r_yciX5-pP0HC_Da-Gv477nH5DS9XGAOW3nUQ9gJyroBHgtIZLKAPuQTEwWf50gxJBBA807QQ5aL7CKjcpBEraRq22UaIooDFkSVY99rOwOGfu9MtVcxAzt-4aQ/s1600/no-video.gif'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<div class="judul">'+relatedpoststitle+'</div>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 12px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="maskolis_img" src="'+thumburl[r]+'"/><br/><div style="width:140px;padding:0 0;color:#666;height:35px;text-align:center;margin:0px 0px; font:bold 11px Arial; line-height:14px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}//]]>
</script>
</b:if>

Catatan: kode ber-warna merah adalah ukuran lebar gambar/foto. Sesuaikan dengan lebar halaman text area posting blog Anda, bisa diubah lebih kecil atau lebih besar.

2. Langkah berikutnya cara membuat Related Post dengan Gambar adalah dengan Copy + Paste kode berikut ini di atas kode <div class='post-footer'> atau di bawah kode <data:post.body/> yang kedua atau ketiga.

<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8"' type='text/javascript'/>
</b:if>
</b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=4;
var relatedpoststitle="Related Posts :";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div class='clear'/>

Catatan: kode berwarna biru adalah jumlah related post, bisa diubah menjadi 8 atau bahkan 12. Sebaiknya empat saja, jangan terlalu banyak.

3. SAVE Template!

Jika tidak berhasil, coba pindahkan kode JavaScript di langkah No.1, yaitu kode yang diawali denngan <script type="text/javascript"> dan diakhir dengan </script>, pindahkan ke atas kode </body>

Minggu, 28 Januari 2018

2
Cara Membuat Iklan Melayang/Floating Ads Responsive dengan Tombol Close

By Anonim | At Januari 28, 2018 | Label : IKLAN MELAYANG | 2 Comments

1. Login ke blogger, masuk ke dasbor, klik Template > Edit HTML.

2. Cari kode </body> dan letakkan kode berikut ini di atasnya.

<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>

<div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
<div><a id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqAPsRxCI462NQI82FnOjHrvcURF7wZ9J_i_rfVM8Gnty0Je3ed4yTjfIBIK9cAgrqF2CpeBO5HwectO70hQMVxdS-LpfbYiDFbrOLs0WRuZZ2n_3jRY1L_XyjjQfkJV-Qq24uuCLzAU/s1600/btn_close.gif' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

<a href="https://goo.gl/omD2P6" rel="nofollow" target="_blank"><img alt="GarudaQQ.org | Domino Online | Poker Online| Domino QQ Online" data-original-height="90" data-original-width="728" src="https://3.bp.blogspot.com/-W_x4Sdacjxo/WjJCleuQe7I/AAAAAAAAASM/JJWFgaPqIPoV6aw3shytPNftpzY1Tnw1QCLcBGAs/s3600/GarudaQQ1.gif" title="GarudaQQ.org | Domino Online | Poker Online| Domino QQ Online" width="728" height="95" border="0"></a>

</div>
</div>

Sabtu, 27 Januari 2018

0
Cara Membuat Widget Random Post Hanya Gambar

By Anonim | At Januari 27, 2018 | Label : WIDGET RANDOM POST | 0 Comments

1. Login ke blogger, masuk ke dasbor blog, kemudian temukan menu Tata Letak > Tambahkan Gadget (pada sidebar) > HTML/JavaScript,

2. Kopi dan paste kode di bawah ini ke dalam gadget tadi

atau

<style type='text/css'>
#random-posts{width:100%;background:none;}
#random-posts ul {margin: 0 auto!important; padding: 0 !important;text-align:center }
#random-posts ul li {background:none ;list-style-type: none;margin:0;padding:0 !important}
#random-posts li{float:left;list-style:none;border:none;width:90px;height:90px;overflow:hidden;margin-right:5px !important;margin-top:5px !important}
#random-posts img{float:left;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;;border:none;outline:0;position:static;transition:all .8s ease-out;}
#random-posts img:hover {-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);}
</style>
<div id="random-posts">
<ul>
<script type='text/javaScript'>
var rdp_numposts=9;
var rdp_snippet_length=0;
var rdp_info='no';
var rdp_comment='Comment';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRomxK-U97NYfm6n8LuX9ygr_lEAga5QfbYyHZhwR_e9G7lP_J_7nlR7d_K2ZaVawesaGGVK8neQ6vlF7-fidD9kk0aYx3h3miB0eRwe2Eh5ShGosT8meBRHBOCe0VNQTwdJ9OdXe1Rnv8/"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'" title="'+rdp_posttitle+'" height="90" width="90"/></a>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
</div>

3. Simpan, kemudian refresh blog anda untuk melihat hasilnya.

Minggu, 21 Januari 2018

0
Cara Membuat Blog Agar Tampil Normal dibuka Lewat HP

By Anonim | At Januari 21, 2018 | Label : TAMPILAN | 0 Comments

Cara Membuat Blog Agar Tampil Normal dibuka Lewat HP Sebagai Berikut:
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode

<b:include data='blog' name='all-head-content'/>

6. Jika sudah ketemu taruh kode berikut di bawahnya:

7. Simpan template jika sudah selesai.

Selamat mencoba :)

Minggu, 26 November 2017

2
Cara Membuat Pop Up Iklan Javascript Untuk Website - Nuansahati90.blogspot.com

By Film Sex | At November 26, 2017 | Label : POP UP | 2 Comments

Sintesis Popup Kode - iklan Javascript untuk website - Blogspot. Situs popup Kode Iklan javascripts - blogspot iklan Kode popup muncul beberapa tab setiap klik mouse iklan popup Kode popup muncul ketika mengklik iklan pertama kali muncul jendela tien.Code popup beberapa kali ketika klik pertama pertama. Kode popup jendela membuka iklan kecil di bawah sudut layar.

Artikel yang Anda mungkin tertarik:

Kode pesan popup muncul hanya satu kali ketika situs blogspot
Kode untuk membuat iklan banner di sepanjang 2 sisi web spanduk - Blogspot
Kode popup insert iklan di sudut kanan - sudut kiri web layar - blogspot

Jenis Kode popup saya akan berbagi dalam artikel ini

Kode popup muncul beberapa tab setiap kali Anda mengklik mouse
kode pop-under setelah browsing website / Blogger
Kode popup membuka tab baru ketika Anda klik di mana saja di web
Kode popup jendela membuka iklan kecil di bawah sudut layar
Popup Kode: Muncul popup saat klik pertama
Popup Kode: Muncul beberapa jendela saat klik pertama
Kode untuk membuat iklan popup muncul 1 kali / 1 hari / 1 ip

Kode Sintesis Popup - Javascript iklan untuk website - Blogspot

Catatan: Ubah link dengan link yang https://nuansahati90.blogspot.com/ Popup Anda perlu mengatur secara offline website.

1. Kode Popup banyak tab muncul ketika mengklik

Menggantikan <body> tag ke dalam kode di bawah ini

Dalam default atas 3 halaman akan dibuka saat mengklik, Anda dapat menambahkan lebih banyak dengan menambahkan window.open ( "alamat web / blog").

Catatan: ingat Ini adalah hal yang sangat menjengkelkan bagi pengunjung anda

2. Kode Popup-under setelah browsing website / Blogger

Fitur file javarscripts.

Pop-under akan muncul secara otomatis tanpa harus menunggu pembaca untuk mengklik pada setiap lokasi di blogger Anda.
Popup tidak akan muncul pada browser add-on atau menggunakan perangkat lunak popup-blocking.

Bagaimana Melakukannya

untuk blogspot

Login di blog
Di dashboard Blogger
Dalam Tata Letak (Layout) -> Tambahkan widget (Tambah widget) -> HTML / JavaScript
1 dari 2 paste kode di bawah ke dalam HTML gadget / Javascript hanya ditambahkan (Atau, Anda dapat menempelkannya sebelum </ head>)

Untuk website:

Anda hanya sisipkan sebelum </ head> ok

Bagian 1:

Bagian 2:

3.Code popup membuka tab baru ketika Anda klik di mana saja di web

4. popup Kode jendela terbuka iklan kecil di bawah sudut layar

poin yang baik dari Kode Popup ini:
- Muncul 1 kali saat browsing terbuka Situs Web.
- Pop jendela situs web kecil di sudut layar -> lama tinggal Website Pop.

penyusunan
- Pada Website ini, latar belakang ini hanya 1 javascript kode di atas </ head> OK
- Pedoman Blogspot.
+ Pasang panel blogger -> Tata Letak (Layout) -> Tambahkan 1 widget (Tambah Widget a) -> HTML / Javascript.
Kemudian paste kode di atas ke dalam utilitas telah menyelamatkan lebih dan OK

code:

Link website dengan link yang https://nuansahati90.blogspot.com/ Sebaliknya Anda harus menempatkan Pop offline.

5. Popup Kode: Muncul popup saat klik pertama

Untuk script ini, satu-satunya jendela Popup terbuka ketika Anda mengklik untuk pertama kalinya ketika mengunjungi sebuah blog, klik pada operasi berikut popup window juga akan muncul sebagai skrip pertama, hanya skrip pertama Anda klik tab baru adalah bahwa hal itu muncul frekuensi yang lebih tinggi dari script ini. Apalagi script ini akan secara acak website / blog di urllist muncul.

Menggantikan <body> tag ke dalam kode di bawah ini

<body onclick="vtlai_popup();">

<script language="javascript">
/* <![CDATA[ */
var sinhvienit=0;
function SVIT_ADS_GetCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
return ""
}

function SVIT_ADS_SetCookie(name, value, days){
if (typeof days!="undefined"){
var expireDate = new Date()
var expstring=expireDate.setDate(expireDate.getDate()+days)
document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString(

6. Popup Kode: Muncul beberapa jendela saat klik pertama

Bagian kode ini ketika Anda klik pada blog untuk pertama kalinya semua jendela muncul dan hanya 1 single, klik berikutnya pada yang terakhir, jendela browser tidak muncul lagi dengan interval peraturan.

penyusunan

Menggantikan <body> tag ke dalam kode di bawah ini

6. Kode untuk membuat iklan popup muncul 1 kali / 1 hari / 1 ip

<Body> tag dan menggantikan seperti di bawah ini

Atau Anda dapat menggunakan kode berikut:

Sumber : http://blogskangsilham.blogspot.com

Senin, 20 November 2017

1
Membuat Slider yang Elegan dan Simple di Blogspot

By Film Sex | At November 20, 2017 | Label : SLIDER | 1 Comments

Membuat Slider yang Elegan dan Simple di Blogspot

Slider atau yang juga sering disebut slideshow adalah informasi yang berjalan atau sliding di blog atau website. Slider pada dasarnya untuk menampilkan informasi utama yang tertuang dalam sebuah konten blog.

Karena untuk kenyamanan pengunjung, tampilan slider juga menjadi penting diperhatikan. Jika menampilkan slider dengan asal-alasan bukan tidak mungkin akan merusak estetika sebuah website. Olehnya, dibutuhkan tema slider yang sesuai dengan template yang digunakan.

Pada tutorial kali ini, bloGoooblok ~ akan memaparkan cara membuat slider yang elegan dan simple untuk blogspot. Lihat contohnya pada demo dibawah ini:

Lihat Demo

Slideshow ini menggunakan JavaScript yang merupakan salah satu cara terbaik untuk menampilkan banyak informasi halaman artikel dalam ruang yang relatif kecil dengan menambahkan fungsi yang bagus.

(Baca Juga: Membuat Popular Post di Blogspot Lebih Ramping)

Slider ini memiliki fitur menampilkan gambar otomatis dengan efek geser dilengkapi judul dan deskripsi / keterangan, juga memiliki navigasi menggunakan persegi / titik untuk memberikan pada pengunjung agar dapat memilih konten lebih mudah dengan melompat langsung untuk setiap slide.

Slider Geser akan berhenti secara otomatis ketika mouse hover dan ini dikonfigurasi dalam kode Script.

Cara Membuat Slider yang Elegan dan Simple di Blogspot

Slider ini dibuat dari beberapa baris HTML sederhana dan jika Anda memiliki pengetahuan dasar CSS, maka Anda dapat menyesuaikan atau memodifikasi seperti yang Anda inginkan, dan memang benar-benar dapat dimodifikasi sehingga terlihat lebih bagus.

Jika tertarik untuk membuatnya, maka ikuti langkah-langkah berikut ini:

Pertama-tama masuk ke dasboard blogspot Anda, lalu pilih Template, Edit HTML. Cari kode ]]></b:skin> atau </style> di bagian head template. Setelah ketemu (gunakan Ctrl F) copy lalu paste script berikut tepat diatasnya.

.easyslider-wrapper {
    width: auto;
    float: left;
    position: relative;
    padding-right: 2%;
    padding-top: 10px;
    }
.easyslider {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 350px;
    background: #eee;
    }
.image_reel {
    position: absolute;
    top: 0;
    left: 0;
    }
.image_reel img {
    float: left;
    width: 20%;
    height: 350px;
    }
.paging {
    background: none;
    position: absolute;
    bottom: 15px;
    right: 20px;
    padding:4px 0 2px;
    z-index: 100;
    display: none;
    }
.paging a {
    margin: 3px;
    background: #fff;
    width: 10px;
    height:10px;
    display: inline-block;
    border: none;
    outline: none;
    }
.paging a.active {
    background: #15E3FF;
    border: 1px solid #15E3FF;
    }
.paging a:hover { }
.easytitledes {
    width:70%;
    display: none;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 101;
    background: #000A3F;
    background: rgba(2, 0, 51, 0.6);
    padding: 10px 15px;
    }
.easytitledes a {
    color: #15E3FF;
    font: 14px sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    }
.easytitledes a:hover {
    color:#29FF00
    }
.easytitledes p {
    color: #fff;
    font: 12px Arial;
    }

Masih disekitar head, masukan kode Jquery berikut ini tepat diatas </head>. Namun jika template Anda sudah pernah memasang Jquery dalam versi yang lain, baik itu versi lama, lupakan saja langkah ini. Langsung ke langkah selanjutnya

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

Masih tetap di bagian head, masukan kode JavaScript berikut diatas </head>.

Untuk memasang kode HTML slider, ada cara yang bisa ditempuh. Secara manual atau otomatis. Manual artinya, isi slider nantinya akan diisi sendiri, sedangkan secara manual, isi slider akan ikut berdasarkan postingan terbaru.

Menggunakan Slider Secara Manual

Masukan kode berikut di bagian dalam HTML body blog Anda, contoh setelah atau dibawah kode <div class="main-wrapper" > atau <div id="main-wrapper" > atau baris kode yang sejenis atau mirip, karena struktur setiap Blog memiliki nama yang berbeda-beda.

Karena saya menggunakan template standar dari blogspot yang terbaru, kode itu saya tempatkan dibawah kode <div class='blog-posts hfeed'>. Itu karena saya ingin slider tersebut sejajar dengan kolom postingan. Jika Anda tertarik melakukan hal yang sama, letakkan kode berikut dibawah <div class='blog-posts hfeed'> yang pertama.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='easyslider'>
   <div class='image_reel'>
<a href="#"><img src="...image1.jpg" /></a>
<a href="#"><img src="...image2.jpg" /></a>
<a href="#"><img src="...image3.jpg" /></a>
<a href="#"><img src="...image4.jpg" /></a>
<a href="#"><img src="...image5.jpg" /></a>
   </div>
   <div class='descriptionslider'>
<div class="easytitledes"><a href='...post-link1.html'>Post-Title 1</a><p>Description / Caption 1</p></div>
<div class="easytitledes"><a href='...post-link2.html'>Post-Title 2</a><p>Description / Caption 2</p></div>
<div class="easytitledes"><a href='...post-link3.html'>Post-Title 3</a><p>Description / Caption 3</p></div>
<div class="easytitledes"><a href='...post-link4.html'>Post-Title 4</a><p>Description / Caption 4</p></div>
<div class="easytitledes"><a href='...post-link5.html'>Post-Title 5</a><p>Description / Caption 5</p></div>
   </div>
   <div class='paging'>
<a class='' href='#' rel='1'/>
<a class='' href='#' rel='2'/>
<a class='' href='#' rel='3'/>
<a class='' href='#' rel='4'/>
<a class='' href='#' rel='5'/>
   </div>
</div>
</b:if>

Untuk memasang kode HTML slider, ada cara yang bisa ditempuh. Secara manual atau otomatis. Manual artinya, isi slider nantinya akan diisi sendiri, sedangkan secara manual, isi slider akan ikut berdasarkan postingan terbaru.

Letakkan Kode Css Berikut Ini :

.fp-slider {
background: none repeat scroll 0 0 #FFFFFF;
height: 329px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 850px;
}
.fp-slides-container {
}
.fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
width: 850px; /*Set The Width Of Slider Here*/
}
.fp-slides, .fp-thumbnail {
height: 280px; /*Set The Height Of Images Here*/
overflow: hidden;
padding-top: 0;
position: relative;
}
.fp-title {
color: #FFFFFF;
font: bold 18px Arial,Helvetica,Sans-serif;
margin: 0;
padding: 0 0 2px;
text-shadow: 0 1px 0 #000000;
}
.fp-title a, .fp-title a:hover {
color: #FFFFFF;
text-decoration: none;
}
.fp-content {
background: none repeat scroll 0 0 #111111;
bottom: 0;
left: 0;
opacity: 0.7;
overflow: hidden;
padding: 10px 15px 5px;
position: absolute;
right: 0;
}
.fp-content p {
color: #FFFFFF;
line-height: 18px;
margin: 0;
padding: 0;
text-shadow: 0 1px 0 #000000;
}
.fp-more, .fp-more:hover {
color: #FFFFFF;
font-weight: bold;
}
.fp-nav {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUCW6D4_aKzNU4Xwkr4a0HG77Y8Q3HBkDSOUYsjEERx4u0NHFtGuXOHoEKt6OCN1_QqP-pmk8X-5ZTXS12V8Fw0bDvNnfff3Bp9ThaPWK88kNiQyT7AU58C6cnBt-9ubjDdQ7zo41zUBsp/s1600/h2.png") repeat-x scroll 0 0 transparent;
height: 12px;
padding: 10px 0;
text-align: center;
}
.fp-pager a {
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4B24GjCMz2F2b5qdLjnmLzwMQKDkDFiYa4KGC0bL3qxyMsnW-KYrOwnYHf25jwajBIqEPrbObk7d0znlbPz4LlB5XWyHIq1llee_jw7fchbgsaTpcklRotM5GZPBosC63V59AxVFLdFWY/s1600/featured-pager.png");
background-position: 0 0;
cursor: pointer;
display: inline-block;
float: none;
height: 12px;
line-height: 1;
margin: 0 4px 0 0;
opacity: 0.7;
overflow: hidden;
padding: 0;
text-indent: -999px;
width: 12px;
}
.fp-pager a:hover, .fp-pager a.activeSlide {
background-position: 0 -112px;
opacity: 1;
text-decoration: none;
}
.fp-prev-next-wrap {
position: relative;
z-index: 200;
}
.fp-prev-next {
bottom: 130px;
height: 37px;
left: 0;
position: absolute;
right: 0;
}
.fp-prev {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS11mk-Ilq1QObNubArbXutH1GJZNZi-dGBFf_teiRcZoJvUK0iZ6gfaWs5pmwPZFbjyePO9CmWxOhd-0UbnQUJWEhwaRzyb0WheOci5f2u472hkYwVBg6giXRq7SWTLRqJGgMuF5sLyo6/s1600/featured-prev.png") no-repeat scroll left top transparent;
float: left;
height: 37px;
margin-left: 14px;
margin-top: -180px;
opacity: 0.6;
width: 37px;
}
.fp-prev:hover {
opacity: 0.8;
}
.fp-next {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5cb0laez5qiHMirKoxs65S-1MS22eE7tD4NnOCb8gfckVmMd8derLwemBMF2tfDg1A8evDJEIM-Zk-GvLyU7rslEvS7RtVoNS_xwgxNO8X2DvfbOii9K_nQr_txTgJwOIl-GeUXLhtAi-/s1600/featured-next.png") no-repeat scroll right top transparent;
float: right;
height: 37px;
margin-right: 14px;
margin-top: -180px;
opacity: 0.6;
width: 36px;
}
.fp-next:hover {
opacity: 0.8;
}

NAMA POKER	M.DEPOSIT	PENDAFTARAN
GARUDAQQ	20.000	Daftar
RatuQQ	20.000	Daftar
IMCQQ	25.000	Daftar
IBCQQ	15.000	Daftar
365QiuQiu	10.000	Daftar
ADUQQ	25.000	Daftar
RATUCAPSA	50.000	Daftar
ZYNGAQQ	25.000	Daftar
PIALAQQ	25.000	Daftar
SBOQQ	25.000	Daftar
PesQQ	25.000	Daftar
INIDEWA365	50.000	Daftar
FT95	50.000	Daftar