Cara Membuat 2 Kotak Di Atas Header Blog

Berikut tutorial saya bagaimana cara menambah dan membuat 2 kotak widget di atas header blog karna dengan menambah nya anda bisa membuat widget atau kode html java skrip baru untuk di atas header blog anda.

Contoh:

Gimana?apa anda ingin membuat nya?

langsung saja ya akan saya share langkah-langkah nya di bawah ini:

1.silahkan buka http://www.blogger.com

2.pilih tamplate dan klik edit html

3.jangan lupa centang expand widget tamplate

4.cari kode <header>

5.copy kode di bawah ini letakkan pas di atas kode <header> 

 <div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

6.letak nya seperti contoh gambar di bawah ini:

7.jika sudah klik save lalu simpan tamplate maka lihat hasil nya

Cara Menghapus Powered By Blogger Terbaru Dan Lengkap

Berikut Tutorial Yogi yang terbaru cara menghapus powered by blogger terbaru dan terlengkap di blogger(blogspot),nah sebelum nya mungkin ada yang bertanya kenapa blogspot mau menghapus tulisan link powered by blogger,menurut saya sih fungsi nya agar blog itu terlihat profesional karna tidak ada tulisan di berdayakan oleh blogger nah berikut ulasan tuntas cara menghapus nya secara permanen:

 A.Cara menghapus model blogger terbaru

1.Silahkan sobat masuk ke http://www.blogger.com

2.Sudah masuk akun bloggger kamu silahkan pilih

3.Pilih edit attribution seperti contoh gambar di bawah ini dan hapus widget

4.Jika sudah sobat hapus widget maka sobat sudah bisa melihat blog sobat

B.Cara menghapus dari model blogger terbaru ke model blogger lama

1.Seperti biasa buka akun blogger kamu

2.Ubahlah dashboard blogger baru kamu menjadi tampilan dashboard lama

3.Cara mengubah nya silahkan pilih icon kotak yang bergambar roda gigi seperti contoh gambar di bawah ini

 

4.Maka menu nya akan muncul dan sobat pilih antar muka blogger lawas seperti contoh gambar di bawah ini

5.Maka tampilan dashboard baru anda sudah berubah menjadi tampilan lama 

6.Silahakan sobat pilih rancangan edit html jangan lupa centang expand widget oya silahkan simpan dulu tamplate blog sobat untuk menjaga agar mencegah terjadi nya kesalahan saat sedang beroperasi

7.Cari kode <!-- outside of the include in order to lock Attribution widget --> untuk mempercepat pencarian klik CTRL+F jika sudah ketemu maka di bawah nya akan muncul tulisan seperti contoh gambar di bawah ini

8.Seperti contoh gambar di atas silahkan sobat hapus kode tulisan dari tanda panah atas sampai barisan tanda panah bawah dan klik tombol delete di kyboard dan klik simpan tamplate

9.Jika proses nya sudah benar maka sobat akan melihat tulisan peringatan penghapusan attribution seperti contoh gambar di bawah ini

10.Sekarang sobat bisa pilih hapus widget dan selesai silahkan lihat tampilan baru sobat yang profesional 

 semoga tutorial yang mudah ini bisa membantu sobat-sobat blogger indonesia

Cara Menghapus Navbar Terbaru di Blogger

Berikut tutorial terbaru dari saya cara menghapus navbar terbaru di blogger ini berbeda dengan tutorial saya sebelum nya tentang cara menghilangkan atau menyembunyikan navbar(navigasi bar) di blogger(blogspot) karna tutorial kali ini menghapus secara permanen di blogger fungsi nya menurut saya tampilan tamplate blog terlihat profesional dan tidak terlalu banyak memakan tempat ini juga membuat loading blog lebih ringan karna blog telah menghapus 1 widget.

sudah cukup jelaskan dengan penjelesan nya mungkin tertarik untuk mencoba nya silahkan ikuti langkah-langkah di bawah ini:

1.silahkan sobat login ke blogger masing-masing

2.jika sobat menggunakan tampilan baru dashboard,ubah lah dulu tampilan baru menjadi tampilan lama

3.cara mengubah nya ialah klik pada icon gambar roda gigi seperti contoh gambar di bawah ini

4.silahkan pilih antar muka blogger lawas 

5..maka tampilan lama dashboard baru sobat akan berubah menjadi tampilan dashboard lama blogger

6.selanjut nya sekarang sobat pilih rancangan dan pilih edit HTML

7.jangan lupa centang expand widget sebelum nya silahkan sobat unduh tamplate blog sobat secara lengkap untuk menghindari terjadi nya kesalahan saat menjalankan operasi tutorial ini

8.silahkan sobat cari kode</head> untuk mempercepat pencarian silahkan tekan tombol CTRL+F
dan letakkan kode di bawah ini tepat di bawah kode</head>

<!--<body><div></div>-->

9.jika sudah benar peletakkan kode nya silahkan klik simpan tamplate

10.lalu akan muncul peringatan seperti contoh gambar di bawah ini:

11.selanjut nya pilih hapus widget dan sobat bisa lihat hasil nya

"Semoga bermanfaat"

Cara Menghilangkan/Menyembunyikan Navbar/Navigation Bar Blogger

Berikut Tutorial 2 langkah jitu bagaimana cara menghilangkan atau menyembunyikan navbar(navigasi bar)di blogger

Navbar(navigation bar) merupakan fasilitas yang di miliki oleh blogger yang tertanam di dalam blogspot.com yang model nya berupa kotak persegi panjang yang berada di bagian atas header blog seperti contoh gambar di bawah ini:

sudah cukup jelaskan yang di maksud tadi dengan navbar nah fungsi navbar sendiri ialah melakukan signout melakukan pencarian artikel yang di searsch blogger,mencari blog berikut atau blog lain dan membuat blog baru juga.

Langkah-langkah cara menyembunyikan atau menghilangkan navar blogger di blogspot

A.Cara Menyembunyikan atau Menghilangkan Navbar melalui kode html

1.silahkan login ke blogger nya masing-masing disini

2.pilih tamplate kemudian klik edit HTML

3.centang expand widget copy kode berikut letakkan seperti contoh berikut terletak di antara <b:skin><![CDATA[/* dan di  /* Variable definitions berikut kode nya

#navbar-iframe {
display: none !important;
}

 

4.Kemudian Klik Save dan Simpan Tamplate lihat hasil nya

B.Cara Menyembunyikan atau Menghilangkan Navbar dengan edit wiget atau gadget di tata letak

1.buka blogger kamu dulu di sini

2.pilih tata letak klik edit navbar seperti contoh gambar di bawah ini

3.setelah terbuka silahkan pilih off pada gambar navbar seperti gambar di bawah ini

4.klik save dan simpan silahkan sobat lihat hasil nya

Cara Membuat Blog Di Blogger Terbaru 2012

Berikut ini mengenai tutorial bagaimana cara membuat blog di blogger(blogspot.com) terbaru 2012 mungkin ada yang membuat blog sebagai tempat menuangkan pikiran pendapat fakta dan cerita kisah-kisah mungkin sebagai temoat sarana bisnis online dan banyak lagi.

Langsung saja ikuti langkah-langkah nya berikut ini:

A.silakan sobat kunjungi situs Di Sini 

Sebelum anda membuat blog anda di wajibkan membuat akun gmail terlebih dahulu anda juga bisa memakai email yang lain tapi saya saran kan silahkan menggunakan gmail dari google seperti contoh gambar di bawah ini

 B.Klik bagian pojok kanan atas dan tampilan baru halaman akan mucul seperti contoh gambar di bawah ini dan isilah data-data anda dengan benar

C.Jangan ceklis bahwasanya anda mampu menyetujui perarturan-peraturan yang di beri kepada anda dan anda harus di wajibkan memasukkan nomor telepon atau handpond anda yang akan di kirim kode ferivikasi untuk memferivikasi akun gmail yang anda buat.

D.Sekarang akun gmail anda sudah jadi dan anda siap untuk membuat blog baru dan silahkan anda lanjutkan seperti contoh gambar di bawah ini:

 

E.Klik Buat Blog dan isi lah judul dan alamat blog sesuai gambar di bawah ini

F.Dan Blog anda sudah jadi tapi karna artikel atau postingan belum di buat maka hasil nya tamplate blog nya seperti contoh gambar di bawah ini:

Mungkin Tutorial cara baru mengenai membuat blog terbaru di blogger saya harap bisa di mengerti dan mudah di terapkan bagi yang ingin membuat Blog.

"HAPPY BLOGGING"

Cara Membuat Background Judul Widget atau Gadget di BlogSpot

Cara Membuat Background Judul Widget atau Gadget di Blogspot dengan mudah dan dapat di mengerti fungsi nya untuk mempercantik dan menyusun blog.

Contoh:

berikut tutorial cara membuat nya:

1.Buka halaman blogger kamu Di Sini

2.Pilih Tamplate Eit HTML

3.Centang jangan lupa centang expand widget

4.Cari kode ]]></b:skin>

5.Letakkan Kode di bawah ini pas di atas kode ]]></b:skin>

 .sidebar h2 {
background:#00248E;
color: #FFFFFF;
font-size: 14px;
font-family: Packard Antique;
font-weight: strong;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 10px;
text-align:center;
}

6.Karna saya menggunakan kotak 2 header jadi saya meletakkan nya di atas setelah kode header seperti gambar di bawah ini:

7.Sesuai dengan gambar contoh penyesuaian letak kode silahkan klik save dan simpan tamplate

 

"HAPPY BLOGGING"

Cara Mendaftar dan Membuat DMCA Di BLOG/WEBSITE

Berikut Ini Tutorial Bagaimana Cara Mendaftar Dan Membuat DMCA Di Blog Atau Website 

Berikut langkah-langkah nya:


1.Silahkan kunjungi http://www.dmca.com atau lebih mudah klik Di Sini

2.Kemudian pada bagian website protecion pilih get protected seperti gambar di bawah ini

3.Sesuai gambar di atas silahkan sobat cari ke bawah dan temukan logo beserta kode nya yang akan di pasang ke widget blog sobat tap sobat harus mengisi formulir Di bagian sebelah kanan seperti gambar di bawah ini

4.Jika sudah selesai mengisi from formulis silahkan sobat pilih badge yang cocok sesuai dengan blog dan sobat sendiri.

5.Copy kode di bawah gambar silahkan pasang ke blog atau website sobat

demikan tutorial singkat saya tentang mendaftar dan membuat DMCA di blog atau website dan saya harap mudah di mengerti dan di pahami

Cara Membuat Dan Memasang Tombol Share Terlengkap Di sharethis.com

Selamat Malem Dan Selamat Datang Di Blog Yogi Tutorial kali ini saya akan mempostingkan sebuah artikel yang bagus dan berguna buat blog sobat karna dengan tombol share yang super lengkap sesuai dengan keinginan sobat sehingga mempercantik dan meningkatkan traffic atau pengunjung dengan membagikan artikel-artkel blog sobat.

silahkan sobat liht dulu gambar contoh-contoh nya di bawah ini:

Contoh 1 :

Contoh 2 :

Contoh 3 :

Keren Kan Sob dengan tombol share super lengkap ini sobat bisa menigkatkan dan membagikan artikel blog sobat kemana pun sobat mau,Sobat Bisa menambah dan menguragi icon-icon share sesuai dengan kebutuhan dan keinginan sobat,nah jika sobat tertarik mari ikuti tutorial langkah-langkah yang mudah dan langsung terpasang ke blog sobat.

1.Kunjungi situs sharethis.com dulu Di Sini

2.Silahkan Sobat Register atau buat akun Dulu di sharethis.com letak nya berada di pojok di bagian kanan atas dengan mengisi from pendaftaran dengan cara isi email,buat pasword dan ulangi pasword

3.Jika Sudah Membuat akun maka langsung saja sobat klik get sharing tools dan pilih web ato blog yang sobat gunakan seperti gambar di bawah ini:

4.Jika sudah di pilih langsung next ke step yang ke 2 dan pilih model tombol share dan letak nya sesuai dengan keinginan sobat blogger

5.Jika Suda Sobat Plih platfrom tombol share yang akan di pakai maka langung saja sobat nest ke tahap ke 3 dan pilih icon yang sobat butuh kan dan klik get code untuk menambah kan ke blog atau web sobat sepeti gambar di bawah ini

 

6.Dan Slanjut Klik finish:get code dan jika sobat pengguna blogger maka secara langsung code tersebut langsung di tambah ke widget blog sobat.

Mungkin Tutorial kali ini tentang Cara Membuat dan Memasang tombol share terlengkap di sharethis.com cukup mudah namun penting buat kebutuhan blog sobat,

"HAPPY BLOGGING"

Cara Membuat Scroll Pada Blog Archive(Arsip Blog)

Berikut Tutorial Saya kali ini mengenai cara membuat scroll pada blog archive atau arsip blog karna ini menurut saya sangat lah bermanfaat dan di butuhkan bagi para blogger karna bisa meghemat ruang dan tempat pada setiap halaman blog mereka.

Contoh:

Nah Langsung saja sobat silahkan coba tips nya berikut ini:

1.Silahkan Sobat Login Ke blogger Masing-masing Dulu Di Sini

2.Pilih Tata Letak Klik Edit

3.Pilih HTML/Java Skirp

4.Cari Kode  <div id='ArchiveList'>

5.Jika Sudah Sobat Temukan Maka Tambah Kan Kode ini <div style='overflow:auto; width:ancho; height:300px;'> Dan </div> Di Atas <div id='Archive List'>

6.Maka Gambaran nya Akan seperti di bawah ini

7.Jika Sudah di tambah sesuai dengan gambar di atas maka silahkan Sobat klik SAVE dan Simpan

8.Silahkan sobat Lihat hasil nya

Keterangan: HEIGHT:300PX Adalah ketinggian dari kotak blog archive silahkan sbat ganti sesuai dengan kebutuhan dan keinginan sobat blogger

"HAPPY BLOGGING"

Cara Membuat 2 Kotak Header

Ass..
Dalam kesempatan kali ini saya akan memberikan tutorial tentang cara membuat 2 kotak header karna menurut saya ini sangat di butuh kan dan banyak di cari bagi sobat blogger.terlalu banyak tutorial tentng cara membuat 2 kotak header tapi tidak lah semua benar banyak yang sudah mengikuti dan akhir nya gagal atau eror jika sudah terjad tanpa penyimpanan tamplate maka blog sobat akan kacau balau,dalam kasus ini mungkin sobat akan kesel,nah mungkin tutorial kali ini saya akan memberikan tips yang benar sehingga sobat akan puas dengan hasil yang di dapat.

Contoh:

langsung saja silahkan ikuti tutorial yang menurut saya mudah berikut ini:

1.Silahkan sobat blogger masuk ke dashboard masing-masig di sini

2.Pilih tamplate klik Edit HTML

3.Centang Expand Widget Lalu cari Kode ]]></b:skin>

4.Dan silahkan letakkan kode di bawah ini pas di atas kode ]]></skin>

 #header {width:50%;display:inline-block;_float:left;}
#header-right {width:35%;display:inline-block;float:right;padding:15px 15px 15px 15px;}
#header-right .widget {margin:0;}

5.Jika sudah selanjut nya cari kode yang mirip di bawah ini
karna terlalu panjan jadi saya buat garis putus-putus di pertengahan kode

 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Yogi Tutorial (Header)' type='Header'>
<b:includable id='main'>
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
</b:section>

6.Dan Jika sudah sobat temukan pada kode </b:section> letakkan kode di bawah ini pas di bawah kode </b:section>:
 
 <b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

7.Jika sudah di pasang dan pas langsung saja sobat cari kode ]]> </b:template-skin>

Dan masukkan kode di bawah ini pas di bawah kode ]]> </b:template-skin>

  #layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}

8.Klik Save dan Simpan Tamplate silahkan sobat lihat blog sobat,

"HAPPY BLOGGING"

Cara Mengetahui dan Melacak Posisi Seseorang Lewat Nomor HP

Berikut Tutorial kali ini Tentang Cara Mengetahui dan Melacak Letak Posisi Seseorang Lewat Nomor HP.

Jika psangan anda selingkuh maka anda bisa juga melacak nya dengan situs penyedia yang mampu melacak posisi keberadaan pasangan anda,

Sobat cukup memasukkan nomor ke kotak pencarian dan letak posisi nya akan langsung di kasih tau dengan pemantau satelit

Silahkan Langsung saja Sobat Kunjungi Hanya di sini

Dan jika benar Maka hasil pelacakan nya akan seperti gambar di bawah ini

Semoga Tutorial Saya kali ini Tentang cara Mengetahui Dan Melacak Posisi Sesorang Lewat Nomor HP Bermanfaat Bagi Sobat

Cara Mengetahui/Melihat Berat Blog Kita

Berikut Tutorial Saya Tentang Cara Mengetahui Atau Melihat  Seberapa Berat Blog Sobat Ini Juga Termasuk Urusan SEO karna Dengan Loading Blog yang tidak berat pengunjung mudah mengakses blog kita dan betah berlama-lama di blog kita apa lagi seandai nya kalau kecepatan loading blog kita lambat dan koneksi jaringan pengunjung lagi LOLA(Loading Lambat)wah bisa-bisa langsung di close nya blog kita tanpa melihat isi nya walaupun sedikit.

nah gak usah berlama-lama lagi ya sebenar nya cukup mudah untuk mengetahui berat blog sobat kunjungi aja langsung situs pengukur blog sobat disini

dan untuk memproses nya nya langsung saja masukkan alamat blog anda atau domain blog anda dan klik check dan kemudian akan keluar dengan 3 hasil yaitu: Loading Time,Size dan avg speed per KB,
Yang Harus Sobat Perhatikan Adalah SIZE Nya dan jika hasil size di blog sobat di bawah 100 KB maka blog sobat masih bagus dan tidak LOLA(Loading Lambat)

Nah Sudah Cukup Jelaskan Tutorial Saya Mengetahui atau Melihat Seberapa Berat Blog Sobat,
Semoga Bermanfaat ya Sob
"HAPPY BLOGGING"

Cara Membuat Tulisan Graffiti Online Dengan Instan

Ini adalah tutorial saya untuk sobat-sobat yang ingin membuat tulisan atau teks graffiti dengan cepat tanpa perlu belajar desain atau seni hanya dengan langkah-langkah berikut ini

Ikuti langkah-langkah berikut ini:

1.Sobat harus masuk dulu ke halaman di sini

2.Selanjut nya klik susunan gambar-gambar tulisan graffiti yang sobat mau di sebelah kiri

3.Setelah halaman baru tempat mendesain gambar graffiti maka tulis lah teks yang mau sobat buat

4.Sesuai dengan petunjuk pilih lah teks warna yang ingin di ubah,background warna pada belakang tulisan

5.Jika Sudah Selesai gambar graffiti sobat,silahkan klik tombol submit di kanan bagian atas

6.Lalu sobat klik save dan simpan langsung lihat hasil nya dan sobat bisa meletakkan gambar itu dimana saja sobat mau

mudah bukan cara membuat tulisan graffiti secara instan,semoga bermanfaat ya sobat

"Happy Blogging"

Cara Mengganti Judul Blog Dengan Gambar

Berikut Tutorial Singkat Yang Paling Mudah Bagaimana Cara Mengganti Judul Blog Dengan Gambar Apapun Bisa Graffity Atau Gambar Logo Blog

Ikuti Langkah-langkah mudah berikut ini:

1.Bukan akun blogger kamu dulu di sini

2.Pilih Tata Letak klik Edit Pada Header contoh seperti gambar di bawah ini:

 

3.Setelah sobat memilih klik edit maka akan tampilan nya seperti di bawah ini:

4.Sesuai dengan petunjuk gamar di atas sobat blogger harus klik browse dan cari gambar yang mau di pasang sebagai judul blog sobat.

5.Sudah selesai jangan lupa klik Save/Simpan dan lihat hasil nya

makas tampilan baru blog sobat terlihat profesional dengan desain gambar judul pada blog sobat

"HAPPY BLOGGING"

Cara Menambahkan Link Blog/web Lain Ke Blog Kita

Berikut Tutorial Nya Bagaimana Cara Menambahkan Link Blog/Website Lain Ke Blog Kita:

Ikuti langkah-langkah mudah berikut ini:

1.Silahkan Masuk Ke Blogger kamu dulu di sini

2.Klik Tata Letak Tambah Gadget

3.Pilih Daftar Link contoh nya seperti gambar di bawah ini:

4.Beri Judul Pada Link Blog Teman Atau Terserah Sobat

5.Setelah Sobat Mengisi Kotak Isian Lalu Klik Tulisan "Tambah Tautan"

6.Klik Save dan Simpan Lalu Lihat Hasil nya Sob

"Happy Blogging"

Cara Membuat Kotak Tukar Link/Link Exchange

Manfaat tukar link menurut saya sangat lah banyak dengan bertukar link sesama blogger maka blog akan mendapatkan backlink dari blog lain,dan mejalin silahturahmi dengan sesama blogger yang saling bertukar link sehingga saling mengunjungi blog dan ranking blog anda di mata search enggine akan semakin meningkat dan juga dapat meningkatkan pagerank blog anda




Contoh Kotak Tukar Link Yang Saya Gunakan:




<a href="http://yogi-tutorial.blogspot.com/" target="_blank">Yogi Tutorial</a> 

Jika Sobat Berminat Ingin Bertukar Link Dengan Blog Saya Maka Copy Code  Di Atas Tadi Pasangkan Ke Blog Sobat

Dan Code Untuk Membuat Kotak Tukar link Seperti Yang Di Atas Seperti Di Bawah Ini

<textarea code="" rows="4" cols="21" name=""><a href="http://yogi-tutorial.blogspot.com/" target="_blank">Yogi Tutorial</a>
Semoga Artikel Yang Saya Posting Kali Ini Bermanfaat Buat Sobat Blogger Indonesia
"Happy Blogging"

Cara Buat Kotak Scorll & Style Di Blog

Berikut ini Bagaimana Cara Membuat Kotak Scroll Dan Mendesain Kotak Scroll Karna kotak scroll ini sangat membantu ruang halaman blog yang sangat sering di gunakan pada blogger-blogger indonesia

 A.Mebuat Kotak Scroll
contoh:

tulis lah apapun yang ingin di tulis mau tulisan kode html apapun bisa tulis di sini dan cocok di gunakan dalam blog dan halaman

Jika sobat sudah melihat contoh di atas maka langsung saja kode nya sebagai berikut:

 <div style="border: 1px solid #000000;backgroud:#00ff00;"> height: 100px; overflow: auto; padding: 10px; width: 150px;"> tulis lah apapun yang ingin di tulis mau tulisan kode html apapun bisa tulis di sini dan cocok di gunakan dalam blog dan halaman</div> <br>

keterangan:
width:200px adalah lebar kotak yang di ukur dalam pixel
height:200px:adalah tinggi kotak juga di ukur dalam pixel
padding 10px adalah jarak isi kotak dengan pinggir isi kotak
border 1px sollid #000000 adalah kode ketebalan garis pinggir kotak(border)dengan garis biasa(solid)yang berwarna hitam(#000000)

B.Memberi Style/Gaya Pada Kotak Scroll

Contoh:

Yogi Tutorial Selamat Datang Di Dunia Internet Saya Sebagai Admin Bernama Tri Apri Yogi Bahari Ingin Berkenal Kepada Sobat2 bloger di sini jika berkenan like this yooo

Kode nya berikut ini:

 <div style="border: 1px solid #000000;backgroud:#00ff00;"> height: 100px; overflow: auto; padding: 10px; width: 150px;"> <center><div style="background: #FF00FF; border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 150px;"> Yogi Tutorial Selamat Datang Di Dunia Internet Saya Sebagai Admin Bernama Tri Apri Yogi Bahari Ingin Berkenal Kepada Sobat2 bloger di sini jika berkenan like this yooo</div> <center></div> <br> <br>

Semoga Tutorial Kali Ini Bisa Membantu Dan Bermanfaat Buat Sobat Blogger

Cara Membuat Dan Memasang Game Di Blog/Website

Berikut Tutorial Cara Membuat dan Memasang Game Online Di Blog/Website Sobat

Ikuti langkah-langkah berikut ini:

 A.Cara Mendapatkan dan Membuat Game Di Blog/Website:

1.kunjungi dulu web penyedia game online gratis di sini

2.Silahkan lihat dulu dan coba game yang ada

3.Setelah sobat menemukan game yang cocok perhatikan ke bawah

4.Copy code pada teks area.lalu paste pada notepad atau text editor lain nya  kemudian save dulu di komputer Sobat

5.Sekarang sobat mempunyai kode game di pasang di blog

6.Silahkan close halaman browser sobat jika di rasa cukup

B.Cara Pemasangan atau Memasukkan Game Di Blog/Website:

1.Masuk ke halaman blogger sobat dulu di sini

2.Klik layout/tata letak

3.Klik edit gadget/tambah gadget

4.Pilih HTML/Javaskrip

5.Copy code game yang di computer yang dapat tadi lalu paste pada kota tambah gadget

6.Klik tombol save/simpan

7.Selesai silahkan sobat lihat hasil nya maka blog sobat sudah mempunyai game

dengan game bar di blog sobat maka pengunjung akan menggemari blog sobat,semoga tutorial saya ini bisa membantu traffic blog sobat

Cara Buat Kata(teks)Pesan Saat Menutup Blog/Website

Berikut Tutorial Cara membuat kata(teks) pesan saat menutup blog atau website sobat

langsung saja ikuti langkah2 nya berikut ini:

1.login ke blogger anda disini

2.klik layout >> edit HTML

3.cari kode </head>

4.lalu masukkan kode di bawah ini pas di bawah kode </head>

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39;Terimakasih Sudah Berkunjung Ke Blog Saya&#39;);
}
parent.window.onunload=goodbye;

</script>

5.klik save dan simpan tamplate,lalu lihat hasi nya 

keterangan:tulisan yang berwarna merah boleh kamu ganti sesuai yang kamu ingin kan

Cara Mengganti/Membuat Favicon/Gambar Blogger/Blogspot

Berikut Tutorial Cara Mengganti/Membuat Favicon/Gambar Blogger/Blogspot dengan tepat singkat dan mudah:

A.Buat lah gambar atau logo favicon sobat ukuran 36kb bisa juga sobat buat favicon dengan sangat mudah di tempat situs online,sobat harus mendaftar dulu bisa juga dengan akun facebook dan buat favicon kamu hanya di sini

1.Masuk ke halaman blogger disini

2.pilih tata letak/rancangan

3.klik edit fvicon seperti gambar di bawah ini

4.lalu klik browser masukkan gambar favicon sobat tunggu hingga proses selesai

4.klik save dan simpan tunggu hinga 24jam untuk merubah nya,jadi tidak langsung berubah gambar nya.

semoga tutorial singkat ini bisa membantu sobat semua

Cara Pasang Iklan Melayang Di Pojok Kanan Atas Dengan Tombol Close 1x

Berikut Tutorial  Cara Memasang Iklan Melayang Di bagian Pojok kanan Atas Dengan Tombol Close(tutup)1x Di blog untuk iklan PPC agar mudah di klik pengunjung:

1.Seperti biasa buka blogger di sini

2.Pilih tata letak/rancangan

3.Klik tambah gadget

4.Pilih HTML/Java Script

5.Copas kode di bawah ini Masukkan ke dalam gadget html/java script:

 <style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:left;

background:white;

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-100;

gb.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:left">

<a href="javascript:showHideGB()">

[Close]Klik Di Sini 1x Untuk Menutup Layanan ini

</a>

</div>

<center>

Masukkan Iklan PPC Sobat Dsini

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (20-gb.offsetWidth).toString() + "px";

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

6.Jika Sudah sobat masukkan Langsung saja klik save/simpan dan lihat hasil nya

Cara Buat SMS Gratis Dan Pasang Di Blogger/Blogspot

Berikut Tutorial Bagaimana Cara Membuat SMS Gratis Dan Cara Pemasangan Nya Di Blogger/Blogspot Kamu

1.Masuk ke halaman blogger kamu dulu di sini

2.Selanjut nya pilih Rancangan/Tata Letak

3.Pilih Tambah Gadget

4.Pilih lagi HTML/JavaScript Masukkan Kode Berikut ini:

<iframe frameborder="0" height="280" name="widgetsms" rel="nofollow" src="http://www.sms-online.web.id/widget/" width="270"></iframe><span style="font-size: 50%;">Widget edited by <a href="http://yogi-tutorial.blogspot.com/" rel="follow" target="_blank">Yogi Tutorial</a>

5.klik save dan simpan lihat hasil nya maka blog kamu sudah bisa jadi tempat online sms gratis,semoga pengunjung blog kamu semakin banyak dengan ada nya widget ini.

Cara Buat Kotak Like Facebook Melayang DI Atas

Langsung Saja Tutorial Cara Membuat Kotak Like Facebook Melayang Di atas Pojok bagian kanan:

1.Buka halaman blogger kamu dulu disini

2.Pilih Tata Letak/Rancangan

3.Lalu pilih Tambah Gadget

4.Pilih HTML/JavaScript

5.Lalu masukkan kode di bawah ini:


 <style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:left;
background:white;
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-100;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:left">
<a href="javascript:showHideGB()">
</a>
</div>
<center>

Masukkan Kode HTML Like Fans Page Sobat Disini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>

6.Klik Save lalu simpan dan lihat hasil nya

Cara Mendaftar Blog/Web Ke Google,Bing Dan Yahoo

Berikut Tutorial Cara Mendaftarkan Blog/Web Ke Google,Bing dan Yahoo


1.Khusus pendaftaran Blog Atau Web ke Mesin Search Google:
a.sobat harus punya akun gmail untuk mendaftarkan web/blog sobat ke google
b.silahkan sobat kunjungi situs google/addurl di sini
c.maka isi lah kota url dengan url sobat yang mau di daftar kan ke mesin pencarian google
d.tunggu hingga proses selesai maka akan muncul tulisan "Permintaan Anda Telah Diterima Dan Akan Segera Di Proses"

2.Khusus pendaftaran Blog/Web Ke Search Bing Dan Yahoo
a.sobat juga harus punya akun hotmail agar langsung bisa daftar melalui web master  tool bing pada proses pendaftaran blog di Bing maka juga langsung terdaftar ke search yahoo silahkan buat aku hotmail nya dulu
 di sini
b.jika sudah medapatkan akun hotmail,langsung saja buka halaman submit search bing dan yahoo hanya disini
c.selanjut nya klik webmaster tools sign in dan daftarkan akun hotmail sobat
d.setelah halaman baru terbuka lagi langsung klik add site lalu masukkan url blog/web sobat  ke from kotak bing
e.klik submit dan tunggu hingga proses selesai
biasa nya blog/web sobat akan muncul seminggun atau 2 minggu kemudia,jadi sobat harus bersabar

Cara Jitu Mengetahui Kualitas Blog/Website

Berikut Tutorial Singkat Cara Jitu Mengetahui Kualitas Blog Sobat:

1.Silahkan Kunjungi Dahulu Situs SEONALYZER

2.Setelah halaman terbuka pada kotak bagian paling atas

3.Silahkan Masukin Alamat/Url Blog Sobat,lalu klik Chek

4.Klik Tombol Update

5.Tunggu Hingga Selesai

Cara Membuat ChatBox Bisa Buka Tutup Di Kanan

Berikut Tutorial nya Cara Membuat ChatBox Bisa Buka Tutup di Bagian Kanan:

1.Masuk Ke akun Blog Kamu Disini

2..Pilih Rancangan Tambah Gadget

3.Pilih HTML/Java skrip

4.Masukkan Kode Skrip Berikut Ini

<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/AVvXsEiyjfoNIMnJf61-r8PrbKyK6YEqRHuXs_IVQVDInBJsJhBZ7NiOWpieLzkIJw2IxqPbu1cxmd5PQk-jQVbrbDqgX1zyzTzAPY60KXElNG7ni7YYjogPrkXCmW6GjXLN2nbfmxvm64Gt0rAG/s1600/cbred.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#0000FF;

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">

Masukkan code html cheat box kamu di sini

<br/>

<div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

5.Klik Save /Simpan Selesai.....

Cara Jitu Copy Artikel Yang Tidak Bisa Di Copy/Paste

Berikut Tutorial cara mencopy artikel blog yang tidak bisa di copy paste ikuti langkah-langkah berikut ini:

1.Ini khusus untuk pengguna Mozilla firefox ikuti langkah nya sebagai berikut:
a.buka halaman artikel blog yang mau di copy paste
b.klik tools lalu klik options dan klik content
c.kemudian hapus/hilangkan centang enable javascrip
d.blok semua tulisan artikel blog yang ingin di copy
e.setelah terblok semua dan di copy langsung ulangi langkah yang tadi
f.klik tools lalu klik options dan kik content
g.kemudian beri centang di kolom pilihan enable javascrip

2.Ini saya beri khusu pengguna IE(Internet Explorer) ikuti langkah nya sebagai berikut:
a.buka  IE nya seperti biasa buka halaman artikel yang ingin di copy
b.klik tools kemudian klik internet options
c.lalu pilih security dan klik custom level
d.dan muncul tampilan security settings,geser scorl ke bawah cari pilihan scripting
e.selanjut nya klik discable pada active scripting,Allow paste operations via scrip dan scripting of java appelts,lalu klik of,klik yes dan klik ok lagi
f.dan silahkan copy halaman artikel yang di inginkan
g.jika masih tiidak bisa silahkan anda tutup IE nya lalu kunjungi blog yang mau di copy.
h.kalau sudah selesai jangan lupa di enable lagi cara nya sama sperti di atas  tinggal klik enable

3.Yang satu ini khusus untuk pengguna opera ikuti langkah nya sebagai berikut:
a.buka Opera nya langsung cari artikel yang mau di copy
b.di sebelah kiri atas ada pilihan menu(berwarna merah)klik ilihan tersebut
3.kemudian klik setting lalu pilih quik preference
4.hilangkan tanda centang pada pilihan enable java scrip nya
5.kemudian blog semua tulisan nya
6.kalau sudah seesai jangan lupa centang lagi enable java scrip nya

Cara Menghapus Blog Di Blogger/Blogspot

Berikut tutorial  Cara Menghapus Blog Di Blogger atau Blogspot yang anda punya ikuti langkah berikut di bawah ini:

1.buka Blogger di sini

2.Klik Setting/Setelan

3.klik lain nya

4.cari pilihan tools/alat blog

5.kemudian pilih hapus blog

6.selesai,

berikut penjelasan singkat dari saya bagaimana cara menghapus blog di blogger atau blogspot anda,semoga mudah di pahami dan di terapkan,

Cara Membuat/Memasang Widget Berita Utama di Blog/Website

Berikut Tutorial Bagaimana Cara Memasang Widget Berita Utama Di BLOG/WEBSITE anda silahkan ikuti langkah ringkas berkut ini:

1.seperti biasa silahkan dulu login ke blogger di sini

2.pilih tata letak

3.pilih tambah gadget

4.pilih HTML/JAVA SCRIPT

5.masukkan kode html di bawah ini:

 <iframe frameborder=0 marginwidth=0 marginheight=0 border=0 style="border:1;margin:0;width:300px;height:250px;" src="http://www.google.com/uds/modules/elements/newsshow/iframe.html?rsz=small&format=300x250&hl=id&topic=h%2Cw%2Cb%2Cp%2Cn%2Ce%2Ct%2Cs%2Cm&element=true" scrolling="no" allowtransparency="true"></iframe>

6.jika sudah di masukkan klik save/simpan dan selesai

demikan tutorial singkat saya,semoga bisa di pahami dan di terapkan terimakasih sudah berkunjung dan membaca ke blog saya

Cara Jitu Yang Tepat Mendaftarkan Blog Ke 50 Mesin Pencarian

Berikut Tutorial Cara Jitu Yang Tepat  Mendaftarkan Blog Ke Mesin Pencarian Di Seluruh Dunia Dengan Cara Mengunjungi Situs Submit Gratis yaitu "freewebsubmision"Cukup sekali klik langsung tersubmit ke 50 Mesin Pencarian dunia

Ikuti langkah-langkah di bawah ini:

1.kunjungi situs submit gratis hanya di sini

2.Isikan lah From yang ada sesuai petunjuk berikut di bawah ini:
-isi kotak name dengan nama sobat.contoh=Yogi Tutorial
-isi kotak url dengan url blog anda misal nya http://yogi-tutorial.blogspot.com
-isi kotak email dengan kotak email anda.misal nya:jidanbetawi@gmail.com
-berikan tanda cheklis di kotak kecil yang ada di dekat tulisan "i have read and agree to the terms"

3.Klok tombol "submite your site"

4.Tunggu hingga proses selesai sobat akan di kirim email link verivikasi telah di kirim ke email yang sobat masukkan tadi,gambar nya akan seperti di bawah ini:

5.Kemudia Click to Complete untuk melengkapi from pendaftaran yang belum sukses biasa nya google bing dan laen

KETERANGAN:biasa nya untuk memverifikasi blog harus menggunakan email dan code chapta terus sobat rajin-rajin ya membuka email nya karan link verifikasi akan di kirim ke email sobat untuk melengkapi proses pendaftaran blog sobat

demikian sudah tutorial cara jitu mendaftarkan blog ke 50 mesin pencarian smoga bisa di pahami dan di terapkan ke pada sobat-sobat saya

Cara Membuat Tulisan Teks Di Atas Kotak Komentar Blog

Berikut Tutorial bagaimana cara membuat tulisan teks di atas kotak komentar blogger/blogspot

1.Seperti Biasa login ke blogger di sini

2.klik setelan atau setting

3.Pilih Pos dan Komentar Kemudian isi pesan formulir komentar seperti gambar di atas

4.Lalu klik save/simpan dan selesai lihat hasil nya

Cara Memasang Widget Di Sidebar Blog

Berikut panduan untuk pemula bagaimana cara memasang widget di sidebar blog:

1.Login ke blogger masing-masing

2.Klik tata letak

3.Pilih tambah gadget

4.Pilih HTML/Java scrip

5.Lalu masukkan Code html java scipt widget

6.Klik Save/Simpan dan selesai

Semoga bisa di pahami bagi blogger pemula

Cara Membuat Judul Posting Di Halaman Utama Blog

Berikut tutorial Bagaimana Cara Membuat Hanya Judul Postingan Saja Di Home atau Halaman Utama

1.Login ke blogger di sini
2.Pilih Rancangan Edit HTML
3.Cari Kode di bawah Ini letakkan Pas di atas kode </head>

</script>
<style type='text/css'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> .post-body{display:none;}</b:if> </b:if> </style> 

4.Klik save dan simpan selesai lihat hasil nya

Cara Buat Kotak Fans Like Facebook Di Blog/Website

Berikut Tutorial nya Bagaimana Cara Buat Kotak Fans Like Facebook Di Blog Atau Web.

1.Buat halaman fans like Facebook sobat dulu di sini

2.Klik kota merek atau produk seperti gambar di bawah ini

 

 3.isi kotak from kategori dengan stus url sobat dan di bawah nya isi dengan nama blog sobat seperti gambar di bawah ini:

 

4.Jika sudah di klik maka gambaran nya seperti di bawah ini

       

 

5.Isi informasi umum fans page sobat 

                                     

 6.Apabila pengisian informasi sudah benar maka langsung ke sumber daya dan kiat

 7.Dan fans like facebook blog anda sudah jadi selanjut nya ke plugin facebook untuk di masukkan ke blog sobat di sini

8.Isi data kotak data dengan benar

1.isi url fans facebook anda yang sudah jadi tadi

2.width:lebar kotak fans facebook anda

3.height:tinggi kotak fans facebooksobat

4.color scheme pilih light jika mau terang dan pilih dark untuk tampilan gelap

5.show faces:centang untuk menampilkan foto profil likkers

6.border color:isikan dengan code warna jika memberikan border kosongkan agar transparan

7.show stream:untuk menampilkan informasi/posting terakhir di like box

8.show header:centang jika mau menampilkan tulisan "temukan kami di facebook" di like box sobat

9.Klik Get Code untuk medapatkan skrip fanspage like box sobat seperti gambar di bawah ini

10.Copy ke 2 Code tersebut untuk pemasangan di web/blog sobat 

Cara Pemasangan Ke Blog/WEB sobat:

1.buka dashboard pilig design/rancangan klik add gadget/tambah gadget

2..pilih html java skrip

3.masukkan code atau paste code yang telah di copy

4.klik save dan simpan widget nya,selesai

Lihat blog/web sobat kotak fans like facebook anda sudah jadi dan pengunjung blog sobat bisa ngelike blog/web sobat berikut tutorial dari saya