Cara Membuat Garis di Blog

Beberapa hari yang lalu Kang Tiar tidak Update Blognya kenapa? ya karena banyak job (hehehe). Kali ini seperti di postingan yang lalu yaitu Cara Mudah Membuat readmore Otomatis . iyak betul kali ini Kang Tiar akan Mengulas tentang tutorial blogspot atau trik blogger. Judul yang dimuat adalah Cara Membuat Garis Di Blog. Cara ini nanti bisa anda terapkan di postingan blog atau di HTML blog Pokoknya dimana saja bisa yang pentinganda menerapkannya di blogspot. tidak usah panjang lebar lagi langsung saja ke TeKaPe!!!+++>>

1. Login di Blogger.com
2. Anda tinggal mau menerapkannya dimana?? di postingan? Oke atau di Kode HTML? juga tentunya Oke
anda hanya menambahkan kode

<hr/>

Hasilnya :

---

Anda mau Garisnya Berwarna??? Oke
Anda hanya membutuhkan Kode ini

<hr color='color:#000000:'/>

Hasilnya:

---

Selain itu anda juga memodifikasinya lagi yaitu mengubah ukuran garisnya sesuai Selera kamu!!!
Anda hanya Butuh kode ini:

<hr color='color:#000000:' width='400px'/>

Hasilnya :

---

Semoga Tutorial Blogger tentang Cara Mudah Membuat Garis Di Blog bermanfaat bagi kamu. [KangTiar]

tag: Membuat Garis Pemisah di Blog,Cara Mudah Membuat Garis di Blogspot

Cara Mudah Membuat readmore Otomatis

Semelumnya saya mempostingkan tentang berita Isu Bahwa Blogger Indonesia Jadi 'Boneka' AS! Kali ini saya akan mempostingkan tentang Artikel tutorial blog Cara Mudah Membuat readmore Otomatis di blogspot. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya.langsung saja ke Tekapeeee,....

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 400; summary_img = 350; img_thumb_height = 150; img_thumb_width = 150; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :


<data:post.body/> atau <p><data:post.body/></p>

Ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;Baca Selengkapnya...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 400 = tinggi artikel terpenggal tanpa image

==> Summar img 350 = tinggi artikel terpenggal dengan image

==> img_thumb_height =tinggi gambar

==> img_thumb_width = lebar gambar
==> Baca Selengkapnya bisa anda ganti dengan Read More, full read dll...

KETIGA, klik SAVE TEMPLATE

Semoga artikel tutorial blogspot kali ini tentang Cara Mudah Membuat readmore Otomatis dapat bermanfaat bagi anda semua,Terima kasih .[KangTiar]

tag: Cara Mudah Membuat readmore Otomatis di Blog,Cara Membuat readmore Otomatis

Cara Menampilkan Widget di Halaman Tertentu

Halo Sahabat blogger kemarin saya mempostingkan Cara Menghindari Scam di Email Kita , Sekarang saya akan mengulas tentang tutorial blogger. secara umum Tutorial kali ini memang sudah banyak yang mempostingkannya di halaman blogspot mereka. Saya berharap Tutorial sya ini bisa menembak google. Saya membuat artikel supaya pengunjung blogspot kang tiar bisa lebih merasa komplit jika mengunjungi blogspot kang tiar ini. Judul artikel tutorial blogspot kali ini adalah Menampilkan Widget di Halaman Tertentu . langsung saja ke tekape,....
1. Masuk ke Blogspot anda
2. Masuk di tab Edit HTML lalu centang kotak "Expand widget templates"
3. Lalu cari kode widget seperti ini

<b:widget id='HTML7' locked='false' title='Didukung Oleh:' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Didukung Oleh:" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

<b:if cond='data:blog.url == data:blog.homepageUrl'>

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja.

dan ditempatkan seperti dibawah ini, hingga kodenya menjadi seperti ini:

<b:widget id='HTML7' locked='false' title='Didukung Oleh:' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

NB: PERHATIKAN PENEMPATAN KODE YANG BERWARNA MERAH

4. Lalu SAVE / SIMPAN TEMPLATE

(TAMBAHAN)

Dan tidak hanya bisa menempatkan widget nya di halaman depan saja, dibawah ini ada kode yang bisa anda manfaatkan untuk menempatkan widget di blog anda di tempat/di halaman lainnya.

Untuk menempatkan di halaman depan/index digunakan code

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>

Untuk menempatkan di halaman Archive saja

<b:if cond='data:blog.pageType == "archive"'>

Untuk menempatkan dihalaman item/posting saja digunakan code

<b:if cond='data:blog.pageType == "item"'>

Untuk pada halaman pages atau static page blogger digunakan

<b:if cond='data:blog.pageType == "static_page"'>

dan
Untuk menempatkan di halaman URL tertentu gunakan code dibawah ini

<b:if cond='data:blog.url == "URL_HERE"'>

Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>

Begitulah Tutorial blogspot Cara Mudah Menampilkan Widget di Halaman Tertentu blogger,Mudah bukan. Semoga tutorial kali ini bisa bermanfaat.[KangTiar]

tag: Menampilkan Widget di Halaman Tertentu,Widget di Halaman Tertentu,Widget di Halaman Tertentu blogger

Membuat Gambar Bershadow Dengan CSS3

Tutorial Blogger kali ini saya akan memberikan Cara Membuat Gambar Bershadow Dengan CSS3,banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.

Gambar tersebut nantinya akan terlihat seperti gambar di atas. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah in:1. Login di Blogger.com / draft.blogger.com
2. Silahkan Masuk di Rancangan / Tata Letak lalu lanjutkan ke Tab Edit HTML
3. Cari kode seperti ini

.post img {

- - -

- - -

}

Note :

1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template

2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {

4. Kalau sudah ketemu gantilah kode yang merah tadi,Sehingga kode yang merah tadi menjadi seperti ini
.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

5. Dan yang terakhir silahkan disimpan/di SAVE
Semoga Tutorial Blogger Cara Membuat Gambar Bershadow Dengan CSS3 kali ini bisa bermanfaat bagi kita semua.[Kang Tiar]

Memasang Jumlah Komentar pada Judul Posting

Pada Awalnya saya sangat Tertarik dengan Artikel dari oom yang berjudul Memasang Total Comment pada Title Post . Oleh karena itu Saya mencoba berbagi Untuk pengunjung setia blog Kang Tiar. Oleh sebab itu di Artikel Tutorial Blog kali ini Saya akan Mengulas tentang Cara Memasang Jumlah Komentar pada Judul Posting. Cara ini sangat simple sekali.

1. Login ke akun blogger anda.
2. Masuk ke layout>edit html, kemudian klik expand widget template.
3. Cari kode berikut ini pada template anda.

<a expr:href='data:post.url'><data:post.title/></a>

4. Copy dan paste kode berikut ini dibawah kode tersebut diatas.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji3yKLcbpsW3XPLHPIHOf7cXAQldkHJ1lDltULuKxRn3EFzEXCPf-iQ49c1tJ4a_-UdmkDogbmdXO7WZM00IP2bw3aM8QGRggNCl6T3w0IzLL5egHd3YVsN7BD7n_gB2qLv03Mdpc6K5vJ/s400/icon_comments.png'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>

5. Simpan dan lihat hasilnya.

Semoga Tutorial Kali ini bisa bermanfaat bagi anda. (http://kangtiar.blogspot.com/)

Menampilkan Link di Dekat Title Sidebar

Kali ini saya Akan mulai lagi Membuat artikel Tentang tutorial blog,sudah lama gak posting artikel tutorial blog,Tutorial Blog kali ini saya akan Mengungkap rahasia (hehehe) Menampilkan Link di Dekat Title Sidebar,Disini ada dua cara memasangnya, yang pertama bisa mengedit dan menambahnya secara langsung di Sidebar Gadget yang sudah ada atau kalo masih bingung rekan bisa masuk dulu ke tab Tata Letak -> Elemen halaman -> tambah gadget -> HTML/JavaScript, kemudian langsung copy-paste aja salah satu kode dibawah. Ingat, pastikan Title pada Gadget HTML/JavaScript tetap dalam keaadan kosong, hal ini untuk menghindari terjadinya duplicate Title pada sidebar.

Contoh tampilan Text Link dengan Small Icon:

<style type="text/css">

.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
background:url(http://bp0.blogger.com/_TqPdHmAEwTM/R5-60Nu3tgI/AAAAAAAAAz0/8v3jHKMURzc/s400/feed.png) right 0px no-repeat;
padding-right:20px;
}

</style>

<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>

Contoh tampilan hanya menampilkan Text Link:

<style type="text/css">

.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
}

</style>


<h2><span class="pasang-link"><a href="URL">Link Title</a></span>Title Sidebar</h2>

Contoh tampilan hanya menampilkan Text:

<style type="text/css">

.pasang-link{
font-size:11px;
float:right;
font-weight:bold;
}

</style>

<h2><span class="pasang-link">Text Here</span>Title Sidebar</h2>

Keterangan:
Banyak tempelate dengan menggunakan  <h3>  
jadi rekan tinggal menyesuaikan saja.

Begitu saja Tutorial  Cara Menampilkan Link di Dekat Title Sidebar Blogger ,Selamat Mencoba! Sukses!/[KangTiar]

Gadget Statistik Terbaru

Setelah Pihak Blogger meluncurkan Statistik Blogger ke Blogger dalam Draft, Pihak Blogger telah membuat beberapa perbaikan berdasarkan Saran dari Pelanggan. Selain itu., Pihak Blogger telah membuat dua gadget baru yang dapat ditambahkan ke blog Anda untuk menampilkan statistik pembaca Anda menarik dari blog Anda: statistik Blog’s stats and Popular Posts gadgets.

Data untuk gadget ini diambil secara otomatis dari Blogger Statistik. Untuk menggunakannya, pergi ke Desain | Elemen Halaman, dan klik "Tambahkan gadget."

 The Blog’s stats menampilkan gadget * total tampilan halaman blog Anda. Gadget datang dalam berbagai gaya dan juga dilengkapi dengan grafik sparkline opsional.

(* The tampilan halaman yang dihitung dari saat kami meluncurkan fitur Statistik, bukan dari hari pertama blog Anda telah dibuat.)

Popular Posts gadget membantu pembaca Anda segera mengetahui mana posting Anda telah dipandang paling oleh pembaca Anda. Gadget ini juga dilengkapi dengan berbagai gaya dan konfigurasi.

Statistik baru ini gadget yang tersedia sekarang pada Blogger Draft, sehingga Anda dapat Memasangnya sekarang. Semoga Artikel Gadget Statistik Terbaru Dapat Bermanfaat Bagi Kita Semua.[KangTiar]

5 M, Tips untuk Menghindari Kejenuhan Ngeblog

Jenuh

Di Postingan Kali ini Saya Buat Untuk memenuhi Topik Ramadhan Kemerdekaan dan Menjadi Blogger Yang Bahagia .Judul Artikel kali ini Adalah 5 M, Tips untuk Menghindari Kejenuhan Ngeblog. Merasa Jenuh itu Manusiawi,..Apalagi Jenuh dalam Ngeblog. Pasti anda yang mempunyai Blog pasti Pernah Jenuh waktu ngeblog!. Biasanya Kejenuhan itu Disebabkan Karena :

• Tidak adanya Topik/Isi Artikel
• Belum Muncul lagi Inspirasi
• Bingung Menulis Kata-kata

5 M ,Menghindari Kejenuhan Ngeblog

1. Memodifikasi Blog 

Ketika Sudah Tidak Tahu Lagi Harus Menulis Apa, Tidak Ada Salahnya Menambahkan Aksesoris Atau Merubah Desain Blog Anda.

2. Mengubah Pola Topik Blog

Misalkan Setiap Saat Anda Selalu Menulis Blog Dengan Tema Tertentu, Dengan Maksud Agar Sesuai Dengan Nice Blog Anda, Bukan Sesuatu Yang ‘Haram’ Jika Anda Sekedar Menulis Curhatan .

3. Membersihkan Blog 

Hilangkan Link Di Blogroll Yang Tak Berguna(Non Aktif/Error). Pakailah Waktu Anda Yang Sudah Jenuh (Malas Ngeblog), Dengan Meneliti Satu Per Satu Link. Hilangkan Linkyang Tidak Berguna.

4. Mempostingkan Foto Di Blog 

Saya Menjumpai Beberapa Blog Yang Khusus Mempublish Foto. Anda Juga Bisa Mencobanya. Dari Satu Foto, Anda Bisa Menceritakan Banyak Hal Dari Foto Itu, Kan? Pengalaman Kuliner, Jalan-Jalan Ke Luar Kota, Atau Kumpul Bareng Dengan Teman-Teman Anda/Teman Bloger.Berguna Bukan!

5. Mengambil Cuti Ngeblog

Seperti Orang Kerja Dan Mulai Menemukan Kejenuhan, Boleh Dong Sekali-Sekali Orang Itu Juga Ambil Cuti Ketja Sehari/Lebih? Anda Juga Bisa Melakukannya Begitu, Tapi Kalau Cuti Ngeblog Jangan Lama-Lama,Karena Kalau Lama-Lama Anda Bisa Kebablasan Dari Jenuh Menjadi Malas Ngeblog.

Bagaimana?? Apakah anda Mau Mencoba Tips 5 M dalam Ngeblog??? 5 M ini Tips original Dari Kang Tiar lho,...Dicoba ya.Semoga dengan adanya Tips 5 M, Abda bisa Menjadi Blogger Yang Bahagia dan Tidak Jenuh[KangTiar]

Info Penyelenggaraan Kontes:
http://www.masdoyok.co.cc/2010/08/info-kontes-menjadi-blogger-yang.html
Di Sponsori Oleh:
www.mungbisnis.com - Jasa Pembuatan Blog
www.Distro19.Com - Jual Kaos Couple Murah

Share Blogger posts to Buzz

To Fulfill Posts (Ramadhan Kemerdekaan) This time I'll Kang Tiar Share Review About the Blogger posts to Buzz ( Berbagi posting ke Blogger Buzz). When Google Buzz launched in February, many wondered how they could share cool posts to their Buzz stream. That’s why we’re excited to announce that Blogger has made it easy to share to Google Buzz via the Share button in the Blogger navigation bar. Just click “Share”, choose Google Buzz, and you’ll be able to customize your message before posting to Buzz.

Google Buzz is a new way to share updates, photos, videos and more, and start conversations about the things you find interesting. Better yet, all comments to your Buzz post get sent right to your Gmail inbox so it's easy to keep the conversation going. Just go to the Google Buzz homepage and give it a try! We know you write interesting stuff, so sharing to Buzz is a great way to spread the word about your blog.

Building your audience is important, and sharing to social networks is a great way to promote your site. We are committed to make the sharing experience better on Blogger: more updates are on their way, so please stay tuned. [KangTiar]

Source:http://buzz.blogger.com/

Memasang Gambar Di Pojok Halaman Blog

Memasang Gambar Di Pojok Halaman Blog

Hallo Sahabat Blogger di Ramadhan Kemerdekaan kali ini Kang Tiar akan Mengulas Tentang Tutorial Blog yang Sudah banyak dipostingkan Oleh Para Blogger. Tapi tidak apa-apa yang Penting Tutorial Kali ini Akan Sangat Bermanfaat Ubtuk Para Blogger yang Baru Belajar(seperti Kang Tiar). Judul Postingan Kali ini Adalah Cara Memasang Gambar Di Pojok Halaman Blog. Tidak Usah panjang Lebar lagi Langsung Saja Ke TKP,..

1. Login Di Blogger.com

2. Masuk ke Rancangan/Tata Letak

3. Pilih Edit HTML

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

5. Taruh Kode dibawah ini Diatas Kode ]]></b:skin> 

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

6. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal diganti text "left" dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".

7. Carilah Kode </body>

8. Letakan Kode Dibawah ini, Sebelum Kode </body>

<div id="trik_pojok">
<a href="http://kangtiar.blogspot.com">
<img src="http://i989.photobucket.com/albums/af13/vikost/Kangtiaremo.gif" border="0" /></a>
</div>

"http://kangtiar.blogspot.com" adalah link blog. Ganti dengan link blog anda.

"http://i989.photobucket.com/albums/af13/vikost/Kangtiaremo.gif" adalah lokasi gambar. Ganti dengan lokasi gambar anda.

9. Jika anda ingin Menampilkan Selain gambar, tetapi item lain seperti jam/kalender/hit counter/widget-widget dan lain-lain, maka ganti text yang berwarna merah tersebut dengan script widget-widget tersebut.

6. Simpan

Semoga Artikel Ramadhan Kemerdekaan yang Mengulas Cara Memasang Gambar Di Pojok Halaman Blog.Dapat Berguna Untuk Kita Semua.[KangTiar]

Cahaya Islam

Dan Dia mengajarkan kepada Adam nama-nama (benda-benda) seluruhnya, kemudian mengemukakannya kepada para Malaikat lalu berfirman: "Sebutkanlah kepada-Ku nama benda-benda itu jika kamu mamang benar orang-orang yang benar!(Q.S Al Baqarah :31)"

Afiliasi Mudah Bagi Blogger dengan Viglink

Afiliasi Mudah Bagi Blogger dengan Viglink

Postingan Untuk  Ramadhan Kemerdekaan kali ini Adalah Afiliasi Mudah Bagi Blogger dengan Viglink,VigLink adalah perusahaan monetisasi konten yang membuat pemasaran afiliasi sangat mudah bagi blogger. Kami menawarkan potongan kode sederhana Anda dapat memasang di blog Anda yang secara otomatis dan transparan tidak semua bekerja untuk Anda. Kami telah di katalog dan mendaftar untuk program lebih dari 12.500 afiliasi dan kami mengumpulkan semua informasi kinerja dan memberikan Anda sebuah pembayaran tunggal yang terintegrasi. Sebagai imbalannya, VigLink mengambil 25% dari pendapatan tambahan yang Anda peroleh.

Tidak ada biaya lain atau biaya dan perubahan apa-apa tentang bagaimana situs Anda terlihat atau berperilaku. Gabung VigLink dan mendaftarkan blog Anda dalam waktu kurang dari satu menit atau mempelajari lebih lanjut dengan menonton video(diatas) yang Berdurasi dua menit.[KangTiar]

Source:buzz.blogger.com

Cahaya Islam

Maka mengapa kamu (terpecah) menjadi dua golongan dalam (menghadapi) orang-orang munafik, padahal Allah telah membalikkan mereka kepada kekafiran, disebabkan usaha mereka sendiri? Apakah kamu bermaksud memberi petunjuk kepada orang-orang yang telah disesatkan Allah? Barangsiapa yang disesatkan Allah, sekali-kali kamu tidak mendapatkan jalan (untuk memberi petunjuk) kepadanya.(Q.S An Nisaa :88)

Solusi Jika Gadget Tidak Bisa Disimpan

Setiap blogger yang baru-baru ini telah mencoba untuk menambah atau mengedit gadget (elemen halaman) . gadget tidak dapat disimpan Jika tanpa Judul. Pesan error - "Required field must not be blank"

Salah satu cara untuk memecahkan masalah ini tentu saja memberikan apa yang mereka inginkan - sebuah judul untuk Sebuah gadget. Tapi kebanyak yang tidak tau masalah itu, jadi bagaimana Solusinya?

Ada solusi sederhana, trik untuk Anda, untuk masalah Gadget anda. Caranya Masukkan kode ini di dalam kotak judul.

<!-- -->

Seperti HTML contoh berikut ini

Semoga Tutorial Kali ini Berguna Untuk Anda.[KangTiar]

Cara Mudah Mengetahui ID Blog Pribadi

Hallo Sahabat Blogger,Kali ini KangTiar Akan Mengulas tentang Cara Mudah Mengetahui ID Blog Pribadi. Cara mengetahuinya memang sangat Simpel Sekali. yaitu dengan Cara:

1. Masuk dan login di Blogger.COm

2. Masuk Ke Halaman Rancangan,Elemen Laman.

3. Lihat Di Kotak "Address Box"

4. Contohnya Punya Saya Seperti ini 

http://www.blogger.com/rearrange?blogID=8644362843506263052

Jadi ID Blog saya Adalah  8644362843506263052

Simpel Bukan,Dengan Cara ini Anda Bisa Memanfaatkannya. Apa manfaatnya Tunggu Artikel yang Mengulas Tentang ID Blog Besok Hanya Di KangTiar.Semoga Arikel Cara Mudah Mengetahui ID Blog Pribadi dapat berguna Bagi kita Semua[KangTiar]

Panoramio Widget Penambah Foto dari Seluruh Dunia ke Blog Anda

Kemarin 10 Mei 2010,Tim Panoramio meluncurkan Panoramio Widget API, Cara mudah untuk mempublikasikan foto-foto tempat favorit Anda kedalam blog Anda. Panoramio adalah Kumpulan Gambar yang disampaikan Pengguna dari Seluruh Dunia. Dengan Widget Panoramio, Anda dapat berbagi foto-foto tempat-tempat (Wisata) yang dikunjungi dalam perjalanan Anda yang jauh.

Untuk menambahkan Panoramio ke blog Anda, Anda perlu menambahkan Kode ke HTML. HTML /Javascript (Layout> Elemen Halaman> Tambah Gadget> HTML / JavaScript), atau jika Anda ingin gambar pada pesan pribadi kami sarankan menggunakan Editor Post tab Edit HTML (Posting> Posting Baru> Edit HTML ). (Catatan: Saya tidak menyarankan mengedit HTML dengan blog Anda karena menghalangi Anda untuk memperbarui blog Anda dengan cool new features.)

Misalnya, galeri gambar di atas telah dibuat dengan menambahkan potongan HTML berikut ini ke posting blog ini:

<iframe src="http://www.panoramio.com/wapi/template/slideshow.html?tag=sanfrancisco&width=450&height=400&delay=6.5" frameborder="0" width="450" height="400" scrolling="no" marginwidth="0" marginheight="0"> </iframe>

Bagaimana?, Apakah anda Tertarik Untuk Memasangnya? .Semoga Artikel Panoramio Widget Penambah Foto dari Seluruh Dunia ke Blog Anda Dapat bermanfaat bagi Kita semua.[KangTiar]

Posting Lebih Bagus Di Preview Dulu

Hallo sahabat blogger,Saya Kali ini Akan Mengulas Tentang Blogger in Draft Dengan Judul Posting Lebih Bagus Di Preview Dulu.Banyak dari kita Bahwa preview/Pratinjau posting Sudah Tersedia di Blogger . Blogger in Draft sekarang mendukung fitur Baru, preview/pratinjau Fasilitas ini ditingkatkan Blogger, memungkinkan Anda untuk melihat Bagaimana Posting Anda benar-benar Manthap.Seperti ini Lho...

Jika anda Menekan Preview atau Pratinjau Postingan anda akan Muncul seperti ini

Pic: By: Bloggerindraf

Perlu diketahui bahwa halaman pratinjau tidak secara otomatis memperbarui sebagai isi dari posting perubahan. Untuk memastikan posting tersebut terlihat OK atau Manthep setelah Anda selesai mengedit lebih lanjut, Anda dapat memperbarui halaman pratinjau secara manual, atau klik tombol Pratinjau lagi.[KangTiar]

Cara Membuat Tabel Kode Warna

Illustration: Lode Warna

Hallo Sahabat Blogger Terutama Sahabat KangTiar. Saya Kali ini akan Mengulas tentang Tutorial blog lagi. Tapi Kali ini Berjudul Cara Membuat Tabel Kode Warna  di Blog Tentunya. Tabel Kode Warna Sangat Berguna Untuk Mengetahui Kode warna yang Kita Inginkan Di Blog Kita. Karena Blog Kalau Tidak Ada warnanya itu Mustahil, Bila Pemilihan Warna Di Blog anda Bagus,Tentu saja Para Blog Walking Akan Betah Berkunjung Di blog Anda. Apakah anda Ingin Membuat Tabel Kode Warna  ini Di Blog anda??? Jika anda ingin Membuat silahkan KeTKP.

Langkah2nya sebagai berikut:

• Login ke Blogger.com
• Kemudian Tata Letak/Rancangan
• Pilih Tambahkan Widget
• Pilih HTML/JavaScript

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>

<script type='text/javascript'>

var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;

function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}

// Picker ---------------------------------------------------------

function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };

picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

hueUpdate();

dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}

executeonload(init);

function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}


function hueUpdate(newVal) {

var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }

var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);

document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

pickerSwatchUpdate();
}

function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);

h = h / 180;

var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);

var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);

var a = YAHOO.util.Color.hsv2rgb( h, s, v );

document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}

</script><!--[if gte IE 5.5000]>
<script type="text/javascript">

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}

YAHOO.util.Event.addListener(window, "load", correctPNG);

</script>
<![endif]-->

• Selanjutnya SIMPAN
• Kemudian Masuk Pada Postingan
• Pilih Entry Baru
• Ingat Posisi Anda harus pada Edit HTML
• Copas kode berikut pada Entry/Postingan

<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" width="24" height="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form><p><a href="http://kangtiar.blogspot.com/2010/06/cara-membuat-tabel-kode-warna.html" target="new">Get it</a></p></center>

• Selanjutnya Terbitkan Entry dan lihat hasilnya

Semoga Artikel Cara Membuat Tabel Kode Warna di Blog Dapat Bermanfaat Bagi Anda.[KangTiar]

Cara Mudah Mengetahui ID Blogger

Blogger ID By:Bahtiar.AS

Selamat Pagi Blogger,Kali ini Saya Akan Mengulas tentang Trik Blogger. Judulnya Adalah Cara Mudah Mengetahui ID Blogger. Trik ini memang Sangat Simpel.Tapi saya sebelum mengetahui, saya juga Bingung. Mungkin Sudah Banyak Blogger yang Sudah Mempostingakan Artikel Seperti ini.Bagi anda yang Ingin Mengetahui ID Blogger Anda Silahkan Ke TKP....berangkat..

1. Masuk/Login Ke Blogger.com
2. Lalu Ke Dasbor
3. Klik Klok "Lihat Profil" Seperti ini

Perhatikan

4. Lalu Lihat ID anda.

Perhatikan

Berarti ID Kangtiar adalah 03050408411890669822

Jika anda Mengetahui ID Blogger orang lain,Anda Bisa Mencarinya Dengan Mudah.Dengan Cara Yuliskan Di Address Bar seperti ini http://www.blogger.com/profile/IDBlogger

COntohnya:

Mau Mencari IDnya KangRohman, Jika anda Mengetahui IDnya KangRohman Tinggal Masukkan IDnya Seperti ini:

http://www.blogger.com/profile/08206948046638364771

Mudah Bukan?

Semoga artikel Cara Mudah Mengetahui ID Blogger dapat bermanfaat Bagi Kita Semua.[KangTiar]

Menambah Dua Sampai Tiga Kolom Di Bawah Header

Ilustration By:Bahtiar.AS

Selamat pagi Sahabat Blogger yang Setia,Apa kabar Nie..Pasti Baek-baek Saja. Kali ini KangTiar akan Mengula Tentang Tutorial Blog/Blogspot Lagi. Judul Kali ini Adalah Cara Menambah Dua Sampai Tiga Kolom Di Bawah Header Blog. Kolom-kolom ini akan sangat berguna Untuk Pasang Iklan,Pasang Proil,Pasang Follow,Buku tamu(Baca: Shoutmix Premium Gratis, CBOX),Anda Bisa pasang apa saja Di Kolom-kolom itu .Kalau Dikolom itu Saya pasang Kotak Follow,Buku Tamu (CBOX),Kotak Profil. Apakah anda Berminat Menambahkan Kolomnya Ke dalam Blog Anda?.Bagi yang Berminat ya...langsung saja Berangkat.....
 

1. Login Ke Blogger.com

2. Kemudian Masuk Ke Tab Tata Letak/Rancangan

3. Dan Masuk lagi ke Edit HTML

4. Centang Expand Widget
5. Copas kode berikut diatas kode ]]></b:skin>

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

• Bagi anda yang ingin Memasang 2 Kolom Dibawah Header Silahkan Copas kode berikut diatas kode <div id='main-wrapper'>

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

• Bagi anda yang ingin Memasang 3 Kolom Dibawah Header Silahkan Copas kode berikut diatas kode <div id='main-wrapper'>

    <div id='box-main-container'>
    <div id='box1' style='width: 30%; 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: 40%; float: left; margin:0; text-align: left;'>
    <b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
    </div>
    <div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
    <b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
    </div>
    <div style='clear:both;'/>
    </div>

Dan yang Terakhir jangan Lupa Disimpan

HASIL DARI 3 KOLOM

3 Kolom Di blog KangTiar

Semoga Artikel  Tutorial Cara Menambah Dua Sampai Tiga Kolom Di Bawah Header Di blog Dapat Bermanfaat Bagi Kita Semua.[KangTiar]

Artikel Lawas Di Blogku yang Dilupakan

Hallo sahabat Blogger,Terutama Sahabat KangTiar. Kali ini KangTiar akan Mengulas Tentang Terpuruknya artikel-artikel Lama atau Lawas (Artikel Lawas Di Blogku yang Dilupakan)yang ditinggalkan Oleh Para Blogwalking.Pasti Keluhan/kejadian ini Juga Dirasakan Oleh Anda.Saya akan memberikan Suatu Tips dan Trik Supaya Artikel Lawas anda Tetap aksis di dalam blog anda.Pasti anda suka dan berminat jika Semua Artikel-artikel Di dalam Blog anda Dapat Berguna bagi para Master Blog maupun Blogger Newbie. Bagaimana mengatasi Masalah Artikel lawas yang Terlupakan??. Langsung saja Ke TKP...Berangkat.....

Kenapa Bisa Terjadi?
Karena Artikel lawas yang Terlupakan Biasanya dipengaruhi oleh beberapa Faktor.yaitu

• Artikel didalam blog yang Sangat Banyak
• Artikel yang Kurang Menarik
• Pengunjung Blog Kurang (Blog Sepi Pengunjung)

Oke...Saya akan menerangkan Satu per satu Faktor-faktor diatas

• Artikel Didalam Blog yang sangat Banyak, Betul sekali..karena setiap Blog yang artikelnya Banyak apalagi lebih dari "50 Artikel" Pasti Artikel yang Ke 1 Bahkan Artikel ke 30han Biasanya Terlupakan Oleh Blogwalking "Kadang Andapun Juga Melupakannya (Seperti KangTiar...hehehehe)".

• Artikel yang Kurang Menarik,Memang Kalau Blog yang artikelnya Kurang Menarik,sangat susah untuk Mendatangkan Suatu Blogwalking .Artikel yang Kurang menarik Biasanya Dipengaruhi Oleh TOPIK. Contoh: Hari ini TOPIKnya adalah Teroris. Dan anda Malah Menampilkan Artikel Bertopik Gosip Selebriti

• Pengunjung Blog Kurang (Sepi Pengunjung), Blog yang sepi pengunjung pasti artikelnya "Bahkan" Semua artikelnya Terlupakan Oleh Blogwalking. Jika Blog anda Sepi Pengunjung Lebih baik anda Ikut Chating Bersama Para blogger (Baca: Chating Bersama Blogger)

Cara Ampuh Apa "Menangkal Masalah ini"? 

"Kalau Menurut KangTiar"Cara yang sangat Ampuh adalah 
1. Memasang Link atau Banner(Bannernya Disertai Backlink Artikel Lawas Anda".Pasang Seperti ini Lho... 
    (Baca:10 Alasan Anggota DPR)

2. Mending Pasang Recent Post Dengan Cara : "Supaya para Blogwalking dapat Mengetahui Artikel-artikel 
    Blog and yang Lawas.

• Masuk Ke Blogger.com
• Masuk Ke Tata Letak/"sekarang" Rancangan
• Klik Tambah Gadget lalu Pilih HTML/Javascript
• Masukan Kode Dibawah ini Kedalam HTML/Javascript   

<script style="text/javascript" src="http://www.geocities.com/mastegarwae/goglerecentpost.txt"></script><script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://URL BLOG ANDA/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Keterangan:
Ganti Text yang Berwarna Merah Dengan URL Blog Anda. Contoh: http://kangtiar.blogspot.com/

• Dan yang Terakhir jangan Lupa Di SIMPAN.

Semoga Tips Blog (Artikel Lawas Di Blogku yang Dilupakan)Kali ini dapat Bermanfaat Bagi anda Semua. [KangTiar]

Cara Membuat Popup Dengan Ukuran Sendiri (Tertentu)

Hallo Sahabat Blogger,Kali ini KangTiar mau Mengulas tentang Tutorial Blog Lagi. Tapi Topiknya adalah masalah Popup karena Kali ini Tutorialnya Berjudul "Cara Membuat Popup Dengan Ukuran Sendiri (Tertentu)"
Pop-up ad (wikipedia)adalah jendela iklan yang biasanya muncul tiba-tiba jika mengunjungi sebuah halaman web. Biasanya iklan ini tidak diperlukan dan harus disingkirkan agar tidak mengganggu proses menjelajah web. Untuk menangkalnya, dapat dipakai program penangkal Pop-up. Ada pula program penangkal pop-up yang terintegrasi dengan browser, misalnya yang terdapat pada browser Mozilla Firefox, Opera, dan Internet Explorer versi 7.

Contohnya seperti ini:

Apakah anda Berminat untuk Menciba Membuatnya????.Jika anda berminat Mari Ke TKP.yooo Berangkat.!!!!
1. Masuk ke Blogger.com
2. Masuk ke Rancangan/Tata Letak
3. Tambahkan Gadget lalu Pilihlah Gadget HTML/Java Script
4. Masukan Kode Dibawah ini Didalam Gadget HTML/Java Script

<center><form onsubmit="window.open('http://URLYANGDITAMPILKAN/','popupwindow','scrollbars=no, width=250,height=250');return true"><input type="submit" value="TEXT YANG TAMPIL PADA BUTTON"></form></center>

    Keterangan:
   1. Ganti Text yang Berwarna Biru Sesuai kesukaan Anda

5. Lalu SIMPAN.
Semoga artikel Tutorial Blog/Trik Blog kali ini Dapat Bermanfaat Bagi Kita Semua.Tunggu Tutorial-tutorial yang Baru.[KangTiar]