Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Saturday, August 24, 2013

Cara Mengatur / Mengubah Layout (tata letak) Kolom pada Blog

Selamat datang di Maksum231,,,, semoga apa yang anda cari tersedia di blog ini... Kali ini saya akan share sebuah tutorial mengenai blog dengan judul Cara Mengatur / Mengubah Layout (tata letak) Kolom pada Blog...
pada dasarnya tutorial Cara Mengatur / Mengubah Layout (tata letak) Kolom pada Blog juga berlaku buat kolom yang sudah ada baik itu template dengan layout 2 kolom ataupun sudah menjadi 3 kolom. Trik ini sebenarnya tidak rumit karena kita hanya memindahkan kode div di bagian section 3 (HTML) dan sedikit mengubah margin dan paddingnya apabila tampilan layoutnya bertabrakan dengan element lainnya dan posisi floatnya. Seperti biasa saya masih menggunakan acuan contoh layout template minima dan pada dasarnya tutorial ini bisa berlaku juga pada template yang lainnya.


Contoh Screenshot :
  • Posisi 2 kolom label di sebelah kanan Main Post :


  • Posisi Main Post di tengah 2 kolom label :


- Posisi 2 kolom label di sebelah kiri Main Post :



:: Inilah Kode yang harus di rubah gan ::
- Untuk Posisi 2 kolom label di sebelah kanan Main Post :



- Untuk Posisi Main Post di tengah 2 kolom label :
 

- Untuk Posisi 2 kolom label di sebelah kiri Main Post :


Langkah-langkahnya :
1. Masuk/log in blogger sobat.
2. Pilih template => kemudian klik Edit HTML
3. Cari kode yang di tanda panah dengan Ctrl + F (saya saranin kode label ajja gan dan taruh dimananya  Main warpper gan) NB: kode label beda jadi nyarinya copy paste kemudian kalau gak ketemu hapus 1 per 1 dari belakang biar ketemu
4. Kalau sudah pilih simpan dan lihat blog,, kalau gak sesuai tinggal Ctrl + Z,, hehe
5. Selesai
kode yang bisa di copy(diatas kan gambar gak bisa di copy) => <div id='newsidebar-wrapper'> , <div id='main-wrapper'>, <div id='sidebar-wrapper'>



Selamat Mencoba dan Semoga Bermanfaat....


Read more

Tuesday, July 16, 2013

Cara Membuat Iklan Melayang di Kanan dan Kiri Blog


Selamat datang di Maksum231,,, semoga apa yang anda cari tersedia di blog ini... Kali ini saya akan share sebuah tutorial yang mungkinn akan membantu sobat dimanapun berada dan judul dari artikel ini adalah Cara Membuat Iklan Melayang di Kanan dan Kiri  Blog.. hehe
Mungkin sobat pernah menjumpai sebuah iklan yang berada di samping kanan dan kiri blog tersebut... Yach mungkin anda ingin memasang sebuah iklan di samping kanan dan kiri blog sobat... Apa fungsi memasang iklan di samping kiri dan kanan blog??? Yach mungkin itu yang terlintas di benak sobat... Fungsi dari memasang iklan di area tersebut adalah untuk menarik pengunjung mengklik iklan di blok kita... karena penempatan iklan yang tidak strategis  pada blog kita akan membuat pengklik iklan di blog kita kurang maksimal... Namun perlu di ingat tidak semua iklan penyedia iklan memberikan sebuah yang memperbolehkan iklan di pasang dengan pop up melayang.... Jadi sebelum memasang silahkan di baca terlebih dahulu peraturan yang sudah di tentukan oleh penyedia layanan periklanan.....
Bagi anda yang ingin memasang iklan melayang di kanan dan kiri blog sobat,, silahkan di simak cara penmasangannya....


Cara Membuat Iklan Melayang di Kanan dan kiri Blog :
1. Masuk / Login ke akun Blogger Sobat....
2. Pilih Tata Letak / Layout...
3. Klik Add Gadget / Tambahkan Gadget...
4. Pilih Gadget HTML/JavaScript ..
5. Letakkan kode berikut di dalamnya(copy Paste)
Untuk melihat kode Script Klik ==>

<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-->
    <div id="teaser2" style="width:auto; height:auto; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">
    <!--Mulai-->
Taruh Script Iklan Anda Disini
    <!--Akhir-->
    </div>
    <!--end: floating ads-->
    <!--start: floating ads-->
    <div id="teaser3" style="width:auto; height:auto; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">

    <!--Mulai-->
Taruh Script Iklan Anda Disini
    <!--Akhir-->
    </div>
    <!--end: floating ads-->


Keterangan :
>Taruh Script Iklan Anda Disini : Hapus dan ganti dengan Script Iklan sobat....
> top:0px;right:0px / top:0px;left:0px = Sobat dapat merubah angka tersebut sesuai keinginan...
>> Top : Untuk jarak antara tepi iklan bagian atas dengan blog...
>> Right/Left : Untuk jarak antara tepi iklan bagian kanan/kiri dengan blog....
6. Simpan / Save gadget...
7. Selesai...

Selamat Mencoba dan Semoga Bermanfaat Artikel tentang Cara Membuat Iklan Melayang di Kanan dan Kiri Blog ini.... Bagi anda yang menyukai artikel Cara Membuat Iklan Melayang di Kanan dan Kiri Blog anda dapat menshare dan mengcopy paste untuk blog sobat namun dengan rasa terimakasih jika agan bersedia mencantumkan sumber artikel...
Terimakasih...
Read more

Sunday, June 23, 2013

Cara Membuat Fans Page Facebook Auto Hide Di Samping

Selamat datang di Maksum231,,, semoga apa yang anda cari tersedia di blog ini.... Kali ini saya akan berbagi Tutorial untuk anda... tutorial ini berjudul Cara Membuat Fans Page Facebook Auto Hide Di Samping... Bagi anda yang inginberbagi informasi pastinya juga akan memerlukan Fans Page di jejaring Sosial termasuk Facebook.... Kenapa??? Karena anda dapat memberikan sebuah informasi yang ada di blog masuk ke dalam Fans Page Facebook.... Dengan Facebook ini di harapkan akan mendapatkan traffic yang bagus... Dari pada panjang lebar tapi ujung-ujungnya membuat bingung,, langsung saja nich ane kasih caranya.....


Langkah Pertama :
- Masuk ke akun Blog sobat...
- Klik Rancangan => Pilih Edit HTML
- Cari kode </head> (gunakan Ctrl + F) dan leatkan kode berikut diatasnya...
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
- Klik Save/Simpan
Lihat Gambar agar lebih Jelas ==>


Langkah Ke Dua :
- Masuk ke Tata Letak
- Pilih Tambahkan Gadget(letaknya terserah di mana saja karena tidak berpengaruh)
- Pilih HTML/JavaScript
- Masukkan kode berikut[copy paste] ke dalam kotak yang di sediakan(silahkan tarik pojok kanan bawah untuk melihat semua kode atau klik dalam kotak kemudia CTRL + A)

setelah di pindah kemudian cari kode "https://www.facebook.com/Maksum231" dengan cara (CTRL + F)

- Kemudian klik Save/Simpan dan bisa anda lihat hasilnya...
Lihat GAMBAR untuk Memperjelas ==>



Selamat Mencoba dan Semoga Bermanfaat.....
Read more