Super Ram Download

Selamat Siang gan,Ane sekali ni mau share Software.
  SuperRam membuat komputer Anda berjalan lebih cepat dengan menguasai dan mengelola memori pada komputer Anda secara efisien. Jika Anda melihat komputer Anda berjalan lambat, itu biasanya disebabkan oleh memori (RAM) kehabisan ruang yang dapat digunakan. Ketika ruang memori akan lebih rendah, maka Windows mulai membuka program ke file halaman Windows, file halaman adalah hard drive komputer yang jauh lebih lambat dibandingkan RAM. SuperRam switch perilaku ini dan menempatkan program lama ke dalam file halaman Windows dan setiap program yang baru dibuka yang dimasukkan ke dalam RAM yang sebenarnya. Perubahan bagaimana Windows beroperasi memungkinkan program dan game untuk berjalan lebih cepat.


Dengan mengoptimalkan penggunaan memori, komputer Anda akan beroperasi pada kecepatan stabil dan tidak pernah kehabisan memori. SuperRam 6 2012/11/26 patch Kendali sangat mudah digunakan, sepenuhnya kompatibel dengan semua versi terbaru dari Microsoft ® Windows dan secara otomatis membebaskan memori secara real-time. Dengan SuperRam 6 2012/11/26 patch Full komputer Anda akan berjalan lebih cepat daripada sebelumnya. Meningkatkan kinerja PC Anda dengan cara mudah hanya dengan patch SuperRam 6 2012/11/26 Kendali.

Fitur:
  •      Mengoptimalkan memori komputer dengan membebaskan memori terbuang kembali ke komputer.
  •      Bekerja di latar belakang untuk memori bebas untuk nilai-nilai yang wajar untuk menjaga stabilitas sistem.
  •      Visual representasi di baki sistem yang menampilkan memori komputer yang tersedia untuk sistem.
  •      Sepenuhnya disesuaikan dengan pengaturan dan preferensi yang Anda pilih.
     Mudah dan intuitif antarmuka pengguna yang melakukan optimasi memori secara real-time.



Link Downlaod:


Download via Sharebest


Download patch super Ram via Sharebest

 Download Patch Super Ram Via MF

password jika butuh : apricyber Terima Kasih atas Kunjungan dan Jangan lupa komentar anda.

Read more


Cara Membuat Forum Login

Selamat siang gan,ane asik-asik ngasih Tips aja nih,kali ini saya share cara membuat Forum login,,Kapan Download Software nya ya???ahhaha...Sabarr ya gan.

Untuk membuat forum login banyak langkah yang bisa kita pakai. Kita bisa membuat forum tersebut menggunakan layanan gratis. Tapi bila anda ingin membuat forum login yang digunakan untuk masuk ke blogger dengan akun google, dibawah ini adalah  kode yang biasa anda gunakan. Andabisa memasang forum loginnya di side bar, atau dimana saja sesuai selera anda.
Bila anda berminat, silahkan anda copy kode berikut :




<form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form>

Ok... Silahkan anda coba dan Semoga bermanfaat...

Read more


Cara Memasang Background Gambar pada postingan












Banyak cara untuk memperindah blog kita, salah satunya dengan memberi background gambar pada tulisan atau postingan kita, seperti pada halaman ini. Tapi tentunya gambar yang akan kita gunakan sebagai background sebaiknya kita buat lebih transparan, agar nantinya tulisan atau postingan kita tetap terlihat dan tetap enak di baca. Dengan menambah background pada postingan seperti yang ada dihalaman ini saya yakin anda
juga akan tertarik, pengunjung anda akan selalu betah berlama-lama diblog anda. Kerren kan......? Ok.... sekarang kita mulai cara membuatnya ya....: 
1. Silahkan anda login ke blog anda.
 2. Klik Posting, lalu pilih Entri baru.
 3. Masukkan kode dibawah ini pada halaman (HTML), bukan (Compose) : 


<div style="background:url(URL Image) no-repeat;">Teks anda disini</div>
4. ganti Ulr dengan Ulr image anda.
5. Ganti tulisan "Teks anda disini" dengan tulisan atau artikel anda.
6. Setelah selesai silahkan anda terbitkan, dan lihat hasilnya
Selesaiiii...Gampang kan ??

Read more


Cara membuat tab menu atau multi tab pada blog


Tab Menu atau Multi Tab ini memiliki bentuk dan warna tampilan yang sama persis dengan Tab Menu atau multi tab yang ada di blog ini. Walau demikian saya akan coba jelaskan lebih detail, dari menambah jumlah menu tab, mengganti warna menu tab baik pada saat aktif ataupun ketika hover, sehingga anda dapat menyesuaikan sendiri dengan tampilan blog anda.


Tutorial ini saya update atas permintaan salah satu sobat blogger yang menginginkan Tab Menu atau  multi tab yang sama dengan yang ada di blog ini. Dan untuk anda yang juga menginginkan Tab Menu atau multi tab ini, anda bisa ikuti langkah - langkah dibawah ini :

Seperti biasa ....
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 javascript di bawah ini dan taruh tepat 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>  
 
6. Kemudian Copy juga kode CSS di bawah ini dan taruh tepat setelah kode javascript diatas, atau sebelum kode </head> :  
<style type='text/css'>
.tabberlive{
margin-left:0px;
margin-right:0px;
padding-left:5px;
padding-right:5px;
padding-top:6px;
padding-bottom:5px;
clear:both;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lWd78OQzLV7vgrj1ssCf35AhPIQgI84r4sYZ6vr5HCpCN3or0WHOTspLMjOfUF0HcEktoat1HHilforUvic42iHpi5VlpNnVnCn-6-U-2Ac6cxrJJ4xF7H-8ObG8PVfElcj14anr9og/h1600/bg_post.jpg) top left repeat-x;
border:1px solid #DDD;
}
.tabbernav {
list-style:none;
list-style-type:none;
margin-left:0;
padding-left:0px;
padding-top:7px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}


.tabbernav li {
list-style:none;
list-style-type:none;
width:20%;
margin-right:1px;
margin-bottom:0px;
display:inline;
}

.tabbernav li a {
padding-top:7px;
padding-bottom:7px;
padding-left:6px;
padding-right:6px;
list-style:none;
list-style-type:none;
margin-right:1px;
background:#3e5fa2;
text-decoration:none;
color:#ffffff;
outline:none;

}
.tabbernav li a:hover {
list-style:none;
list-style-type:none;
color:#000;
background:#7290ce url() center left no-repeat;
text-decoration:none;
outline:none;
}

.tabbernav li.tabberactive a,
.tabbernav li.tabberactive a:hover {
list-style:none;
list-style-type:none;
background:#fff;
color:#3e5fa2;
outline:none;
padding-bottom:22px;
padding-left:6px;
padding-right:6px;
border-right:2px solid #ddd;
border-left:2px solid #ddd;
border-top:1px solid #ddd;
}

.tabberlive .tabbertab {

margin-top:0px;
margin-left:0px;
margin-right:0px;
padding-top:5px;
padding-left:6px;
padding-right:6px;
padding-bottom:5px;
background:#fff;
border:2px solid #ddd;
}

.tabberlive .tabbertab h2,
.tabberlive .tabbertabhide {
display:none;
}

.tabbertab .widget-content ul{
margin-top:5px;
margin-left:5px;
padding:0px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lWd78OQzLV7vgrj1ssCf35AhPIQgI84r4sYZ6vr5HCpCN3or0WHOTspLMjOfUF0HcEktoat1HHilforUvic42iHpi5VlpNnVnCn-6-U-2Ac6cxrJJ4xF7H-8ObG8PVfElcj14anr9og/h1600/bg_post.jpg) top left repeat-x;
}

.tabbertab .widget-content ul a:hover{
text-decoration:none;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQv9R8FjKHjg5M1-ODodBoPRXFt_yqdSu2Ma-PJXY8i1opApsyz8-SaXHAUjxLlvO5O62M-yHRGbI1m65zyC-3lASfDqVLmd8qejrpV2ENkFs3Jcc9iwihsKUBN4p9smtc5VlAP3g84x8/h1600/bg_menu.jpg)top repeat-x;
}

.tabbertab .widget-content li {
color:#488040;
border-bottom:1px solid #ddd;
margin:0 5px;
padding:5px;
}
</style>

7. Pada langkah ini saya contohkan tab menu diletakkan pada bagian sidebar. Silahkan anda cari pada bagian sidebar, pada blog ini kodenya seperti berikut :
<div id='rsidebar-wrapper'>
Catatan :
  • Setiap template memiliki kode yang berbeda (biasanya mirip-mirip)
  • Anda juga bisa meletakkan pada bagian tengah atau bagian "main-wrapper"
8. Letakkan kode HTML dibawah ini setelah kode diatas (dibagian Sidebar) :
<div class='tabber'>

<div class='tabbertab' id='tab1'>
<h2>TAB MENU 1</h2>
<b:section class='sidebar101' id='sidebar101' preferred='yes'>
<b:widget id='HTML101' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div class='clear'/>

<div class='tabbertab' id='tab2'>
<h2>TAB MENU 2</h2>
<b:section class='sidebar102' id='sidebar102' preferred='yes'>
<b:widget id='HTML102' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div class='clear'/>

<div class='tabbertab' id='tab3'>
<h2>TAB MENU 3</h2>
<b:section class='sidebar103' id='sidebar103' preferred='yes'>
<b:widget id='HTML103' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div class='clear'/>

</div>
<div style='clear:both;'/>
Catatan :
  • Teks warna biru adalah Judul tab menu.
  • Untuk membuat judul tab menu, saran saya gunakan kata yg singkat, disesuaikan dgn lebar sidebar blog anda.
  • Warna Hijau, Coklat, dan ping pada kode diatas adalah bagian setiap tab menu.
9. SIMPAN TEMPLATE.

Langkah selanjutnya anda tinggal mengisi tab menu dengan gadget yang anda suka. Langsung saja anda menuju "ELEMEN LAMAN", dan berikut tampilan gambar tab menu atau multi tab pada elemen laman yang baru saja anda buat  :

 
Bila anda ingin mengganti warna tampilan agar sesuai dengan blog anda, berikut bagian - bagian tab menu pada kode CSS (kode pada langkah ke 6) yang perlu di ganti :
<style type='text/css'>


.tabberlive{
margin-left:0px;
margin-right:0px;
padding-left:5px;
padding-right:5px;
padding-top:6px;
padding-bottom:5px;
clear:both;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lWd78OQzLV7vgrj1ssCf35AhPIQgI84r4sYZ6vr5HCpCN3or0WHOTspLMjOfUF0HcEktoat1HHilforUvic42iHpi5VlpNnVnCn-6-U-2Ac6cxrJJ4xF7H-8ObG8PVfElcj14anr9og/h1600/bg_post.jpg) top left repeat-x;
border:1px solid #DDD;
}
 
<---------------------------------------------------------->
Warna biru adalah background tab menu menggunakan background gambar, anda bisa mengganti hanya dengan kode warna saja, jadinya seperti berikut: background : #eee;
<---------------------------------------------------------->

.tabbernav {
list-style:none;
list-style-type:none;
margin-left:0;
padding-left:0px;
padding-top:7px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}




.tabbernav li {
list-style:none;
list-style-type:none;
width:20%;
margin-right:1px;
margin-bottom:0px;
display:inline;
}




.tabbernav li a {
padding-top:7px;
padding-bottom:7px;
padding-left:6px;
padding-right:6px;
list-style:none;
list-style-type:none;
margin-right:1px;
background:#3e5fa2;
text-decoration:none;
color:#ffffff;
outline:none;
}
 
<----------------------------------------------------------> 
Warna biru adalah background Judul tab menu (#3e5fa2 / biru tua), dan warna hijau adalah warna teks Judul tab menu (#ffffff/ putih). Silahkan anda lihat tab menu yang ada di blog ini.
<---------------------------------------------------------->



.tabbernav li a:hover {
list-style:none;
list-style-type:none;
color:#000;
background:#7290ce url() center left no-repeat;
text-decoration:none;
outline:none;
}
 
<---------------------------------------------------------->  
Warna biru adalah warna background Judul tab menu (#7290ce / biru muda) ketika hover, dan warna hijau adalah warna teks Judul tab menu (#000/hitam)ketika hover. Silahkan anda lihat dan coba arahkan mouse anda pada tiap-tiap judul tab menu yang ada di blog ini.
<---------------------------------------------------------->



.tabbernav li.tabberactive a,
.tabbernav li.tabberactive a:hover {
list-style:none;
list-style-type:none;
background:#fff;
color:#3e5fa2;
outline:none;
padding-bottom:22px;
padding-left:6px;
padding-right:6px;
border-right:2px solid #ddd;
border-left:2px solid #ddd;
border-top:1px solid #ddd;
}
 
<---------------------------------------------------------->  
Warna biru adalah warna background Judul tab menu (#fff/putih) ketika aktif, dan warna hijau adalah warna teks Judul tab menu (#3e5fa2/biru tua)ketika aktif. Silahkan anda lihat dan coba Klik pada tiap-tiap judul tab menu yang ada di blog ini.
<---------------------------------------------------------->



.tabberlive .tabbertab {
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding-top:5px;
padding-left:6px;
padding-right:6px;
padding-bottom:5px;
background:#fff;
border:2px solid #ddd;
}

 <---------------------------------------------------------->  
Warna biru adalah warna background konten tab menu (#fff/putih) ketika aktif, dan warna hijau adalah warna border konten tab menu (#ddd/abu-abu).
<---------------------------------------------------------->



.tabberlive .tabbertab h2,
.tabberlive .tabbertabhide {
display:none;
}




.tabbertab .widget-content ul{
margin-top:5px;
margin-left:5px;
padding:0px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lWd78OQzLV7vgrj1ssCf35AhPIQgI84r4sYZ6vr5HCpCN3or0WHOTspLMjOfUF0HcEktoat1HHilforUvic42iHpi5VlpNnVnCn-6-U-2Ac6cxrJJ4xF7H-8ObG8PVfElcj14anr9og/h1600/bg_post.jpg) top left repeat-x;
}
 
<----------------------------------------------------------> 
Warna biru adalah background pada widget yang menggunakan tag "ul", contohnya bisa anda lihat pada tab menu "Arsip" yg ada di blog ini. Background "ul" tab ini menggunakan gambar gradasi abu-abu putih, anda bisa mengganti hanya dengan kode warna saja, jadinya seperti berikut: background : #eee;
<---------------------------------------------------------->



.tabbertab .widget-content ul a:hover{
text-decoration:none;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQv9R8FjKHjg5M1-ODodBoPRXFt_yqdSu2Ma-PJXY8i1opApsyz8-SaXHAUjxLlvO5O62M-yHRGbI1m65zyC-3lASfDqVLmd8qejrpV2ENkFs3Jcc9iwihsKUBN4p9smtc5VlAP3g84x8/h1600/bg_menu.jpg)top repeat-x;
}

 <---------------------------------------------------------->  
Warna biru adalah background pada widget yang menggunakan tag "ul" ketika hover.  Background "ul" hover tab ini menggunakan gambar gradasi abu-abu putih terang, anda bisa mengganti hanya dengan kode warna saja, jadinya seperti berikut: background : #fff;
<---------------------------------------------------------->



.tabbertab .widget-content li {
color:#488040;
border-bottom:1px solid #ddd;
margin:0 5px;
padding:5px;
}



</style>

Nah.... selesai, mudah - mudahan penjelasan diatas membantu.
 

Read more


Tambah Tooltip jQuery Untuk Blogger

Plugin tooltip jQuery adalah salah satu alat yang hebat untuk menjelaskan kepada banyak pengunjung dari blog Anda. Anda dapat dengan mudah menerapkan ini ke dalam blog juga sangat mudah untuk menggunakannya.

Anda dapat menyorot beberapa kata dan menambahkan tooltip kepada mereka, bila ada pengguna melayang pada kata sebuah tooltip mulus akan muncul tepat di atas dari kata disorot dengan tooltip jQuery description.

Tooltip ini dirancang oleh Nettuts + dan saya telah membagikan ulang ini pada Helper Blogger.Now mari kita lihat bagaimana untuk menambahkannya dan menggunakannya,



Tambah Tooltip JQuery Untuk Blogger?

Seperti yang saya sebutkan di atas instalasi dan penggunaan tooltip sangat mudah, Anda hanya perlu meletakkan beberapa kode dalam template Anda, cukup ikuti langkah-langkah sederhana di bawah ini.


jQuery


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="https://otowebsite-blogspot.googlecode.com/svn/trunk/jquery-tooltip.js"></script>


CSS


.tip {
    width: 212px;
    padding-top: 37px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 500;
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkp32qsx7j5i9VUQu48I7poS6HDM7x1s0NZyM7zG9SnPjViJ1WGMjrUDbenVJVgJtMVTTQnxqEzkSescL1q4Uug5Xxj3aUAIifke6MCi35NVNjRL9csOpmRUdZFZLxTaaevXJaTloUNQ/s1600/OW_tipTop.png) no-repeat top;
}
.tipMid {
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHjiFocqE7wUuRYRfExHP8GuCu-lBwlq6LxMJqvGzxfAu5SKoKnBL_Byp0jw1V5HGI6phXbFn5WZlyjWUKOL82NO5dlT_-fEUGztgwpnnlRI7rEqcMXIuWuOWMY5MKopOTGD0807Jtgg/s1600/OW_tipMid.png) repeat-y;
    padding: 0 25px 20px 25px;
}
.tipBtm {
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0_FGAeWekIrqyyHLcwQThZ0yaI2mPTwYYSVNSo2d4X-O0eAoJP5q9G6ufh8R6adpttntUqJT91vLr9oxeTft571T4v5NxsS9MCOu1ZGS4Dd0SggalOxepPEeXTiNxy0r4KH8_oNOFQ/s1600/OW_tipBtm.png) no-repeat bottom;
    height: 32px;
}


Pemanggil


Pada saat menulis atau mengedit postingan Anda letakkan kode berikut untuk memanggil Tooltip

<div class="tTip" title="Tambahkan Pesan Tooltip Disini">Tambahkan Text Anda Disini</div>
Dan jangan lupa untuk merubah teks yang di block merah di atas dengan teks Anda sendiri.

Read more


Spinning Social Icons With CSS3 For Blogger


Untuk hari ini dan dalam Artikel ini kita akan mencoba bermain dengan beberapa sifat sederhana CSS3 seperti -moz-transform dan membuat widget sosial yang sederhana dengan CSS3 widget effect.
Widget ini pasti akan membantu Anda untuk meningkatkan jumlah pelanggan sosial juga akan menarik pembaca Anda dan diperebutkan perhatian pengunjung. Widget ini membawa mereka berputar (berputar) beberapa derajat dan ketika mouse di atasnya mereka kembali ke posisi semula, efek ini disebabkan oleh properti CSS3 yang telah saya sebutkan di atas. Untuk melihat demo dan cara menambahkan Spinning Social Icons With CSS3 For Blogger silahkan Anda lihat di bawah ini.


Cara Tambah Spinning Social Icons With CSS3 For Blogger

  • Memilih gaya.
  • Salin kode.
  • Ganti nama pengguna saya dengan Anda.
  • Pergi ke Blogger Dasbor >> Laman.
  • Klik Tambah Gadget.
  • Pilih HTML / JavaScript.
  • Paste kode Anda dan simpan.

Gaya 1 :



<style>p#OW_socialicons img {
/* Spinning Social Icons Widget By Oto Website */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

p#OW_socialicons img:hover {
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}

/* Spinning Social Icons Widget By Oto Website */
</style>



<center><p id="OW_socialicons">
<a href="http://www.facebook.com/apricyber/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgdjWgpCr-xJLSf78tQTUxN3FTfsSxq6GpcM4ylK1Vw7Y5Lrlw6m5fjpQV2BznSCLuVMgKvB56xtyiGFa6oXETJTnf3MTO8ylUy3lLyO0FlDEB8bgiBMeRyHUR03Tvx1_31exK8iBig/s1600/otowebsite.blogspot.com-facebook.png" /></a>
<a href="http://www.twitter.com/apricyber/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR4JyF9Wk0iTOMCQimIrjmdLRPRKeu4TmS_A2pDi1ZGrTgFnYcErKo6anfLDu7c7x3G2EBAumgLYlVDfZ8nFfZ2kU_Bh3P5u52Jmq8spnFKPKk_moRcsoTxGEzxRHhQjmxdvRNAjIuDQ/s1600/otowebsite.blogspot.com-twitter.png" /></a>
<a href="https://plus.google.com/108563074507885886647">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqk6w2yE5fVC0AwyjYDefCcvdrx70GMr8T_3qdD_njZG7ICLQSH9-4BAd2sKKGAC8DufePVGQyNjOXSZRMJDsiAUenyx6sHEw05WeUdRMhdVBWxTNge8BFzv1qUYNn6uZooqcGvkN8w/s1600/otowebsite.blogspot.com-google_plus.png" /></a>
<a href="http://www.feeds.feedburner.com/apricyberdotcom/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjimJLIgT7b-eg_1s6zPh1bjhp_Nd_cBZaqPyf-0AsExliRgP_vVc8JpmmpUSuvBavypZmPt-tp2mrCVSnXexnZqbIQ1pZiTe5sFrYF_rjMr9PQWTu-PWo7wfihOMRauKjFSC0CSv3K-Q/s1600/otowebsite.blogspot.com-rss.png" /></a>
<a href="https://www.youtube.com/palmedaprianto/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT0TD311rRGUfz5gtAJudruFAYZOkeQOUIrn0l1uiiw8xUkjcqNAiGhRAOES6wBfAivejOukt42qs7gOmmtZveGTWpmmikFVJBZ4FMIehFTQKfHvAZIgsoLieWAR1Ej7DSYIdBXc97Yw/s1600/otowebsite.blogspot.com-youtube.png" /></a>
</p></center>


Gaya 2 :



<style>p#OW_socialicons img {
 /* Spinning Social Icons Widget By Oto Website */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

p#OW_socialicons img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Spinning Social Icons Widget By Oto Website */
</style> 



<center><p id="OW_socialicons">
    <a href="http://www.facebook.com/apticyber/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgdjWgpCr-xJLSf78tQTUxN3FTfsSxq6GpcM4ylK1Vw7Y5Lrlw6m5fjpQV2BznSCLuVMgKvB56xtyiGFa6oXETJTnf3MTO8ylUy3lLyO0FlDEB8bgiBMeRyHUR03Tvx1_31exK8iBig/s1600/otowebsite.blogspot.com-facebook.png" /></a>
    <a href="http://www.twitter.com/apricyber/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR4JyF9Wk0iTOMCQimIrjmdLRPRKeu4TmS_A2pDi1ZGrTgFnYcErKo6anfLDu7c7x3G2EBAumgLYlVDfZ8nFfZ2kU_Bh3P5u52Jmq8spnFKPKk_moRcsoTxGEzxRHhQjmxdvRNAjIuDQ/s1600/otowebsite.blogspot.com-twitter.png" /></a>
    <a href="https://plus.google.com/108563074507885886647">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqk6w2yE5fVC0AwyjYDefCcvdrx70GMr8T_3qdD_njZG7ICLQSH9-4BAd2sKKGAC8DufePVGQyNjOXSZRMJDsiAUenyx6sHEw05WeUdRMhdVBWxTNge8BFzv1qUYNn6uZooqcGvkN8w/s1600/otowebsite.blogspot.com-google_plus.png" /></a>
    <a href="http://www.feeds.feedburner.com/palmed aprianto/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjimJLIgT7b-eg_1s6zPh1bjhp_Nd_cBZaqPyf-0AsExliRgP_vVc8JpmmpUSuvBavypZmPt-tp2mrCVSnXexnZqbIQ1pZiTe5sFrYF_rjMr9PQWTu-PWo7wfihOMRauKjFSC0CSv3K-Q/s1600/otowebsite.blogspot.com-rss.png" /></a>
    <a href="https://www.youtube.com/palmed aprianto/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT0TD311rRGUfz5gtAJudruFAYZOkeQOUIrn0l1uiiw8xUkjcqNAiGhRAOES6wBfAivejOukt42qs7gOmmtZveGTWpmmikFVJBZ4FMIehFTQKfHvAZIgsoLieWAR1Ej7DSYIdBXc97Yw/s1600/otowebsite.blogspot.com-youtube.png" /></a>
</p></center>

Gaya 3 :



<style>p#OW_socialicons img {
 /* Spinning Social Icons Widget By Oto Website */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

p#OW_socialicons img:hover {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

/* Spinning Social Icons Widget By Oto Website */
</style>



<center><p id="OW_socialicons">
    <a href="http://www.facebook.com/apricyber/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgdjWgpCr-xJLSf78tQTUxN3FTfsSxq6GpcM4ylK1Vw7Y5Lrlw6m5fjpQV2BznSCLuVMgKvB56xtyiGFa6oXETJTnf3MTO8ylUy3lLyO0FlDEB8bgiBMeRyHUR03Tvx1_31exK8iBig/s1600/otowebsite.blogspot.com-facebook.png" /></a>
    <a href="http://www.twitter.com/apricyber/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR4JyF9Wk0iTOMCQimIrjmdLRPRKeu4TmS_A2pDi1ZGrTgFnYcErKo6anfLDu7c7x3G2EBAumgLYlVDfZ8nFfZ2kU_Bh3P5u52Jmq8spnFKPKk_moRcsoTxGEzxRHhQjmxdvRNAjIuDQ/s1600/otowebsite.blogspot.com-twitter.png" /></a>
    <a href="https://plus.google.com/108563074507885886647">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqk6w2yE5fVC0AwyjYDefCcvdrx70GMr8T_3qdD_njZG7ICLQSH9-4BAd2sKKGAC8DufePVGQyNjOXSZRMJDsiAUenyx6sHEw05WeUdRMhdVBWxTNge8BFzv1qUYNn6uZooqcGvkN8w/s1600/otowebsite.blogspot.com-google_plus.png" /></a>
    <a href="http://www.feeds.feedburner.com/palmed aprianto/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjimJLIgT7b-eg_1s6zPh1bjhp_Nd_cBZaqPyf-0AsExliRgP_vVc8JpmmpUSuvBavypZmPt-tp2mrCVSnXexnZqbIQ1pZiTe5sFrYF_rjMr9PQWTu-PWo7wfihOMRauKjFSC0CSv3K-Q/s1600/otowebsite.blogspot.com-rss.png" /></a>
    <a href="https://www.youtube.com/palmed aprianto/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT0TD311rRGUfz5gtAJudruFAYZOkeQOUIrn0l1uiiw8xUkjcqNAiGhRAOES6wBfAivejOukt42qs7gOmmtZveGTWpmmikFVJBZ4FMIehFTQKfHvAZIgsoLieWAR1Ej7DSYIdBXc97Yw/s1600/otowebsite.blogspot.com-youtube.png" /></a>
</p></center>

Read more


Membuat Forum Di Blog

Selamat Malam dan selamat malam Mingguan buat agan2 yang berkencan dengan pacarnya,di tengah malam ini saya mau share sedikit tips ber blog,,yaitu membuat Forum diskusi di blog..
Sebelum nya saya meminta maaf,karena saya ini melihat dari blog sebelah,alangkah baiknya saya share lagi untuk anda semua.
orum bukanlah hal yang asing lagi bagi kita apa lagi yang biasa mondar-mandir di dunia maya.
Forum adalah tempat untuk saling bertukar fikiran, tanya jawab, tempat curhat, tempat bercanda dan lain sebagainya. Kita dapat menemukan forum di berbagi situs seperti Kaskus dan banyak lagi.

Nah sekarang bagaimana bila kita ingin memiliki forum sendiri??? Itu bukanlah hal yang sulit jika sobat memiliki blog atau web sobat sudah bisa membuat forum sendiri dengan sangat mudah, dan tentunya GRATIS.
Cara Membuat Forum Di Blog ini sangatlah mudah karna kita akan menggunakan jasa dari pihak ke tiga, atau memanfaatkan salah satu situs yang khusus melayani untuk membuat forum sendiri secara gratis-tis !
Yah biar tidak berlama-lama lagi bagaimana kalo sekarang lansug aja kita bahas caranya, sebelumnya biar lebih jelas lagi seperti apa dan bagaimana model forum gratisan ini yang saya rekomondasikan kepada sobat, silahkan sobat untuk melihat demonya dulu dengan menekan tombol di bawah ini.



Nah bila sudah melihat demonya dan sobat tertarik ingin membuat forum sendiri di blog dengan adminnya adalah sobat sendiri silahkan sobat ikuti cara berikut, cara berikut ini sangatlah mudah, ayo dah . . .

1. Pertama-tama biar tidak repot sobat login dulu ke blogger sobat.

2. Selanjutnya silahkan sobat klick disini (lalu skip) untuk membuat forum sobat.

3. Untuk membuat forum sobat klick 'Start a Free Forum'


4. Sekarang silahkan sobat isi form pendaftaran untuk membuat forum seperti gambar berikut.



5. Selanjutnya silahkan konfirmasi dari email sobat, setelah konfirmasi sobat akan di berikan embed script yang akan dan bisa sobat pasang di blog sobat.

6. Jika sudah mendapatkan kodenya silahkan sobat buat halaman atau postingan baru lalu pastekan kode script yang sobat dapat tadi.

7. Untuk setting pewarnaan dan sebagainya silahkan sobat klick options.


Saya rasa cukup, bila ada kesulita jangan sungkan untuk minta bantuan, saya akan dengan senang hati membantu sobat.

Bagaimana apakah sobat berhasil menerapkannya ke blog sobat, silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!
password jika butuh : apricyber Terima Kasih atas Kunjungan dan Jangan lupa komentar anda.

Read more


Membuat “Picture Password” Pada Windows 8

Tadi saya baru share Sebuah infor dimana Microdoft Patenkan Windows 8 Picture password
,Arti nya di windows 8 anda bisa membuat password komputer dengan picture Password.Dan sekarang saya mau kasih tau langkah-langkah Membuat Picture Paswword untuk anda semua..
nginkan mudah saja langkah nya

  1. pergi ke "more pc setting"  di ujung kiri bawah layar anda.
more


    2.  lalu klik "user" dan "create a picture password"
pp

  3. Choose(masukkan) you Picture and Use this Picture .
4. Pada tahap ini, silahkan memberikan tanda pada gambar tersebut. Untuk menandai, anda dapat menggunakan cara melingkar, atau garis lurus.Disini saya memilih untuk garis lurus. Lalu klik Start Over.



 

 Ctt : Setelah anda melewati tahap ini dengan 3 kali dan di ulang sekali lagi untuk confirmasi password anda.
Oh ya, Windows 8 tetap menyediakan cara masuk ke Dekstop dengan Password character. Tinggal Switch Account aja.
Done!.




password jika butuh : apricyber Terima Kasih atas Kunjungan dan Jangan lupa komentar anda.

Read more

About This Blog

Auto Backlink

My Blogs

Blog Archive

Followers

Web hosting for webmasters