Pencarian Tanaman Categori :: tutorial blog :: | ABUN BOGOR
PROGRAM TELPON INTERNET
Program Skype Full ----- Program YM 11 Full
TV ONLINE ABUN BOGOR
Hosting Unlimited Indonesia
Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Cara Membuat Link PopUp

Tutorila Blogspot : Membuat Link Popup


Cara Membuat Link PopUp - Banyak cara membuat blog tampil dinamis. Mulai dari pemilihan template, slideshow sampai dengan memunculkan link di halaman baru atau yang lebih populer disebut pop-up. Yang terakhir adalah bagian yang akan kita bahas disini. 

Link popup ini adalah link yang ketika diklik maka  halaman baru akan muncul ditengah layar komputer dengan ukuran yang dapat disesuaikan.

Contoh: Link Pop-Up



Cara membuatnya adalah sebagai berikut:
  • Silahkan login ke blogger 
  • Pilih Design/Rancang
  • Klik Edit HTML  
  • Letakan kode berikut di bawah kode  ]]></b:skin> (Gunakan Ctrl+F untuk mencari kode)
 (Gunakan Ctrl+F untuk mencari kode)
<script language="javascript">
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}
</script>
  • Simpan template 
  • Ketika membuat posting yang akan jadikan Link PopUp, buatlah kode link seperti di bawah ini:
<a href="http://radio.bogor4u.com" onclick="NewWindow(this.href,'name','500','500','yes');return false"><b>Link Pop-Up</b>
</a>

Keterangan :
  1. Ganti link dan teks berwarna merah dengan link dan teks milik anda
  2. Sesuaikan angka '500' dengan angka yang anda kehendaki. Angka '500','500' berarti lebar popup500px dan tinggi 500px.
Mudah dan Mantap Cara Membuat Link popup ini


Read More | komentar (2)
Posted by: Kang Abun Abun Bogor, Updated at: 06.23

Cara Menghilangkan tulisan Tampilkan posting dengan label di Blog

Tutorial Blog : Cara Menghilangkan Tulisan Tampilkan posting dengan label di Blog

Kali ini Posting Masih Pada tutorial Blog dengan artikel  menghilangkan tulisan tampilkan posting dengan label seperti gambar di bawah ini :

Gambar diatas bisa dilihat dengan link seperti berikut ini : http://www.abun.bogor4u.com/search/label/tutorial%20blog

Untuk Cara Menghilangkan tulisan Tampilkan posting dengan label, ikuti langkahnya sebagai berikut di bawah ini :
1. Login dulu ke Account Blogspot.
2. Pilih Rancangan >>  Edit HTMLdan jangan lupa untuk mencentang Expand Widget template.


Jika sudah, silahkan cari kode seperti di bawah ini :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

3. Hapus kode diatas dan ganti dengan kode dibawah ini :


<b:includable id='status-message'>

<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

4. Jika sudah Klik save template Lihat hasilnya.

Read More | komentar
Posted by: Kang Abun Abun Bogor, Updated at: 11.41

Cara menghilangkan widget tertentu pada laman posting

Tutorial Blog : Cara menghilangkan widget tertentu pada laman posting

Untuk menghilangkan atau menyembunyikan widget tertentu yang dianggap tidak penting untuk di tampilkan pada laman posting blog / post page, menghilangkan widget pada posting blog juga bisa membuat indah dan rapih suatu blog atau weblog yang kita miliki, kali ini kang abun ingin memberikan tutorial cara menghilangkan widget tertentu pada laman posting blog
posting sebeliumnya Cara Menghilangkan widget Pada Home Page Blog


Untuk langkah menghilangkan widget pada laman posting ikuti caranya di bawah ini :


1. Login dulu ke Account Blogspot.
2. Pilih Rancangan >>  Edit HTML,
3. Carilah kode ]]></b:skin>  kemudian letakkan kode berikut ini di bawah kode ]]></b:skin> 
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#HTML1,#Feed1,#Label1,#HTML9,#Followers1 {display:none;}
</style>
</b:if>


4. Rubahlah tulisan berwarna merah dengan ID widget yang mau disembunyikan pada halaman posting. perlu diketahui bahwa kode widget memiliki sifat yang unik!
untuk mengetahui ID/kode widget ikuti cara dibawah ini:

  • Menuju ke Element Laman / tata letak
  • Arahkan mouse pada tulisan "Edit" dan lihatlah URL dibagian bawah browser akan terlihat widget ID yang dimaksud kode bisa HTML1, HTML2, Label1, Feed1, Followers1 dan sebagainya. Lihat gambar dibawah ini!



5. Jika sudah Klik save template
untuk contohnya bisa dilihat di sini


Read More | komentar (1)
Posted by: Kang Abun Abun Bogor, Updated at: 11.13

Cara Menghilangkan widget Pada Home Page Blog

Tutorial Blog : Cara Menghilangkan widget Pada Home Page Blog

Mengatur Widget Blog Sangatlah Penting, apalagi untuk website yang terbuat dari blogger, harus terlihat propesional. Salah satunya dengan Menghilangkan widget tertentu pada Home Page Blog.
Seperti Blog Kang Abun ini Bisa diperhatikan antara widget Home Page Sama Widget Page Posting Pasti Beda atau bisa melihat di INFO BOGOR bisa dilihat perbedaannya pada Home Page sama Page Posting. Seperti Itulah Yang Kang Abun Maksud.
posting lanjutan Cara menghilangkan widget tertentu pada laman posting

Untuk Cara Menghilangkan Widget Pada Home Page Blog Ikuti Langkahnya di bawah ini :

1. Login dulu ke Account Blogspot.
2. Pilih Rancangan >>  Edit HTML,
3. Carilah kode]]></b:skin>  kemudian letakkan kode berikut ini di bawah kode ]]></b:skin>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style>
    #HTML1,#Feed1,#Label1,#HTML4,#HTML8,#HTML14 {display:none;}
    </style>
    </b:if>
4. Rubahlah tulisan berwarna merah dengan ID widget yang mau disembunyikan pada halaman posting. perlu diketahui bahwa kode widget memiliki sifat yang unik!
untuk mengetahui ID/kode widget ikuti cara dibawah ini:
- Menuju ke Element Laman / tata letak
- Arahkan mouse ke tulisan "Edit" dan lihatlah URL dibagian bawah browser akan terlihat widget ID yang dimaksud kode bisa HTML1, HTML2, Label1, Feed1, Followers1 dan sebagainya. Lihat gambar dibawah ini!

5. Jika sudah Klik save template
Silahkan Cek Widgetnya Di blog ada perbedaan apa blum, antara home page dengan post page, klo masih blom bisa silahkan tinggalkan pesan muda-mudan bisa di bantu. wasalam by. Kang Abun.
Tunggu Posting Cara Menghilangkan Widget Pada Posting Blog
Tutorial Blog : Cara Menghilangkan widget Pada Home Page Blog
Read More | komentar (6)
Posted by: Kang Abun Abun Bogor, Updated at: 19.00

Cara Posting Di Blogspot versi baru

Tutorial BlogCara Posting Di Blogspot versi baru
Tutorial Blog ini Hanya bener-bener untuk yang Newbe di blogspot, ok langsung kepermasalahan cara posting di blogspot versi baru kang abun mulai, 
Tutorial Posting :
1. Log in blogger.com
2. Klik Blog yang mau di posting Seperti Dibawah ini (klik Gambarnya bila Mau membesarkan)

3. langkah Ketiga Klik Enteri Baru Seperti  gambar di bwah ini

4.Silahkan Isi Judul, Isi konten Blog (isi blog yang mau diposting) tambah poto kalo perlu, tambah tag kalo perlu, silahkan lihat gambar di bawah 
5. Kalau Sudah Silahkan Klik Publikasikan
6. Cek Blognya, jadidah postinganya
Gimana Gan ? Mudahkan Cara Bikin Poting di blog itu, Sudah dulu kalo ada pertanyaan Tentang Cara Posting diblog bisa Bertanya, buat blogspot, tutorial blog lainnya 


Tutorial BlogCara Posting Di Blogspot versi baru
Read More | komentar
Posted by: Kang Abun Abun Bogor, Updated at: 11.32

Cara Beli Domain Di id IDwebhost.com

Tips Blog dan Website :Cara Beli Domain Di id IDwebhost.com
Article kali ini adalah article lanjutan dari article sebelumnya yang berjudul"IDwebhost.com Trend Domain+Hosting Andalan Indonesia" kalau sebelumnya saya menjelaskan apa itu Domain+Hosting dan juga saya review dimana pusat penyedia Domain+Hosting termurah di Indonesia, sekarang saya akan tunjukkan bagaimana Cara Beli Domain Pribadi (.com) Murah Di IDwebhost.com

Seperti halaman website Utama IDwebhost.com yang simpel maka cara order atau Cara Beli Domain Pribadi (.com) Murah di IDwebhost.com pun sangat mudah gak pakai ribet, bahkan kalau anda membeli/menyewa hosting juga dan anda ingin membuktikan fasilitas di dalam hosting anda nantinya anda bisa gunakan layanan Free Trial hosting dengan cara yang mudah dan GRATIS, enak bukan, Emang bener IDwebhost.com Hosting Termurah dan Hosting Terbaik,IDwebhost dilawan...!!

Oke kembali ke topik utama, Berikut ini Cara Beli Domain Pribadi (.com) Murah Di IDwebhost.com:

1. Klik Disini http://IDwebhost.com lalu Masukkan nama DOMAIN yang akan anda beli misalnya: Tokoonlinebaru

Lihat kotak warna hijau dengan nama domain anda dan status nya (Available=Masih tersedia) atau (Domain Exist=Sudah dibeli orang lain), klik"Order Now!!!" dibawah tulisan "Available"

2. Isi Form pendaftaran dengan profil diri anda sesungguhnya, klik "Next" sampai finish.

  
3. Cek email yang anda daftarkan tadi, lalu lakukan pembayaran sesuai jumlah yang tertera di email tersebut, Transfer biaya via Bank (ATM, Sms banking, Mobil banking, atau Internet banking)


4. Konfirmasi/infokan pembayaran anda ke IDwebhost (Email ke billing@idwebhost.com, SMS ke 06287838256822,atau via Pengisian form konfirmasi melalui web di http://idwebhost.com/konfirmasi)
5. Setelah itu anda akan menerima email "Aktivasi Account Domain Anda" misal:Tokoonlinebaru.com, domain anda telah diproses dan akan aktif 1 x 24 jam.


Setelah domain anda aktif anda akan mendapat email lagi informasi login anda diIDwebhost.com, lalu langkah selanjutnya 

Tips Blog dan Website :Cara Beli Domain Di id IDwebhost.com
Read More | komentar (2)
Posted by: Kang Abun Abun Bogor, Updated at: 06.18

Membuat Comment Facebook Berdampingan Dengan Comment Blog

Tips Blog : Membuat Comment Facebook Berdampingan Dengan Comment Blog
Munkin agan Pernah Meliat Suatu Blog contoh nya tukangtaman.web.id yang mempunya Komen blog dan fb berdampingan, untuk contoh gambar Komen facebook dan blog berdampingan :


Bagaimana agan ? ingin mencoba Komentar berdampingan tersebut.
Cara Membuat  Komentar ber dampingan :
1. Login ke Blog
2. Rancangan - Edit HTML
3. Untuk menghindari keselahan, Backup template anda terlebih dahulu dengan Download lengkap
4. Centang "Expand Template Widget"
5. Cari Kode <div class='comments' id='comments'>
Biasanya akan terdapat 2 kode tersebut di template anda
Copy kode di bawah ini tepat di bawah kode <div class='comments' id='comments'>  yang ke 2


<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>


PEJELASAN
2 : Jumlah Komentar Facebook yang akan di tampilkan
400 : Lebar Komentar Facebook

6. Lalu Cari kode </head>
Copy Kode dibawah ini tepat diatas kode </head>

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

7. Cari kode /* Comment atau #comments
Setiap Template mempunyai struktur kode yang berbeda-beda, jadi cari saja kode yang mirip dengan kode diatas
Copy kode berikut di bawah kode diatas tadi



.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;}

8. Simpan
Read More | komentar
Posted by: Kang Abun Abun Bogor, Updated at: 05.20

Gambar status Yahoo Online offline Di Blog atau website

Tutorial Blog : Status Yahoo
Halo Kawan Kang Abun Nongol Lagi ni, Kali ini Mau Posting Cara Bikin Gambar Status Yahoo Massangger atau YM di blog atau website bisa melihat contoh Status YM dibawah ini


  
Contoh Status Online YM Seperti d Atas ini

- Silahkan Agan Copy Kode HTML di bawah ini ke Gatget Blog atau website agan :


<center><a href="ymsgr:sendIM?abunsahroni"> <img border=0 src="http://opi.yahoo.com/online?u=abunsahroni&amp;m=g&amp;t=1" /> </a></center>

Keterangan :
1. tulisan abunsahroni ganti dengan id agan
2. angka 1 diatas adalah model tampilan gambar status Yahoo Masangger YM, bisa agan Ganti

contoh kode angka 1 diatas kalo di ganti angka di bawah ini :
1 =
2 =
3 =
4 =
5 =
6 =
7 =
8 =
9 =
10 =
11 =
12 =
13 =
14 =


Itulilah Tutorial Blog kali ini Cara Bikin Gambar Status Yahoo Massanggaer Di Blog atau website
Read More | komentar
Posted by: Kang Abun Abun Bogor, Updated at: 00.45

CARA MEMBUAT GAMBAR JALAN DI BLOG ATAU WEBSITE

Cara membuat Gambar jalan di blog atau web, waduh dah lama ga bagi tutorial blog nih jadi kangen ngeblog, kali ini tutorial blog cara membuat gambar berjalan yang di pesan oleh teman ane yang seperti blog tukang taman, ko gambarnya bisa berjalan katanya, kang abun gimana cara bikin gambar jalan?. ane bilang pake marque aja, masih binun juga ya udah kang abun sekalian updet blog tutorial cara bikin gambar jalan, ok langsung ke tkp.

Contoh Punya web Tukang Taman :

kira-kira seperti itulah gambar berjalan yang temen ene maksud, oke untuk membuat gambar berjalan seperi ini yang perlu kita lakukan adala :
copy kode berikut pada blog atau website agan yang mau di pasang ganbar jalan:

<marquee behavior='scroll' class='html-marquee' direction='left' onmouseout='this.start();' onmouseover='this.stop();' scrollamount='3' scrolldelay='5'>
<a href='#'target='_blank'><img border="0" height="200" src="url gambar 1" width="150" /></a>
<a href='#'target='_blank'><img border="0" height="200" src="url gambar 2" width="150" /></a>
<a href='#'target='_blank'><img border="0" height="200" src="url gambar3" width="150" /></a>
</marquee>


Copy paste aja Kode Membuat Gambar Berjalan ini Pada  Blog atau web agan, kalo masih bingung cara pemasangan kode marque diatas atau ada pertanyaan lain silahkan tinggalakan pesan di bawah ini


oke sekian dulu tutorial blog cara membuat gambar jalan di blog dan web nya.wasalam b. kang abun

Read More | komentar
Posted by: Kang Abun Abun Bogor, Updated at: 01.06

Cara Pasamg Kode HTML Pada Posting (Parse)

Cara Pasang Kode HTML harus diparse terlebih dahulu, silahkan gunakan sofware dibawah ini,

Paste (Kode HTML Sobat yang mau di Posting) Di kolom ini lalu klik Convert dan hasilnya Copy pada postingan Sobat
Read More | komentar
Posted by: Kang Abun Abun Bogor, Updated at: 19.05

Komentar Suka dari Facebook di Blog

Kali ini saya berbagi tehnik komen alam facebook, untuk melihat contoh silahkan lihat di bawah posting dan kalo tertarik silahkan ikuti caranya di bawah ini :

Read More | komentar (2)
Posted by: Kang Abun Abun Bogor, Updated at: 01.55

Faceblog Template Blogger gratis

Ane Mau Cerita sedikit Nih...ane sempet nyasar lagi nyari di om google eh nyasar ke facebook, pas di
baca selanjutnya klik judul
Read More | komentar
Posted by: Kang Abun Abun Bogor, Updated at: 04.35

Tips Blog Cara Mengganti Icon B pada Address Bar

Tips Blog Kali in adalah Tips tetang mempercantik Blog kenapa saya bilang cantik? karena tampilan dari blog kita akan seperti propesional...nah disini kita bahas seperti judul tadi Tips Blog | cara mengganti Icon B pada  Address Bar. saya jelaskan sedikit B itu apa sih? mungkin ada yang bertanya begitu....iyakan..B yang di maksud disini adalah Icon Bawaan dari blogger yang berjudul Tips Blog | cara mengganti Icon B pada  Address Bar , seperti contoh dibawah ini loh :

bagai mana tuh..keliatanya kurang baguskan? kamu bisa lihat contoh punya saya ini di atas tuhhh.. bagaimana, menarik kan? kamu juga bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).

Tips Blog nya sebagai berikut :
- Masuk ke Layout > Edit HTML
- Lalu cari kode seperti ini ]]></b:skin> memudahkan pencarian dengan menekan ctrl + f
- Tempakan Script dibwah kode  ]]></b:skin>

<link href=' http://i747.photobucket.com/albums/xx115/abunsahroni/abunicon_resize.gif' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>.comment-link {display:none;}
.post-footer-line-1 {display:none;}
.post-footer-line-3 {display:none;}
.post-labels {display:none;}
</style>
</b:if>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket (http://photobucket.com/) dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya dan kalo mau download kumpulan iconnya silahkan klik disini

  http://i747.photobucket.com/albums/xx115/abunsahroni/s0003.jpg
  http://img509.imageshack.us/img509/6449/image6fu0.gif
  http://img527.imageshack.us/img527/6543/image7go9.gif
  http://img412.imageshack.us/img412/3808/image11pc0.gif
  http://img412.imageshack.us/img412/4403/image15jc7.gif

kalo mau lebih banyak Icon silahkan download http://www.4shared.com/file/LfK1WgzM/kumpulan_icon.html dan upload di photobuket http://photobucket.com Tips Blog Cara Mengganti Icon B pada Address Bar 
Selamat Mencoba
Read More | komentar (2)
Posted by: Kang Abun Abun Bogor, Updated at: 09.35

Tips Seo Blog | Cara Membuat Related Post atau Posting Terkait

Pertama Kalinya Saya buat artikel Tentang  Tips Seo, karena selama ini saya Blum Pernah Membuat Artikel Tips seoCara Membuat Realated  Post atau Posting Terkait, apa sih dari kegunaannya Membuat Realated  Post atau Posting Terkait itu? Pertama Pengunjung akan mudah menemukan artikel yang mereka inginkan karena posisinya berada di bawah artikel yang di baca, yang kedua Itu dia Om Google suka dengan Tips seo ini. Yang ke tiga kalo kita melakukan trik Cara Membuat Realated  Post atau Posting Terkait, maka secara tidak langsung kita memperomosikan dagangan kita *ko dagangan sih kang abun*  yahh maksudnya dagangan itu artikel kita itu lohh bisa langsung terlihat oleh pembelinya *apalagi pembeli nya ni????!* ya pembaca laaahhh...cape dehhhh....

seperti Biasa kang abun beri contoh biar tidak bingung *mana Contoh nya kang?* silahkan lihat di bawah posting ini...bagaimana hasilnya Tips Seo Blog  Cara Membuat Related Post atau Posting Terkait sangat bergunakan? iya nggaaa ?...iyaaa aja dehhhh

Yuk Kita langsung Ke TKP untuk ngurusin Tips Seo Blog  Cara Membuat Related Post atau Posting Terkait Ini.

1. Login ke blog anda

2. Masuk menu 'Layout-->Edit HTML'

3. Centang kotak 'Expand Widgets Template'

4. Cari kode ini <data:post.body>

5. Letakkan script berikut ini di bawah kode <data:post.body> tadi.







6. Simpan. Selesai.

Anda bisa mengganti tulisan 'Related Post' dengan kalimat lain misalnya 'posting terkait', 'artikel terkait', dll. Kalau di blog saya tulisannya 'Baca juga postingan di bawah ini'

Jika dengan script di atas gagal atau tidak jalan, coba ganti dengan script di bawah ini:








Itulah Tips Seo Blog  Cara Membuat Related Post atau Posting Terkait  mudah-mudahan Bermampaat bagi saya dan bagi teman-teman sekalian 

selamat mencoba

bocora pada blog wawan wae
http://wawanwae.blogspot.com
Read More | komentar
Posted by: Kang Abun Abun Bogor, Updated at: 09.35

Cara Membuat Posting Menjadi Dua Kolom(2) | Tips Blog

Photobucket

Cara Mebuat Posting Menjadi 2(dua) Kolom, itulah judul dari artikel ini, soalnya lagi bingung ni mau posting apa ya? pas lagi semalem cari-cari di My dokumen eh ketemu judulnya cara mebuat posting menjadi 2(dua) kolom, saya coba di tes lewat wordpress Offline eh ternyata bagus hasilnya, jadi kepikiran tuk berbagi pada teman teman bloger pemula seperti saya ini ; sekali lagi judulnya CARA MEMBUAT POSTING MENJADI 2 (DUA) KOLOM jangan sampe salah ya heheeehee * ada-ada aja ni kang abun mah*, ikutin ya...cara-cara dan tips-tips nya di bawah ini :

(ribet amat ngomongnya ni) hhehehe
Tips kali ini adalah tips yang unik kenapa di sebut unik, karena tidak ada pada bawaan blogger ataupun wordpress, serta trik ini sebagian dari cara mempercantik blog atau web milik kita . seperti bias saya beri conto biar mudah di mengerti :

posting atau artikel anda di bagian kiriposting atau artikel anda di bagian kanan

Kode yang di atas seperti di bawah ini :

<table cellpadding="10" cellspacing="10"><tbody>
<tr> <td align="justify" valign="top" width="250"> posting di bagian kiri</td><td align="justify" valign="top" width="250"> posting di bagian kanan</td> </tr>
</tbody></table>

contoh lagi ya...

Cara Mebuat Posting Menjadi 2(dua) Kolom, itulah judul dari artikel ini, soalnya lagi bingung ni mau posting apa ya? pas lagi semalem cari-cari di my dokumen eh ketemu judulnya cara mebuat posting menjadi 2(dua) kolom, saya coba di tes lewat wordpress offline eh ternyata bagus hasilnya, jadi kepikiran tuk berbagi pada teman teman bloger pemula seperti saya ini: sekali lagi judulnya CARA MEMBUAT POSTING MENJADI 2 (DUA) KOLOM jangan sampe salah ya heheeehee * ada-ada aja ni kang abun mah*, ikutin ya...cara-cara dan tips-tips nya di bawah ini :Tips kali ini adalah tips yang unik kenapa di sebut unik, karena tidak ada pada bawaan blogger ataupun wordpress, serta trik ini sebagian dari cara mempercantik blog atau web milik kita . seperti bias saya beri conto biar mudah dan di mengerti :

Keterangan :
* tulisan "posting di bagian kiri" diganti dengan tulisan anda yang sebelah kiri
* tulisan "posting di bagian kanan" diganti dengan tulisan anada yang sebelah kanan
* Cellpadding adalah jarak antara tepi kolom dengan tulisan;
* Cellspacing adalah jarak antara dua kolom;
* Width adalah lebar masing-masing kolom;
* Align adalah perataan teks (justify untuk rata kanan kiri, left untuk rata kiri, * Right untuk rata kanan dan center untuk rata tengah);

Mudah-mudahan di tips "Cara Membuat Posting Menjadi Dua Kolom(2) | Tips Blog" bisa mempercantik blog atau situs anda, jangan lupa kalo agan-agan kurang paham dengan artikel "Cara Membuat Posting Menjadi Dua Kolom(2) | Tips Blog" silahkan layangkan komentar di bawah ini wasalam
Cara Membuat Posting Menjadi Dua Kolom(2) | Tips Blog
Read More | komentar (2)
Posted by: Kang Abun Abun Bogor, Updated at: 09.35

Cara Pasang Daftar Isi Otomatis dan Manual Pada Blog Blogger | Tips Blog

Cara Pasang Daftar Isi Otomatis dan Manual Pada Blog, Cara Pasang Daftar Isi ini sangatlah Penting Bagi yang empunya blog, karena dengan ada adanya daftar isi ini, orang orang yang menelusuri blog kita akan sangat mudah mencari-cari artikel yang di inginkan.Cara Pembuatan daftar isi ini ada 2 macam, yang pertama Secara manual dan yang kedua Secara Otomatis.

Apa Perbedaannya antara Cara Membuat daftar isi Otomatis Dan manual? mungkin ada pertanyaan seperti itu dari benak anda, saya jelaskan sedikit yang pertama secara Manual : Membuat daftar isi secara Manual ini adalah kita Harus Memasangkan satu persatu link Posting setiap kita Posting, sedangkan secara otomatis Lingkita akan secara otomatis akan masuk ke Daftar isi. pembuatan daftar isi Otomatis ini sangat berguna bagu anda yan malas utuk update daftar isinya :


  • Pembuatan Daftar Isi Manual Sebagai Berikut :


  • 1. Login ke Blogger, Klik Rancangan/Design;
    2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
    3.Cari dan pilih HTML/Javascript;
    4.Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :


    Klik Tombol Save/Simpan.

    Keterangan :
    Link dan Teks, silahkan diganti dengan link dan teks Anda;
    width: 230px; adalah merupakan lebar dari kotak daftar isi manual dan boleh anda sesuaikan;
    height: 180px; adalah merupakan tinggi dari kotak daftar isi manual dan boleh anda sesuaikan.

    Contoh :





  • Pembuatan Daftar Isi Otomatis Sebagai Berikut :


  • 1. Login ke Blogger, Klik Rancangan/Design;
    2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
    3.Cari dan pilih HTML/Javascript;
    4.Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :



    Catatan : http://www.abun789.co.cc diganti dengan alamat blog anda
    Ukurannya Bisa di sesuaykan dengan slera
    Contoh :
    Cara Pasang Daftar Isi Otomatis dan Manual Pada Blog Blogger | Tips Blog. Semoga Bermamfaat
    Read More | komentar
    Posted by: Kang Abun Abun Bogor, Updated at: 09.34

    Tips Blog | Cara Belajar Dasar dasar HTML

    Pembelajaran HTML bagi yang punya blog atau web sangatlah di butuhkan, karena Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Belajar dasar dasar ini sangat di perlukan.

    Read More | komentar (2)
    Posted by: Kang Abun Abun Bogor, Updated at: 09.34

    Categories

    Anti virus (7) aplikasi (2) Belajar seo (1) berita (4) bisnis (1) Browsing (3) cari duit di internet (7) cd dvd tool (4) domain (2) domain free (3) download (29) facebook (5) film barat (1) games (4) hack (1) install xp (4) internet (3) Islam (3) joomla (2) key win7 (2) key xp (2) komputer (13) mp3 (4) parse (1) program (23) Radio Streaming (20) skype (3) Tips Internet (1) tips komputer (26) tukang taman (5) tutorial blog (24) tv (8) tv streaming (2) website (5) WIN 7 (8) windows (21) windows 8 (2) wordpress (2) wordpress org (1) xp (5) yahoo (10)
     
    MALINGPING CELLULAR
    Email: abunsahroni@yahoo.com
    http://tribune.com.pk/wp-content/themes/express-v3/img/email-icon.gifHotline: -
    http://tribune.com.pk/wp-content/themes/express-v3/img/email-icon.gifLayanan: Senin - Jumat
    http://tribune.com.pk/wp-content/themes/express-v3/img/email-icon.gifOffice: Kp. Malimping Ds. ciadeg
    Copyright © 2012. Abun bogor - All Rights Reserved kang abun