nuansahati90

Home » All posts

Rabu, 15 Agustus 2018

0
Cara Membuat Popular Post Lebih Menarik

By Anonim | At Agustus 15, 2018 | Label : POPULAR POST | 0 Comments

Agar tampilan blog kita lebih menarik dan tidak membuat bosen penggunjung anda bisa membuat popular postnya berbeda dari yang yang lain.Yuk kita simak langkahnya.....

Masuk ke Blogger.com
Pilih Template > Edit HTML.
Cari kode ]]></b:skin> dan Copy kode dibawah ini tepat diatasnya
Simpan dan lihat hasilnya.

.popular-posts ul{padding-left:0px;font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} .popular-posts ul li {background: url(#) no-repeat scroll 5px 5px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border: 1px solid #ff3030; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .popular-posts ul li:hover { background: #ffb6c1;border:1px solid #ff3030; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);height:70px;width:70px;}.popular-posts .item-thumbnail img:hover { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}

Senin, 13 Agustus 2018

0
cara membuat tombol scrol pada blogger

By Anonim | At Agustus 13, 2018 | Label : TOMBOL SCROL | 0 Comments

<div style="overflow:auto;width:100px;height:50px;padding:10px;border:1px solid #eee">

<a href="http://nuansahati90.blogspot.com/">Tes 1</a>

<br />

<a href="http://nuansahati90.blogspot.com/">Tes 2</a>

<br />

<a href="http://nuansahati90.blogspot.com/">Tes 3</a>

<br />

<a href="http://nuansahati90.blogspot.com/">Tes 4</a>

<br />

<a href="http://nuansahati90.blogspot.com/">Tes 5</a>
<br />
</div>

Tes 1
Tes 2
Tes 3
Tes 4
Tes 5

Rabu, 04 Juli 2018

0
Cara membuat iklan banner melayang di atas header blog

By Anonim | At Juli 04, 2018 | Label : IKLAN MELAYANG | 0 Comments

Cara membuat iklan banner melayang di atas header blog

Langkah membuat iklan banner melayang di atas header blog :

1. Pilih Templates => Edit HTML => Lanjutkan
2. Centang Expand Template Widget
3. Gunakan F3 untuk mencari kode <div id='outer-wrapper'> dan letakkan kode berikut dibawahnya.

<div style='display:scroll; top:0px;position:fixed;'>
<a href='http://mainpokerkiu.com/?ref=poker99kiukiu' rel='nofollow' target='_blank'><img alt='PokerKiu' height='60' original='https://blogger.googleusercontent.com/img/proxy/AVvXsEjcN6twUrroi3N2TQlyaVF6ANTfSorW1yHAm7wf1uINT1ohlEc2WyRN9HP2NI8QRzUvRRqJUOMsL3jRD3K1ucgGVyYZfHc3nQ0Pv03mNdfEQ-fTm1Inm4v36sz8W51KMfwmb3jRAmnGLDy-i5vGD7FpO3HjcytrdO0=s0-d' src='https://blogger.googleusercontent.com/img/proxy/AVvXsEjcN6twUrroi3N2TQlyaVF6ANTfSorW1yHAm7wf1uINT1ohlEc2WyRN9HP2NI8QRzUvRRqJUOMsL3jRD3K1ucgGVyYZfHc3nQ0Pv03mNdfEQ-fTm1Inm4v36sz8W51KMfwmb3jRAmnGLDy-i5vGD7FpO3HjcytrdO0=s0-d' title='PokerKiu' width='462'/></a> <a href='http://www.zynga365.com/?ref=ZyngaQ809' rel='nofollow' target='_blank'><img alt='ZyngaQQ | QQ Zynga | Zynga Poker | Zynga Domino | Zynga 99' border='0' data-original-height='90' data-original-width='728' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijYJzv8OT7pgaItLNEgB-AawUgR62l-iCbOaaDbXjFZk96_Ie-Ca5w4JLnmBUMEbDTQEnTxFGgvTScRKuEHPFJ8vlqUzPtt1K5Q1YdlpLLHN0LNvHD8PYdU7FOyaf0nUiWV7-3ai101m4/s16000/zyngaqq-728x90.gif' title='ZyngaQQ | QQ Zynga | Zynga Poker | Zynga Domino | Zynga 99' width='462'/></a>
</div>

Keterangan :

Warna biru adalah URL tujuan jika diklik, ganti dengan URL blog anda
Warna merah merupakan titel dan deskripsi gambar iklan
Warna pink merupakan gambar dari iklan
Warna coklat adalah tinggi dan lebar iklan, sesuaikan dengan blog anda

4. Selesai, Save Template

Sekian dulu postingan tentang Cara Membuat Iklan Melayang Di Atas Header Blog, selamat mencoba dan semoga bermanfaat.

Cek Agen Poker Online di : www.garuda-qq.id

Kamis, 07 Juni 2018

0
Cara membuat multi tab

By Anonim | At Juni 07, 2018 | Label : MULTITAB | 0 Comments

Multi tab ini berisi beberapa konten yang bisa kita isi apa saja seperti video, gambar, slide foto, daftar isi, daftar link, dll. Dengan menggunakan multitab ini, kita dapat menghemat tempat yang ada pada halaman depan blog kita. Silahkan anda bisa lihat contoh bentuk multi tab yang ada dibawah ini, disitu terdapat tiga konten : Multi Tab 1, Multi Tab 2, dan Multi Tab 3. Tapi anda bisa menambah tab sesuai kebutuhan dan disesuaikan lebar sidebar template anda tentunya.

Bila anda berminat, silahkan ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :
</head>

5. Copy kode di bawah ini dan taruh sebelum kode </head> :

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
function tabberObj(argsObj)
{
var arg;
this.div = null;
this.classMain = "tabber";
this.classMainLive = "tabberlive";
this.classTab = "tabbertab";
this.classTabDefault = "tabbertabdefault";
this.classNav = "tabbernav";
this.classTabHide = "tabbertabhide";
this.classNavActive = "tabberactive";
this.titleElements = ['h2','h3','h4','h5','h6'];
this.titleElementsStripHTML = true;
this.removeTitle = true;
this.addLinkId = false;
this.linkIdFormat = '<tabberid>nav<tabnumberone>';
for (arg in argsObj) { this[arg] = argsObj[arg]; }
this.REclassMain = new RegExp('\\b' + this.classMain + '\\b', 'gi');
this.REclassMainLive = new RegExp('\\b' + this.classMainLive + '\\b', 'gi');
this.REclassTab = new RegExp('\\b' + this.classTab + '\\b', 'gi');
this.REclassTabDefault = new RegExp('\\b' + this.classTabDefault + '\\b', 'gi');
this.REclassTabHide = new RegExp('\\b' + this.classTabHide + '\\b', 'gi');
this.tabs = new Array();
if (this.div) {
this.init(this.div);
this.div = null;
}
}
tabberObj.prototype.init = function(e)
{
var
childNodes,
i, i2,
t,
defaultTab=0,
DOM_ul,
DOM_li,
DOM_a,
aId,
headingElement;
if (!document.getElementsByTagName) { return false; }
if (e.id) {
this.id = e.id;
}
this.tabs.length = 0;
childNodes = e.childNodes;
for(i=0; i < childNodes.length; i++) {
if(childNodes[i].className &&
childNodes[i].className.match(this.REclassTab)) {
t = new Object();
t.div = childNodes[i];
this.tabs[this.tabs.length] = t;
if (childNodes[i].className.match(this.REclassTabDefault)) {
defaultTab = this.tabs.length-1;
}
}
}
DOM_ul = document.createElement("ul");
DOM_ul.className = this.classNav;
for (i=0; i < this.tabs.length; i++) {
t = this.tabs[i];
t.headingText = t.div.title;
if (this.removeTitle) { t.div.title = ''; }
if (!t.headingText) {
for (i2=0; i2<this.titleElements.length; i2++) {
headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];
if (headingElement) {
t.headingText = headingElement.innerHTML;
if (this.titleElementsStripHTML) {
t.headingText.replace(/<br>/gi," ");
t.headingText = t.headingText.replace(/<[^>]+>/g,"");
}
break;
}
}
}
if (!t.headingText) {
t.headingText = i + 1;
}
DOM_li = document.createElement("li");
t.li = DOM_li;
DOM_a = document.createElement("a");
DOM_a.appendChild(document.createTextNode(t.headingText));
DOM_a.href = "javascript:void(null);";
DOM_a.title = t.headingText;
DOM_a.onclick = this.navClick;
DOM_a.tabber = this;
DOM_a.tabberIndex = i;
if (this.addLinkId && this.linkIdFormat) {
aId = this.linkIdFormat;
aId = aId.replace(/<tabberid>/gi, this.id);
aId = aId.replace(/<tabnumberzero>/gi, i);
aId = aId.replace(/<tabnumberone>/gi, i+1);
aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9\-]/gi, ''));
DOM_a.id = aId;
}
DOM_li.appendChild(DOM_a);
DOM_ul.appendChild(DOM_li);
}
e.insertBefore(DOM_ul, e.firstChild);
e.className = e.className.replace(this.REclassMain, this.classMainLive);
this.tabShow(defaultTab);
if (typeof this.onLoad == 'function') {
this.onLoad({tabber:this});
}
return this;
};
tabberObj.prototype.navClick = function(event)
{
var
rVal,
a,
self,
tabberIndex,
onClickArgs;
a = this;
if (!a.tabber) { return false; }
self = a.tabber;
tabberIndex = a.tabberIndex;
a.blur();
if (typeof self.onClick == 'function') {
onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event};
/* IE uses a different way to access the event object */
if (!event) { onClickArgs.event = window.event; }
rVal = self.onClick(onClickArgs);
if (rVal === false) { return false; }
}
self.tabShow(tabberIndex);
return false;
};
tabberObj.prototype.tabHideAll = function()
{
var i;
for (i = 0; i < this.tabs.length; i++) {
this.tabHide(i);
}
};
tabberObj.prototype.tabHide = function(tabberIndex)
{
var div;
if (!this.tabs[tabberIndex]) { return false; }
div = this.tabs[tabberIndex].div;
if (!div.className.match(this.REclassTabHide)) {
div.className += ' ' + this.classTabHide;
}
this.navClearActive(tabberIndex);
return this;
};
tabberObj.prototype.tabShow = function(tabberIndex)
{
var div;
if (!this.tabs[tabberIndex]) { return false; }
this.tabHideAll();
div = this.tabs[tabberIndex].div;
div.className = div.className.replace(this.REclassTabHide, '');
this.navSetActive(tabberIndex);
if (typeof this.onTabDisplay == 'function') {
this.onTabDisplay({'tabber':this, 'index':tabberIndex});
}
return this;
};
tabberObj.prototype.navSetActive = function(tabberIndex)
{
this.tabs[tabberIndex].li.className = this.classNavActive;
return this;
};
tabberObj.prototype.navClearActive = function(tabberIndex)
{
this.tabs[tabberIndex].li.className = '';
return this;
};
function tabberAutomatic(tabberArgs)
{
var
tempObj,
divs,
i;
if (!tabberArgs) { tabberArgs = {}; }
tempObj = new tabberObj(tabberArgs);
divs = document.getElementsByTagName("div");
for (i=0; i < divs.length; i++) {
if (divs[i].className &&
divs[i].className.match(tempObj.REclassMain)) {
tabberArgs.div = divs[i];
divs[i].tabber = new tabberObj(tabberArgs);
}
}
return this;
}
function tabberAutomaticOnLoad(tabberArgs)
{
var oldOnLoad;
if (!tabberArgs) { tabberArgs = {}; }
oldOnLoad = window.onload;
if (typeof window.onload != 'function') {
window.onload = function() {
tabberAutomatic(tabberArgs);
};
} else {
window.onload = function() {
oldOnLoad();
tabberAutomatic(tabberArgs);
};
}
}
/* Run tabberAutomaticOnload() unless the "manualStartup" option was specified */
if (typeof tabberOptions == 'undefined') {
tabberAutomaticOnLoad();
} else {
if (!tabberOptions['manualStartup']) {
tabberAutomaticOnLoad(tabberOptions);
}
}
//]]>
</script>

<style type='text/css'>
.tabberlive{
margin:0;
padding:5px;
clear:both;
background:#f8f8f8;
border:1px solid #DDD;
}
.tabbernav {
margin:0;
padding: 3px 0;
border-bottom: 1px solid #ddd;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.tabbernav li {
list-style:none;
margin-right:5px;
display:inline;
}
.tabbernav li a {
padding:3px 0.5em;
margin-right:1px;
border:1px solid #DDD;
border-bottom:none;
background:#6c6c6c;
text-decoration:none;
color:#ffffff;
outline:none;
}
.tabbernav li a:hover {
color:#6c6c6c;
background:#ffffff;
border:1px solid #DDD;
text-decoration:none;
outline:none;
}
.tabbernav li.tabberactive a,
.tabbernav li.tabberactive a:hover {
background:#ffffff;
color:#6c6c6c;
border-bottom: 1px solid #ffffff;
outline:none;
}
.tabberlive .tabbertab {
padding:5px;
border:1px solid #DDD;
border-top:0;
background:#ffffff;
}
.tabberlive .tabbertab h2,
.tabberlive .tabbertabhide {
display:none;
}
.tabbertab .widget-content ul{
list-style:none;
margin:0 0 10px 0;
padding:0;
}
.tabbertab .widget-content li {
border-bottom:1px solid #ddd;
margin:0 5px;
padding:2px 0 5px 0;
}
</style>
<style type="text/css">
div.scrolltutor
{
background-color:#FFFFFF;
width:100%;
height:300px;
overflow:auto;
}
</style>

6. Simpan Template.
Langkah selanjutnya anda tinggal menampilkan Widget pada halaman depan blog anda. Perhatikan langkah berikut :
1. Klik Rancangan dan pilih Elemen Laman
2. Tambah Gadget
3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
4. Copy dan paste kode dibawah ini pada gadget tersebut :

<div class='tabber'>
<div class='tabbertab' id='tab1'>
<h2>MULTI TAB-1</h2>
<div class="scrolltutor">

AREA KONTEN TAB-1

</div>
</div>

<div class='tabbertab' id='tab2'>
<h2>MULTI TAB-2</h2>
<div class="scrolltutor">

AREA KONTEN TAB-2

</div>
</div>

<div class='tabbertab' id='tab3'>
<h2>MULTI TAB-3</h2>
<div class="scrolltutor">

AREA KONTEN TAB-3

</div>
</div>
</div>

Catatam :
Silahkan anda ganti tulisan berwarna merah dengan judul tab milik anda, dan warna biru area daftar, artikel, gambar, video, atau apa saja terserah anda.

5. Simpan.

Selamat mencoba ya...
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

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 :)

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