MARYONO

Laki-laki, 15 MARET 1991

MAGETAN, INDONESIA

Banggalah pada dirimu sendiri, Meski ada yang tak Menyukai. Kadang mereka membenci karena Mereka tak mampu menjadi seperti dirimu.
::
Start
Windows 8 SM Versi 3
Shutdown

Navbar3

Search This Blog

Showing posts with label blog. Show all posts
Showing posts with label blog. Show all posts

Saturday, May 16, 2015

Cara membuat Blog Yang aman Dari blogspot di tahun 2015

Selamat malam sob. Apa kabar? Ok izinkan saya untuk mengajak sobat semua untuk berlatih disini tentang cara membuat blog di blogger dengan domain blogspot.com caranya  sangatlah mudah sekali ikuti petunjuk ini;
1. Buatlah Email terlebih dahulu gunakan Email Gmail  (sangat menguntungkan karena satu akun dengan google)
2. Setelah punya email langsung daftar dan masuk ke blogger
3. Klik buat akun
4. Langsung isi pendaftarannya dari nama  tanggal lahir dan yang lainnya
5. Klik daftar / lanjut
6.selesai langsung buat blog anda dengan membuat nama blog sobat dan nama URLnya
7. Klik daftar dan selesai
8. Tinggal sobat  langsung  bisa menggunakannya
Sekian dari saya terima kasih banyak

Read More --►

Cara Menggunakan Blogger Terbaru 2015

Salam hangat sahabat internet dari saya,
bagaimana cara menggunakan blogger? bagi sahabat blooger pasti sudah paham betul tentang penggunaan blogger tapi bagi pemula juga perlu tanya tanya,, oleh karena itu saya disini akan membantu teman kita yang belum paham betul dengan blogger,,, ok silahkan ikuti tour ini sob,,
A. kita mengenal dasar Blogger
gambar 1
  1. Nama Blog (Jika di klik akan menuju ke menu gambar 2)
  2. Untuk membuat postingan baru (untuk membuat menulis karangan / postingan terbaru)
  3. Bilah Menu (jalan pintas menu)
B. Mengenal menu Pada Blogger

  • Entri Baru ~ (untuk membuat menulis karangan / postingan terbaru)
  • Ikhtisar  ~ menu untuk melihat kapasitas blog kita dari pengunjung (berapa banyak pengunjung blog - naik atau turun jumlah pengunjung kita )
  • Pos ~ menampilkan jumlah postingan yang kita buat
  • Laman ~ Menampilkan jumlah laman blog
  • Komentar ~ Untuk menampilkan semua Komentar postingan dari semua postingan
  • Google + ~ Menggabungkan berbagi ke situs google plus
  • Sstatistik ~ jumlah perhitungan penayangan postingan dari setiap postingan teratas (terpopuler)
  • Penghasilan ~ menu untuk berapa banyak blog menghasilkan uang / penghasilan (jika tidak ada klik disini untuk memunculkan menu adsense / pengahsilan)
  • Kampanye ~ untuk membuat blog kita menjadi iklan
  • Tata letak ~ untuk mengatur tata letak pendamping postingan terdiri dari fitur tambahan lainnya
  • Template ~ untuk mengganti tampilan template / baground blog (klik untuk mengubah)
  • Setelan ~ untuk pengaturan pengaturan blog yang lain
Read More --►

Friday, April 24, 2015

Cara Memasang Iklan di Blog/Website langsung dari Google tanpa mendaftar

Salam sobat blogger kali ini saya akan memberikan sedikit trik atau cara agar blog kita  mendapatkan iklan langsung dari google tanpa harus mendaftar, karena bila kita daftar dulu belum tentu kita langsung diterima oleh google, oleh karena itu saya membuat postingan ini tentang cara memasang iklan di blog langsung dari google, tanpa susah payah tinggal sobat Copy paste kode di bawah ini dan letakkan di blog sobat langsung sratus persen langsung muncul iklannya dari google senderi caranya
- masuk ke blog sobat
- masuk ke tata letak
- klik tambah gadget
- copy kode di bawah ini

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- dagujang_sidebarleft_AdSense3_250x250_as -->
<ins class="adsbygoogle"
     style="display:inline-block;width:250px;height:250px"
     data-ad-client="ca-pub-7416725424947784"
     data-ad-slot="5253609351"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

- paste pada blog sobat
- simpan dan lihat hasilnya
nah mudah bukan sebagai  contoh seperti  di bawah ini
Read More --►

Tuesday, January 6, 2015

Cara Mengalihkan Link URL Blog Ke Blog Yang Lain

Beberapa saat yang lalu ada sobat blogger yang bertanya bagaimana cara mengalihkan alamat situs ke alamat situs yang lain. Bagi yang belum mengerti pasti anda akan bertanya-tanya dan sedikit bingung. dengan nyasarnya anda ke artikel kali ini. anda akan menemukan jawaban dari masalah yang anda pertanyakan tersebut. dan ternyata cara pun cukup mudah silahkan disimak baik-baik.
CARA MENGALIHKAN LINK BLOG KE BLOG YANG LAIN (REDIRECT LINK)

Berikut ini adalah step by step cara redirect link :
  1. Buka blogger
  2. Buka template > edit template
  3. Cari kode </head> ( untuk mempermudah pencarian tekan ctrl +  f  )
  4. Pastekan kode tersebut dibawah ini tepat diatas kode </head>
<script type="text/javascript">
  window.location="http://dagujang.blogspot.com";
</script>
Finish, silahkan dicek apakah berhasil atau tidak dengan membuka web/blog yang sudah dipasang kode redirect link tersebut.

Keterangan :
- Ganti URL "http://dagujang.blogspot.com" dengan link yang anda ingin alihkan

- Jika pengeng mengalihkan ke URL yang lain dengan jeda waktu tertentu silahkan baca disini

Demikian Cara Mengalihkan Link Ke Link Yang Lain bagi yang belum berhasil dan masih bingung cara mengalihkan link web ke link web yang lain
Read More --►

Cara Membuat URL Link Redirect - Agar Blog Mengalihkan ke URL lain dalam waktu tertetu

Cara Membuat URL Link Redirect pada Blog Blogspot - Agar Blog Mengalihkan ke URL lain. Trik yang satu ini sangat berguna bagi sobat Blogger yang ingin mengalihkan para pengunjung di blog lama ke blog baru. Hal ini mungkin dikarenakan sobat telah membuat blog baru dengan alamat baru atau lebih bagus daripada alamat/URL blog yang sebelumnya. Seperti biasa, jika kita membuat blog baru dengan URL baru, tentu trafiknya pun harus mulai dari nol, maka dari itu trik ini berguna bagi kita yang ingin memanfaatkan trafik blog lama kita dengan cara menerapkan trik redirect yang mengarahkan blog lama ke blog baru kita, sehingga kita tak perlu memulai trafik kita dari nol... menyenangkan bukan? :D

Bagi sobat Blogger yang ingin menerapkan trik redirect di blognya, silahkan untuk menyimak langkah-langkah berikut:

1. Login ke blogger seperti biasa
2. Pergilah ke tab "pengaturan" blog lama anda (yang sudah memiliki trafik yang lumayan banyak)
3. Selanjutnya kliklah "Edit HTML"
4. Carilah kode tag <head> dan letakkan kode berikut di bawahnya

      <meta content='3; URL= http://jagoanmp3.blogspot.com/' http-equiv='refresh'/>

Angka 3 bermaksud untuk meredirect/mengalihkan ke blog baru anda maka butuh 3 detik (semakin kecil semakin cepat, contoh:1 maka berarti 1 detik). Lalu link http://jagoanmp3.blogspot.com/ bisa sobat ganti dengan alamat blog baru sobat (URL blog yang dijadikan sebagai sasaran pengalihan).

5. Klik simpan template. Ding dong...silahkan lihat hasilnya di blog sobat...

Bagaimana? Blog lama sobat akan di-redirect ke blog baru bukan? Semoga bermanfaat hahai...
Read More --►

Saturday, January 3, 2015

Cara membuat iklan melayang di samping kanan dan kiri blog

Selamat tahun baru sob awal tahun ini saya akan berikan sedikit pengetahuan lagi tentang iklan nah simak baik baik sob
memasang iklan melayang pada blog adalah salah satu tempat paling strategis, apalagi melayang di samping kanan kiri  karena hampir tidak mungkin pengunjung tidak melihat iklan yang kita pasang.
Dan ini langkah-langkah untuk memasang iklan melayang disamping kanan dan kiri blog:
1. Buka akun blogger sobat dan menuju ke dashboard
2. Kemudian pilih menu tata letak dan kemudian add gadget
tempat gadgetnya bebas sih,, suka-suka kalian aja soalnya gak bakal pengaruh, hehe :D

3. pilih HTML/JavaScript
4. Copy - Paste kode berikut pada kotak yang tersedia

<!-- floating ads dagujang.blogspot.com -->
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

<!--start: floating ads dagujang.blogspot.com-->
<div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVm8eXUJ6ysrd0f7uwBt9rqQBVuEMwxDeC4W_aTaHXubmsHESMGOVVAKialh-AJCKQ0MNnPd7rrOY1pBPz5cmpPNj71hfxOn8bX95SCHcjExKXRk3ZZnHYNzBpaIS-Sz40x2yCFwjspvrD/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kiri-->
</div>
<!--end: floating ads dagujang.blogspot.com-->

<!--start: floating ads dagujang.blogspot.com-->
<div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVm8eXUJ6ysrd0f7uwBt9rqQBVuEMwxDeC4W_aTaHXubmsHESMGOVVAKialh-AJCKQ0MNnPd7rrOY1pBPz5cmpPNj71hfxOn8bX95SCHcjExKXRk3ZZnHYNzBpaIS-Sz40x2yCFwjspvrD/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kanan-->

</div>
<!--end: floating ads dagujang.blogspot.com-->
<!-- end: floating ads dagujang.blogspot.com -->

demo
Read More --►

Tuesday, March 25, 2014

cara membuat populer post dengan widget

Membuat Artikel Terpopuler dengan Widget HTML/JavaScript. Caranya mudah, kamu tinggal menambahkan most popular post pada sidebar blog kamu. Dengan adanya widget ini, selain kamu bisa melihat artikel-artikel yang banyak direspon pembaca, juga dapat menarik pembaca lain untuk lebih mengetahuinya lebih lanjut.
Siapa tahu karena banyaknya komentar pada artikel tersebut akan membuat orang tertarik untuk turut membacanya. Nah, jika kamu tertarik untuk membuatnya, ikuti saja langkah-langkah berikut:


  • Dari halaman dasbor, pilih Tata Letak - Elemen Halaman.
  • Klik Tambah Gadget dan pilih HTML/JavaScript.
  • Masukkan (copy-paste) script berikut (gunakan Control C):
  <script language="javascript">
titlebold=false;
numposts=9999;
maxshowresult=10;
explanation="respon";
home_page="dagujang.blogspot.com";
</script>
<script style="text/javascript" src="http://textuploader.com/13ju/raw"></script>

  • Keterangan:
    titlebold = Judul artikel. Jika ingin judul artikel ditampilkan dengan cetak tebal, ganti false-nya dengan true.
    numpost = Banyaknya artikel yang dijadikan referensi.
    maxshowresult = Maksimum artikel yang ditampilkan. Kamu bisa mengubahnya menjadi kurang atau lebih dari 10.
    explanation = Keterangan. Kamu dapat mengubah respon menjadi comments, komentar, komen, komeng, atau bisa juga kamu kosongkan.
    home_page = Alamat situs. Ganti dagujang dengan nama blog kamu. Tapi awas, jangan pake http:// !
  • Setelah selesai, simpan hasilnya
Read More --►

Tuesday, March 11, 2014

cara buat notifikasi komentar pada blog

cara buat notifikasi komentar agar semua komentar berkumpul dan menjadi pemberitahuan seperti pemberitahuan google plus
caranya mudah sobat membuat notifikasi komentar
simak baik baik ya agar lebih mudah penepatan kodenya;
  • letakkan kode ini di atas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
  • tambahkan kode ini di atas ]]></b:skin> atau </style>
/* Notifikasi Komentar
----------------------------------------------- */

#cm-total {
position:fixed;
top:14px;
right:0;
width:188px;
text-align:left;
z-index:9999;
cursor:pointer;
}

.total-counter {
background-color:#d11919;
color:white;
padding:1px 4px;
font-family:Arial,Sans-serif;
font-size:11px;
border-radius:5px;
font-weight:bold;
}

#notif {
position:fixed;
top:20px;
right:180px;
z-index:9999;
height:22px;
width:19px;
opacity:.4;
cursor:pointer;
}

#notif:hover {
opacity:1;
}

.close-notif {
position:fixed;
top:92px;
right:20px;
z-index:9999;
cursor:pointer;
display:none;
}

#cm-container {
width:355px;
position:fixed;
top:67px;
right:0;
z-index:9999;
background-color:#e5e5e5;
padding:60px 20px 10px 20px;
color:#666;
box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;
text-align:left;
border:1px solid rgba(0,0,0,.2);
background-clip:padding-box;
display:none;
}

#cm-container:before {
content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO3gU8JPipw7x5EYUbSL3l48yib0cP0hax_rHZYftpT0T4jFK7QM9LCKl4Y2dxp8Gj2FgbHZXBQVY5ECJtDbETYyRaV2Afpdh0y0_nCrCcn5j3gObu_M-2Qi9NyetpcxZ9ztyr7S8O8f8/s1600/arrow-notif.png');
position:absolute;
top:-14px;
left:196px;
}

#cm-container:after {
content:"Komentar Terbaru";
position:absolute;
top:22px;
left:150px;
text-align:center;
font:normal 14px Arial;
color:#333;
}

.cm-outer {
margin:0 auto;
padding:0;
font-size:11px;
text-align:left;
font:normal 12px Arial;
}

.cm-outer ul{
margin-bottom:5px;
}

.cm-outer li {
padding:9px 10px 14px;
list-style:none;
clear:both;
position:relative;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background-color: white;
margin-bottom:10px;
}

.cm-text {color:#797979;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}
.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}
.cm-header a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-left:90px}
.cm-outer img {
display:block;
float:left;
background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ9gkhI39t4tIFUlcw1HW8JDlDfOeSfuaBE836hzdw-fWurbOaKy4HiFDRzkudLwQ2DdSq4gjgNzEuMYstLZfRqFbNicJs9x1BI44g9965ogg2_wjRa3gIogfoe2NAItEsKXNssRl-8bY/s1600/anon80.png') no-repeat 50% 50%;
overflow:hidden;
border-radius:3px 0 0 3px;
position:absolute;
top:0;
left:0;
}

.cm-footer {margin-top:7px;}
.cm-footer a {color:#5886a7;text-decoration:none;}
.cm-footer a:hover {color:#74a2c3;text-decoration:none;}
div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {
content: url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png);
}

  • dan juga kode ini di atas </body>
<div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilI2h3WH4u00zYvNT9CNsVPYUnsEwFWWI4BG1suz8lr5Rwwb09vnjKtbkhpmUqNwM9Fp9g_X-aR8YQJHdgCyMrpPnUpgtKy9wtaqHQZl88mns-ViWBWgh44-PBO-sP1Ol48iISLOinoMA/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggL5LEm2yqXwHhhMmnCOwtxVuBmtjDRVZrUq5DPfIyWK1nKlGdmtzG5sQCqjQY4ROfVptZfblBzN7PWWZ_zyUdQg1CP3aiIU6EEx8fmRBIhF1D7Ku58IaCzGbIvzj6AD1kFrtJuCrA1hw/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "http://dagujang.blogspot.com",
max_result: 6,
t_w: 80,
t_h: 80,
summary: 40,
new_tab_link: true,
ct_id: "cm-container",
new_cm: " Komentar Baru!",
interval: 30000,
alert: true,
alert: function(total) {
document.getElementById("cm-total").innerHTML = '<strong class=\'total-counter\'>'+total+'</strong>';
document.title = '(' + total + ') ' + originalTitle;
}
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]>
</script>
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/notif-komen.js' type='text/javascript'/>
    •  dagujang.blogspot.com ganti tulisan yang di blog warna kuning dengan nama blog sobat sendiri
    • simpan dan lihat hasilnya
    Read More --►

    Monday, March 10, 2014

    cara buat tombol loncat bergambar pada postingan

    sobat kembali lagi lagi kali ini saya akan memberikan bagaimana cara membuat tombol loncat
    ke atas dan ke komentar yanga bergambar
    caranya begini;
    masuk ke blog sobat
    tambahkan gadget
    copy paste kode di bawah ini;

    <a href="#header" style="bottom: 50px; display: scroll; position: fixed; lift: 5px;" title="kembali keatas"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3UZ057C462BZ0v2hEi7Zv1HnSvwa4VdyWk2zfk7vJXP8PXzPLzyGNoYRZ7Tu1N217fsDQqtN71JTZzUSUe3sVJr2cY8ag7rvXki4JOtGJzr9Hh0MbinByoGwSoQ-tyyaM8RWAqzbM0Qs/s1600/panah+atas.jpg" /></a>

    <a href="#comments" style="bottom: 5px; display: scroll; position: fixed; lift: 5px;" title="langsung ke komentar"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNyGsLXiwnSOPd6sQim6baSEBDcAN7CTMGTmJFnsEwSeYYWD3XG27zUbGUE5UZGWmGDE5nfMZSd6XuAIlYKApIWovl6LNkmgea4ndYrdd8a3k39Zw2Z9UFcwJqHU6ihvw-55FWLDMci4/s1600/panah+bawah.jpg" /></a> 

    simpan dan lihat hasilnya,,,,
    keterangan pada warna biru bisa diganti dengan gambar yang sobat inginkan
    dan warna merah merupakan ketinggiannya bisa anda sobat ganti menurut selera
    Read More --►

    Tuesday, March 4, 2014

    Membuat Menu Melayang Diatas mengikuti Scrol

    Membuat Menu Melayang Di Atas Blog - Halo sobat kembali saya berbagi artikel,
    Oke sobat, kali ini saya akan berbagi Tutorial Blog lagi setelah beberapa hari lalu. Singkat waktu, langsung saja yuk sob caranya jika sobat belum tau bentuknya sobat bisa masuk ke DEMO. Sekarang sudah tau kan?? yuk sekarang menuju proses pembuatannya:

    • Login Blogger
    • Masuk ke dashboard
    • Menuju menu template -> Edit Html
    • Kemudian Masukkan kode dibawah ini tepat diatas  ]]></b:skin>


    /* Top Menu www.g-bloog.com
    ----------------------------------------------- */
      #top-menuwrapper{background: white;height:60px;width:100%;position:fixed;top:0;left:0;z-index:999;overflow:hidden;border-bottom:3px solid #05BEFF}
      #top-menuwrap, #top-menuwrap2{width:90%;margin:0 auto}
    #top-menu{width:100%}
    #top-menu ul{list-style: none;width:100%;}
    #top-menu ul li{float:right}
    #top-menu ul li a{line-height:20px;padding:5px 0;margin-left:25px;color:#999;font-size:14px;text-transform:uppercase;display:block;text-decoration:none;}
    #top-menu ul li a:hover{color:#c94e5c;}
    .logo{float:left;font-family:'Montserrat', Oswald;font-size:160%;text-transform:uppercase;font-weight:300;}
    #top-menu ul li a.current{color:#c94e5c}
    .logo a{color:#fff;text-decoration:none;margin-top:-5px}
    .logo a:hover{color:#fff;text-decoration:none}
    .logo img{margin-top:0px;}
    • Kemudian masukkan kode dibawah ini tepat dibawah tag <body>
    <div id='top-menuwrapper'>
    <div id='top-menuwrap'>
    <div id='top-menu'>
    <ul>
    <li><a href='http://unduhan-mp3.blogspot.com/'>Lagu Gratis</a></li>
    <li><a href='http://dagujang.blogspot.com/p/tv-online-indonesia.html/'>TV Online</a></li>
    <li><a href='http://www.youtube.com/'>You Tube</a></li>
      </ul>
    <div class='logo'>
    <a href='/'><img alt='Go! Blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzP0mSK4cedtX3CR7pgER4YTMTwDn3sX_uPYpNYDS1j4Bi8XGEaJ0bHt5ppq803tcOUU6UIJExqbY106D1iBNOMwpXXEFJzExP_sCDsCI3-Mr3EqxHE3lNk4MZPduDcnc6QEQ3bugnO-o/s36/13.gif'/></a>
    </div>
    </div>
    </div>
    </div>

    Keterangan

    Pasti sobat sudah tau apa yang harus diubah, mungkin saya perlu jelaskan lagi ya bagi yang belum tau. Untuk tulisan yang saya stabilo hijau sobat bisa ganti dengan link yang sobat inginkan. Untuk tulisan yang saya stabilo kuning sobat bisa ganti dengan alamat gambar logo blog sobat sendiri. Ingat logo blog sobat harus berukuran  170 x 34 pixel agar terlihat pas dan rapi.
    • Sekarang simpan. Jika tampilan blog sobat tidak rapi, mungkin ada yang harus sobat otak atik lagi. Mau tau caranya?? yaudah deh saya kasih bonus :D
    biasanya menu navigasi melayang ini akan menutupi header blog sobat. bener gak?? kalo bener simak terus nih caranya.
    • Sobat cari css di blog sobat biasanya penulisannya seperti ini:
    #header {............
    }
    • Kemudian sobat tabahkan margin-top:60px; maka akan seperti ini.
    #header {margin-top:60px;............
    }
    untuk "........." maksudnya adalah kode- kode lain yang berada didalamnya. 
     Sekian artikel yang saya berikan mohon maaf jika artikel yang saya buat ini kurang jelas. Untuk agar lebih terlihat menarik sobat dapat mengotak atik sendiri. Jika ada hal yang ingin ditanyakan tentang artikel ini silahkan komentar dibawah ini ^_^.
    Read More --►

    cara merubah penampilan komentar blog agar lebih menarik

    Sebuah kotak komentar juga bisa mempengaruhi pengunjung blog jika
    kolom kotak komentar kita menarik tentunya juga pengunjung lebih suka untuk berkunjuk ke blog kita maka dari itu cara mempercantik kotak komentar kita perlukan,
    ini salah satu cara merubah kotak komentar pada blog caranya;
    masuk ke blog sobat
    >> Template >> Edit HTML.
    Cari kode ]]></b:skin>
    Copy kode yang ada di bawah, kemudian letakkan di atas kode ]]></b:skin>



    /* Comments
    ----------------------------------------------- */
    #comments h4 {
    font-weight:bold;
    color:#000;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnl3SrnhQug-0OCZAQc0pHZjF8GPavxIQLe-i2HEQGDpB8HCb55LsDCLDKCQZPea4OmdMerCi4RdcqUmwYFitrdPJd6hzZcvkKWq-gVLsTx6ZJo0pTQIG-Szn2cR4jJrOdRIaGQ4IOUYGn/) repeat-x;
    height: 35px;
    line-height: 35px;
    width: 100%;
    margin:-5px 0 -7px -10px;
    text-align:center;
    border-top:1px solid #ddd;
    display:block;
    padding-bottom:6px ;
    line-height:30px;
    }
    h4#comment-post-message {
    display:none;
    }
    .comments .comments-content {
    font-size:12px;
    text-align:left;
    }
    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em
    }
    #comments-block .comment-author {
    margin:.5em 0
    }
    #comments-block .comment-body {
    margin:.25em 0 0
    }
    #comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height:1.4em;
    letter-spacing:.1em
    }
    #comments-block .comment-body p {
    margin:0 0 .75em
    }
    .deleted-comment {
    font-style:italic;
    color:gray
    }
    .comments {
    font:normal 11px/14px "Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif!important
    }
    .comments .comments-content .comment,.comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child {
    padding:0;
    margin:0;
    position:relative
    }
    .comments .avatar-image-container {
    width:45px;
    height:45px;
    max-width:45px;
    max-height:45px;
    padding:2px;
    border-radius:2px;
    margin-right:5px;
    margin-top:8px;
    margin-left:8px;
    position:relative;
    background-color:white;
    z-index: 2;
    }
    .comments .avatar-image-container img {
    max-width:100%;
    height:100%
    }
    .comments .inline-thread .avatar-image-container {
    width:38px;
    height:38px;
    position:relative;
    margin:0
    }
    .comments .comment-block {
    margin-left:0;
    padding:0 8px;
    min-height:90px;
    border:1px solid #4173af;
    border-radius:2px
    }
    .comments .inline-thread .comment-block {
    margin-left:45px;
    padding:0;
    border:0;
    min-height:initial
    }
    .comments .comments-content .comment:hover .comment-block {
    border:1px solid 4173af;
    -moz-box-shadow:0 1px 3px rgba(58,58,58,0.06),0 1px 2px rgba(54,54,54,0.21);
    -webkit-box-shadow:0 1px 3px rgba(58,58,58,0.06),0 1px 2px rgba(54,54,54,0.21);
    box-shadow:0 1px 3px rgba(58,58,58,0.06),0 1px 2px rgba(54,54,54,0.21)
    }
    .comments .comments-content .comment:hover .inline-thread .comment-block {
    border:0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none
    }
    .comments .comments-content .comment-replies {
    margin-left:20px;
    margin-top:5px
    }
    .comments .comments-content .comment-header,.comments .comments-content .comment-content {
    margin:0 0 8px;
    padding-left:58px;
    text-align:left;
    line-height:1.6em;
    }
    .comments .comments-content .comment-header {
    margin-top:8px;
    height:14px
    }
    .comments .comments-content .inline-thread .comment-header,.comments .comments-content .inline-thread .comment-content {
    padding-left:8px;
    margin-top:0;
    text-align:left;
    line-height:1.6em;
    }
    .comment-actions {
    position:absolute;
    top:64px;
    left:10px;
    z-index:2
    }
    .comments .comment .comment-actions a {
    background:#0671A1;
    border-radius:4px;
    position:relative;
    display:block;
    padding:2px 7px;
    color:white;
    top:-1px;
    font-family:Arial,Sans-serif;
    font-weight:bold;
    box-shadow:0 1px 1px rgba(0,0,0,0.4);
    text-shadow:0 1px 0 rgba(0,0,0,0.3);
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    -ms-transition:none;
    transition:none
    }
    .comments .comment .comment-actions a:hover {
    text-decoration:none;
    background-color:#0057ae;
    }
    .comments .comment .comment-actions a:active {
    top:0;
    background-color:#0057ae;
    }
    .comments .comments-content .inline-thread li.comment,.comments .comments-content .inline-thread li.comment:first-child,.comments .comments-content .inline-thread li.comment:last-child {
    padding:5px;
    border:1px solid #4173af;
    margin-bottom:5px;
    }
    .comments .comments-content .inline-thread {
    padding:0
    }
    .comments .comments-content .comment-thread.inline-thread ol {
    padding-top:8px
    }
    .comments .comments-content .comment-thread.inline-thread ol > div:first-child {
    border-left:1px solid #4173af;
    padding:10px
    }
    .comments .comments-content .inline-thread li.comment::before {
    content:"";
    position:absolute;
    width:11px;
    height:1px;
    background-color:#4173af;
    display:block;
    left:-12px;
    top:12px
    }
    .comments .comments-content .inline-thread li.comment:last-child {
    margin-bottom:0
    }
    .comments .comments-content .inline-thread li.comment:last-child::after {
    content:"";
    height:100%;
    width:5px;
    display:block;
    background-color:#FCFCFC;
    position:absolute;
    top:13px;
    left:-13px
    }
    .comments .thread-toggle.thread-expanded {
    position:relative
    }
    .comments .thread-toggle.thread-expanded::after {
    content:"";
    display:block;
    width:1px;
    height:32px;
    position:absolute;
    background:#4173af;
    top:-8px;
    left:0
    }
    .comments .comment .comment-actions .item-control a {
    display:none;
    background-color:#FCFCFC;
    background-position:2px 50%;
    background-repeat:no-repeat;
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8GhnFE1Ou49-mkYxSKRTsTV1K54HtAabCkEz7fqjOmCanhZ2vr5NiaPJAhnp2ROYGw-gV1epu9O2RHS-q5-6vUtSab0g0Y0sz23odqWHSAECu27VYMi3Cwf7OLnd9BsMdXTVU5ZySDg/s14/Trash.png);
    border:1px solid #4173af;
    position:absolute;
    left:-10px;
    text-indent:-9999px;
    padding:0;
    width:19px;
    height:20px;
    top:-42px;
    border-radius:2px
    }
    .comments .comments-content .comment:hover .comment-actions .item-control a {
    display:block
    }
    .comments .comments-content .comment:hover .inline-thread .comment-actions .item-control a {
    display:none
    }
    .comments .comments-content .inline-thread li.comment:hover .comment-actions .item-control a {
    display:block
    }
    .comments .inline-thread .comment .comment-actions .item-control a {
    left:-61px;top:-35px
    }
    #comments h4#comment-post-message {
    border-bottom:0;
    background-color:transparent;
    font-size:130%
    }
    .comment-form {
    max-width:100%
    }
    .comments .comments-content .icon.blog-author {
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color:transparent #0671A1 #0671A1 transparent;
    position: absolute;
    right: 0;bottom: 4px;
    }
    .comments .comments-content .inline-thread .icon.blog-author {
    bottom:-9px;
    right:-5px;
    }
    .comments .comments-content .user,.comments .comments-content .datetime {
    display:inline-block;
    float:left
    }
    .comments .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] {
    content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66lVeLFHpR4Jm5BSlD7PU3WlnkXcuVJ9IoVF4uF_bj_c9CuSSl2QvzPa0uPf4sg4PkShN0DAN94IB2MQuevys7sSa403ija8dhcdcL20msnsvybgWhZ4AJsTwQFrQWNuL4Y9jtJyHsKae/s70/user-anonymous-icon.png);
    }


    klik simpan dan lihat hasilnya..
    nah mudah bukan sobat cara mengganti penampilan kotak komentar di blogspot
    jangan lupa berkunjung lagi di artikel yang lainnya
    terimakasih..


    Read More --►

    Saturday, March 1, 2014

    cara buat buku tamu sembunyi di samping blog

    cara menampilkan buku tamu berada di samping blog
    tentunya sobat blogger menambahkan buku tamu di samping blog tanpa menghalangi pembaca dan
    jika pembaca ingin memberi komentar atau tanggapan  atau mengisi buku tamu itu bisa tinggal klik dan akan muncul cendela dari samping, tinggal pengunjung bisa mengisinya tanpa memakan banyak tempat
    caranya sangat mudah kok sobat masuk ke blogger/ blog sobat
    ke tata letak
    tambah gadget
    tambah HTML
    copy paste kode berikut;


    <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPgxidz75X3CusBgxCFYZAWRt6tWjfRjUo0I9qSABF_T0xi758VnFb-7i7V97n-UisXxpkywA-IYmQhExb7IwuwHV6ES7ltsgmhtDQ5q-LlvfHgOeIh6-3aA69M47vpnavI6zHMSJCozic/') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">

    isi dengan gadget ShoutMix, shout box, dll

    <br/>
    <a href="http://dagujang.blogspot.com">.
    </a>
    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [close]
    </a>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>

    sebelum menyimpan  ganti warna tulisan warna merah dengan gadget buku tamumum bisa dari shoutbox, shout mix, dll, yang sobat punya.

    kemudian warna biru ganti dengan alamat blog sobat
    dan simpan hasilnya bisa sobat lihat di blog sobat sendiri,,,
    sekian terima kasih,,,,,

    jangan lupa berkunjung ke blog ini lagi ya sobat
    dan jangan lupa tinggalkan komentar sobat....


    Read More --►

    Friday, February 28, 2014

    cara menambahkan komentar facebook di blog

    cara menambahkan komentar facebook di blog judul ini saya ambil karena jika yang mau berkomentar agar bisa menggunakan situs facebbok karena pastinya semua orang punya kan akun facebook nah jadi saya postingkan pos ini cara menambahkan komentar facebook di blog ternyata caranya begitu mudah sobat untuk membuatnya ikuti lahkah ini ya sobat...pertama kamu COPY PASTE ID Facebook caranya klik sini

    setelah dapat ID Facebook silahkan masuk ke blogger dan langsung ke template > edit HTML
    cari kode  <div class='comments' id='comments'>
    gunakan control + F  lebih mudah mencarinya;
    sisipkan kode dibawah ini tepat di bawah kode <div class='comments' id='comments'>


    <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
    <div class='clear'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
    <b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='3' width='500'/></b:if></div>
    <div class='comments comments-page' id='blogger-comments-page'>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID Facebook' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script><style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

    setelah selesai ganti warna merah yang bertulisan  ID Facebook dengan ID Facebook sobat tadi
    dan angka 500 menunjukan lebar komentar
    simpan template dan lihat hasilnya
    setelah dilihat akan muncul  pada kolom komentar seperti ini;


    mudah bukan sobat cara buat komentar facebook di blog jangan lupa beri komentar juga ya sobat agar blog ini lebih baik lagi, inikan juga untuk sobat semua,,,

    Read More --►

    Monday, February 24, 2014

    cara buat tombol bukak tutup pada postingan blog

    cara buat tombol bukak tutup pada postingan
    tentunya sobat saat memostingan sebuah artikel dan disitu ada bacaan tertentu atau penambahan gadget dan lainnya biar bisa agak irit tempat postingan ini ada gadget buat tombol buka tutup pada blog.
    sebagai contoh;


    silahkan ikuti ini;
    pertama masuk ke-blog
    kedua bukak entri baru/tempat menulis artikelmu
    pindahkan kelaman HTML
    kemudian copy paste kode ini;

    <div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
    <div style="margin-top: 5px; text-align: left;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKA&#39;; }" value="BUKA" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

    Letakkan link/script/gambar disini!

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


    simpan dan klik publikasikan  dan lihat hasilnya
    Read More --►

    Friday, February 14, 2014

    cara menganti template blogspot dengan template lain

    sobat selamat malam,,,, ini saya menulis tentang bagaimana cara mengganti template blogspot dengan template yang lain nah bigini sebelum sobat menganti silahkan sobat mempersiapkan template atau download template terlebih dahulu disini
    template sekolah
    template keren
    setelah sobat download templatenya masuk ke blog sobat
    masuk ke template
    setelah masuk di pojok kanan atas ada menu cadangan/pulihkan klik
    kemudian klik unduh atau download (nanti template kalian akan di download jika untuk cadangan)
    setelah itu klik telusuri pilh template yang sobat download tadi
    kemudian unggah
    otomatis akan tersimpan sendiri dan lihat blog sobat akan berganti seperti yang sobat download tadi
    Read More --►

    cara mengganti tulisan older, never, dan home dengan gambar ikon

    Tentunya sobat  taukan bahwa di setiap postingan sobat bagian bawah ada tulisan Home, Older Posting, sama Newer Posting.
    kebayangkan bagaimana cara menganti tulisan itu dengan gambar atau ikon, agar lebih menarik nah begini sobat. tapi saya akan langsung membahas satu persatu . silahkan di ikuti;
     
    Caranya adalah Sbb : 
    1. Sign ke blog yang sudah kalian miliki ya.
    2. Klik Rancangan / Template
    3. Pilih Edit HTML. sebelum edit HTML jangan backup dulu ya, takutnya ada kesalahan 
         yang fatal yang membuat blog kalian gak bisa di gunakan lagi.
    4. Centang Expand Widget Template 
    5. Cari kode ini <data:newerPageTitle/> (biar lebih cepat gunakan CTRL+F atau tekan 
         F3, kemudian ganti kode tadi dengan kode gamba/icon yang ingin kalian gunakan
         Contoh :


     
    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Cq1zXlYojGTDa9XQinSljEAoz1dcnYlSFRrlB6FOhHbii40l_PSGGrhJZRrpxfVKfbGP_KKlFFIkM4wDKNj20qd-YnuMtej5CMIBl5mbpaXn3T41p4B4HrOIlvAS1462pO4vwlreF7w/s1600/never.jpg'border='0'/>    


    6. Cari kode ini <data:olderPageTitle/> ganti juga dengan kode gambar/icon yang ingin 
         kalian gunakan. Contoh :


     <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4u9lqyMcunjb2DqCoIEIF3GVphez62A5EIJRDhsnLsU9MWaFDqayLT9dIfT7yjoZZ_T0GKtdy_rz2Wkwqix61ZFNIxI3BeIF9J8YAOkKnZzs9mAbvZCYfYHPluvgqHnlEV8prMsmWDfM/s1600/older.png'border='0'/>



    6. Terakhir ganti juga kode <data:homeMsg/> dengan kode gambar/icon yang kalian
         ingin gunakan. Contoh : 
     



    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2PEf-89ZL8ByxipugMtAy9w3X-JDMT-IMeYDnWXW0pueVp9r7s0gaKQ3evSvxAF2tZtaUdF0pUu2S02kjWGIyzjXW1MjVfySWA8oggDeRFtnsQ0nf_ObphB9xLbQYy8FP68OSXz8cgJ0/s1600/home.png'border='0'/>



    tinggal klik simpan template kemudian lihat blog sobat gimana mudah bukan sobat selamat mencoba ya,,,,
    Read More --►

    template untuk blog sekolah dari blogspot

    macam macam template untuk blogspot terutama untuk blog sekolah
    tinggal pilih salah satu dari berikut ini yang sobat inginkan



    Blues



    Blurdesign



    Coldblue


    Educationsite


    Itech


    Lightenblue


    Prostats


    Rikka-takanashi


    SchoolTimes



    Solarenergy


    lihat lebih banyak lagi Klik disini
    Read More --►

    Saturday, February 8, 2014

    template keren untuk blogger

    untuk penggemar blogger tentunya tidak mau kan jika penampilan blog sobat hanya itu itu saja ini saya berikan template keren untuk blogspot tinggal sobat pilih template untuk sobat inginkan antara lain;


    Anime Note




    Elite Auto



    Fun Never Ends


    GamesMax



    Gaming



    HostingPress


    Limax



    Playmariogames


    RobotGames


    Roll With It


    Stargaze

    lihat lebih banyak lagi Klik disini


    bagaimana sobat tentang template ini keren bukan,,,!
    jangan lupa beri komentar ya sobat tentang blog, ini agar blog ini lebih baik lagi,,,,
    terima kasih banyak
    Read More --►