Lerry JCo Thinking And Creative Imagination Visit Now Visit Now
KLIK ANDY EVIL ROXAS|Simple Is My Life mau tukar
Mr No Name
Keep Visit Mr No NAME
Mr No Name Is Valid HTML5
Join Us !!

Cara Membuat Banner Berputar Di Bawah Header Versi Mr No Name

Diposting oleh Unknown



Sorry Jarang Post Nih Soalnya Baru Selesai Ujian. Kali Ini Admin Akan Post Cara Membuat Banner Berputar Di Bawah Header

Demonya Lihat Di Sidebar Saya


Langsung Aja Ke TKP....





1. Buka Dasboard
2. Pilih Template, Edit Html
3. Cari ]]><b:skin> , Tekan Ctrl + F Untuk Mempermudah Pencarian
4. Taruh CSS Dibawah Ini

#MAHJ125 img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
border: outset 4px #7a0a0a;
margin: 0px 0px;
text-align: center;
padding: 0px;
margin-left: 0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
#MAHJ125 img:hover {
border-radius: 100%;
border: outset 4px #7a0a0a;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
-moz-transform:rotate(715deg);
-webkit-transform:rotate(715deg);
-o-transform:rotate(715deg);
}

Jika Sudah Save Template.....
Belum Selesai, Buka Tata Letak, Tambahkan Gadget, Pilih Javascript/Html, Masukan Html Dibawah Ini

<div id='MAHJkotakbesar1'/><div id='MAHJ125'>
<a href="http://mr-no-name.blogspot.com/"><img title='Mr No Name' src="http://i.imgur.com/a9i2yBj.gif" width="125" height="125" /></a><a href="http://mr-no-name.blogspot.com/"><img title='Mr No Name' src="http://i.imgur.com/a9i2yBj.gif" width="125" height="125" /></a><a href="http://mr-no-name.blogspot.com/"><img title='Mr No Name' src="http://i.imgur.com/a9i2yBj.gif" width="125" height="125" /></a><a href="http://mr-no-name.blogspot.com/"><img title='Mr No Name' src="http://i.imgur.com/a9i2yBj.gif" width="125" height="125" /></a> </div></div>

Kode Berwarna Merah Ganti Dengan Kode Banner Kamu....
Semoga Bermanfaat...
Read More →

Award Ke 6 Dari Blo'on Blog

Diposting oleh Unknown
 
 
gak apa-apa deh dapet juara 10
Spesial Thanks To Blo'on Blog
Read More →

Cara Membuat Link Sumber Otomatis Ketika Di Copas

Diposting oleh Unknown


Cara Membuat Link Sumber Otomatis Ketika Di Copas - Selamat pagi gan, sebelumnya saya udah Share Template Responsive buatan Kang Ismet, kali ini saya share tutorial membuat sumber otomatis ketika di copas, jadi saat diseleksi -> klik kanan -> copy -> paste, ada nama blog kita *you don't say.
sebenernya tutorial ini udah sangat tersebar luas di dunia blogger. tapi gpp deh ane share, daripada ga posting :v

Cara Membuat Link Sumber Otomatis Ketika Di Copas :

1. Buka Blogger

2. Klik Template -> Edit HTML

3. Copy kode dibawah ini dan letakan di atas kode <body>
<script type='text/javascript'> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber Artikel:"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='https://ahshare-project.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); }</script>
4. Klik simpan template


KETERANGAN:
yg berwarna merah silahkan ganti dgn kata2 sesuka sobat..
Kode <body> tidak ada ? jika tidak ada silahkan cari kode  berikut dan letakan script diatas diatas kode <body>
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Mudah kan caranya.. :D
Read More →

Award Ke 5 Dari Rafi Blog

Diposting oleh Unknown
Nama Author: Jovi Paendong
Url Facebook:https://www.facebook.com/jovi.paendong.06
Nama Blog: Mr No Name 
Url Blog:http://mr-no-name.blogspot.com
Nama Template: RVD Style V.5 [ Red Version ]
Original Template: Technology Tower
Re-design/ Design:Re-design
Pendapat Anda Tentang Blog Saya: keren
Saran Untuk Blog Saya: Gak ada
 
 
                                                                                                                                                                   thanks to Rafi Blog
Read More →

Cara Memasang Tombol Back to Top

Diposting oleh Unknown



Langsung Aja Ke TKP








Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:


Cara Pertama:
Untuk cara pertama ini sangat simple, karena tampilannya sederhana, anda hanya perlu menambahkan kode berikut sebelum kode </body>

<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwrao3MilDoavAP2yg5HivJAhufEPCfHUyTMXsuccZBEfSb_QyLTyIDzaieMMrIA5C4JIreEz7O-A1R0Zo4eiOK6PqenmQtPJf2E_ALRibDTkYBh4VpUmotHgiZF3mW1_3yqHaCSo5Meh/s1600/Untitled-2.png'/></a>



Untuk penjelasannya, anda login dulu ke blogger anda lalu Ikuti tahap-tahap berikut ini:

1.      Pilih Rancangan
2.      EDIT HTML ( Centang Expand Template Widget )
3.      Cari Kode </body> ( Untuk lebih cepat mencari gunakan Ctrl+F )
4.      Simpan kode berikut sebelum atau di atas kode </body>

<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwrao3MilDoavAP2yg5HivJAhufEPCfHUyTMXsuccZBEfSb_QyLTyIDzaieMMrIA5C4JIreEz7O-A1R0Zo4eiOK6PqenmQtPJf2E_ALRibDTkYBh4VpUmotHgiZF3mW1_3yqHaCSo5Meh/s1600/Untitled-2.png'/></a>



5.      Lalu simpan tamplate, SELESAI dan lihat hasilnya…

Keterangan:

  • Kode warna kuning adalah posisi tombol berada
  • Kode warna merah adalah URL gambar tombol (silahkan anda ganti dengan URL gambar anda bila ingin menyesuaikan  gambarnya dengan selera anda)


Cara Kedua:
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:

Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:

1.      Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.

    #Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
    #Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
    #Enjoy img{border:0}
    #Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}



2.      Kemudian sisipkan kode berikut ini setelah atau dibawah kode </body>

    <div id='Enjoy'>
    <a href='#' onClick='window.location.reload()' title='Reload page'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
    <a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
    <a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
    <a href='#footbar' title='Ke bawah halaman'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
    </div>



3.      Lalu simpan tamplate anda, dan lihat hasilnya…

Keterangan:
=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna kuning adalah posisi tombol

apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana hijau seperti ketyerangan di bawah:

=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Jangan lupa komentarnya…
Read More →
The Legend Sword Return
 

Copyright © Mr No Name | Creative is simple| RVD Style V.6 | Design By Rezza. Original by Technology Tower