CARA MERUBAH JUDUL BLOG MENJADI JUDUL POSTINGAN

Cara Merubah Judul Blog dengan Judul Postingan
Sebenernya merubah judul Blog dengan judul postingan Adalah sedikit bagian dari SEO (Search Engine Optimization).Judul postingan juga berpengaruh dalam listing hasil pencarian Search Engine .Mengoptimalkan Judul postingan sangat dianjurkan untuk mendapatkan posisi terbaik dalam search engine. Jika sebelum anda merubah judul Blog dengan judul postingan "keyword" atau judul Dari postingan blog kamu ada Di belakang judul Blog maka setelah Anda Merubah Judul Blog dengan Judul Postingan Yang tampil di hasil pencarian "keyword" atau judul postingan anda berada di depan. Karena itu Merubah Judul Blog dengan Judul Postingan Sangat baik Untuk SEO (Search Engine Optimization). Para pakar SEO Juga menyatakan Cara ini membuat Searc engine lebih Friendly Terhadap Blog Kita. Ikuti Cara Merubah Judul Blog dengan Judul Postingan Berikut ini :

1.Log In Ke Blogger Lalu Klik Tata Letak-->>Edit HTML
2.Kalo Udah Cari kode berikut ini :

title><data:blog.title/></title>

Biasanya Ada Di atas . atau untuk lebih mudah gunakan Tombol CTRL+F

3.Kalo udah ketemu ganti kode tadi dengan kode berikut :


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4.Kalo udah tinggal sinpen dahh..

Keterangan : Untuk Home atau halaman utama Judulnaya akan tetep judul blog kamu . tapi silakan coba klik salah satu postingan kamu,maka Judul Blog Berubah jadi Judul Postingan.

BACA SELENGKAPNYA - CARA MERUBAH JUDUL BLOG MENJADI JUDUL POSTINGAN

SISTEM OPERASI

Pengertian Sistem Operasi


Operating system (OS) atau yang sering di sebut sistem operasi adalah sekumpulan perintah dasar yang berperan untuk menjalankan dan mengoperasikan komputer .Sekarang ini banyak sekali macam-macam sistem operasi di pasaran baik yang asli ataupun yang bajakan.Ada beberapa sistem operasi yang biasa kita jumpai di pasaran diantranya Windows,Unix,Linux Dan masih banyak lagi yang lainya.Dari sekian banyak sistem operasi Yang beredar,sistem operasi milik perusahaan microsoft lah yang paling populer untuk para pengguna pc notebook,bahkan ponsel dan PDA sekalipun Dengan sistem operasi berbasis mobilenya .
Dari beberapa sistem operasi tersebut,Sistem operasi yang dapat digunakan secara bebas alias open sourc Asalah linux. sistem operasi ini biasa digunakan untuk tujuan pendidikan ,lain halnya dengan para vendor ponsel dan PDA ,Para vrndor ini lebih menyasarkan produknya untuk menggunakan sistem operasi mobile milik perusahaan microsoft yaitu windows. Sama seperti di pc atau notebook sistem operasi di PDA atau ponsel memiliki Beberapa versi dan tatap muka yang hampir sama ,mulai dari windows mobile versi 5.0 sampai dengan windows vista versi mobile .Vendor PDA atau ponsel yang biasa memakai sistem operasi tersebut diantaranya 02,Samsung.Doppod Dan sony ericson untuk beberapa type.

Perkembangan Sistem Operasi


Perkembangan sistem operasi Berawal dari altair,yaitu perangkat komputer pertama pada tahun 1975 yang menggunakan sistem operasi CP/M dan kemudian oleh perusahaan microsoft dirilis menjadi MS-DOS Dan berkembang dari MS-DOS versi 1.0 Pada tahun 1981 sampai MS-DOS versi 5.0 pada tahun 1991 dan sampai sekarang ini microsoft telah mengeluarkan beberapa sistem operasi mulai dari Ms-windows,windows97,windows98,windows98Me,Windows2000.Windows ME,Windows XP dan yang paling terbaru adalah windows vista yang terkenal dengan tatatp mukanya .

BACA SELENGKAPNYA - SISTEM OPERASI

META TAG

meta tag ini berfungsi untuk mempermudah mesin pencari (google) menemukan blog kita,
blog mudah di cari google dengan memasang meta tag.

sekarang saya akan berbagi bagaimana cara memasang meta tag di blog kita agar blog kita cepat di temukan google dan lebih cepat naik Rank nya.

langkah:

1. login ke blog anda.
2. pilih rancang > edit html
3. cari kode <title><data:blog.pageTitle/></title>  (gunakan CTRL + F untuk memudahkan pencarian teks)
4. jika sudah ketemu,copy kode di bawah ini

<meta content=' Tulis deskirpsi blog anda disini' name='description'/>
<meta content='Kata kunci 1,Kata Kunci 2.Dan seterusnya.' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

5. letakkan kode tersebut di bawah kode <title><data:blog.pageTitle/></title> tadi

ket:

-Ganti kode tulis deskripsi blog anda di sini dengan deskripsi blog anda.
-Dan ganti kode Kata kunci 1,Kata Kunci 2.Dan seterusnya Dengan kata kunci yang sesuai dengan blog anda.

BACA SELENGKAPNYA - META TAG

JUDUL BERGERAK

Cara Membuat Judul Blog Bergerak
Setelah Sebelumnya Klinik-it membahas soal SEO .kali ini klinik-it kembali akan membahas tentang tips-tips menarik mengenai Blog.Dalam postingan kali ini klinik-it akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser.Sebagai contoh lihat disini
Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.

1.LOGIN ke blogger.

2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.

3.Selanjutnya cari kode berikut ini.

<title><data:blog.pageTitle/></title>

4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>


<b:include data="blog" name="all-head-content">
<script language="JavaScript">
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.

5.Kalo udah selesai silakan klik SAVE TEMPLATE

BACA SELENGKAPNYA - JUDUL BERGERAK

CARA SETTING DOMAIN CO.CC

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai


2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")

Untuk option "TTL" biarkan saja, gak perlu dirubah2

Pada option "Type" pilih yang "CNAME"

Untuk kolom "Value" isikan "ghs.google.com"

Sehingga akan seperti pada gamabr dibawah ini:



Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"

Kemudian pilih "Switch to: • Custom Domain

Setelah itu klik pada "Already own a domain? Switch to advanced settings"

Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".


Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.


3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:
Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"

Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"

Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

BACA SELENGKAPNYA - CARA SETTING DOMAIN CO.CC

CARA MENGUBAH CURSOR PADA BLOGSPOT

assalamualaikum wr, wb

sekarang saya akan share tentang bagaimana cara mengubah cursor di blog kita dengan berbagai macam gambar? nah saya akan menjawabnya,,,hehehe

oke langsung ke tutorial saja boss..

1. Pilih tab “Tata Letak”.
2. Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
3. Pilih “HTML/JavaScript”
4. Copy kode di bawah ini pada tempat pengetikan:

<style type="text/css">body {cursor:url("http://www.123cursors.com/freecursors/7676.gif"),default}</style>

dan jika sobat ingin mengganti gambar cursor nya sobat bisa pilih di http://www.123cursors.com/
dan ambil alamat gambar nya kemudian ganti teks yang berwarna merah dengan alamat gambar sobat.


semoga bermanfaat. thanks

BACA SELENGKAPNYA - CARA MENGUBAH CURSOR PADA BLOGSPOT

CARA MEMBUAT EFEK BINTANG PADA CURSOR

cara membuat efek bintang pada cursor ini sudah banyak di share di beberapa blog, tapi disini saya posting lagi untuk mengisi kekosongan blog saya ini dan mungkin ada yang berminat mau mencobanya..

oke deh langsung saja ke turitorial nya aja.

1. Masuk ke dasbor
2. Tataletak + edit html

3. cari kode </body>
biar lebih cepat cari menggunakan control + f
kalo sudah ketemu
4. copy paste kode berikut dan pastekan dibawah kode  </body>

<script src="http://calvinalx.googlepages.com/Sparkle.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">var colour="white";</script>
 
ket: ganti teks berwarna merah (white) dengan warna kesukaan sobat, kalau sobat ingin mengubahnya menjadi warna merah maka ganti white dengan red.

dan selesai deh thanks dan terima kasih

BACA SELENGKAPNYA - CARA MEMBUAT EFEK BINTANG PADA CURSOR

CARA MEMBUAT MENU HORIZONTAL DROPDOWN

assalamualaikum wr, wb adalah awalan kata untuk kita memulai tips ini hehhe,

nih, ada yang keren yang saya dapat, yaitu cara membuat menu dropdown,
tips ini saya temukan di salah satu blog yang keren dan tampilannya menarik,

menu dropdown ini berfungsi sebagai wadah untuk meletak kan isi blog dan daftar apa saja yang ada di blog kita. dan tentunya menu ini memperindah blog kita.

oke deh langsung ke tutorial nya..

1. pertama-tama login ke dasbor anda
2. klik dan plih rancangan serta klik add widget javascript/HTML
3. copy teks dibawah ini dan pastekan di widget tadi

<style type="text/css">
#babi{background:url(http://lh3.googleusercontent.com/-ixgySORWjpg/T1_3miHt8RI/AAAAAAAAA_s/ZWUZBT78UNA/s35/catmenuhov.jpg); width:945px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 3px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; border-bottom:1px solid #666;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;}
#ngepet{width:700px; float:left; margin:0; padding:0;}
#jadah{margin:0; padding:0;}
#jadah ul{float:left; list-style:none; margin:0; padding:0;}
#jadah li{list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}
#jadah li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:8px 10px 8px; font:bold 11px Arial, Times New Roman;}
#jadah li a:hover, #jadah li a:active{background:url(http://lh3.googleusercontent.com/-oeHoTI_4VNk/T1_3Xt7xs3I/AAAAAAAAA_c/YZm8fsXKPyg/s284/widgettitle-bg.png);color:#fff; padding:9px 15px 9px; text-decoration:none;-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 12px;}
#jadah li li a, #jadah li li a:link, #jadah li li a:visited{background:url(http://lh4.googleusercontent.com/-NTMvWa4PgBw/T14ZMOBJ_jI/AAAAAAAAA6E/aZlo0d1jynY/s300/ctmenu.png); width:150px; color:#e5e3e3; text-transform:capitalize;position:left; float:none; margin:0; padding:2px 5px; border-bottom:1px solid #151f23; border-left:px solid #151f23;border-right:2px solid #151f23; font:normal 14px Georgia, Times New Roman;-moz-box-shadow: 1px 1px 10px #888;
-webkit-box-shadow:1px 1px 10px #888;
-webkit-border-radius: 6px;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;}
#jadah li li a:hover, #jadah li li a:active{background:url(http://lh3.googleusercontent.com/-oeHoTI_4VNk/T1_3Xt7xs3I/AAAAAAAAA_c/YZm8fsXKPyg/s284/widgettitle-bg.png); color:#fff; padding:3px 10px;-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 12px;}
#jadah li{float:left; padding:0;}
#jadah li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}
#jadah li ul a{width:140px;}
#jadah li ul ul{margin:-24px 0 0 170px;}
#jadah li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}
#jadah li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}
#jadah li:hover, #nav li.sfhover{position:static;}
#top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px; border:1px solid #ccc; word-wrap: break-word; overflow: hidden; font-size:13px;}
#top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;}
#top a:hover{color:#cc0000; text-decoration: underline;}
#top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}
.topleft {width: 304px; float: left; margin: 0; padding:0;}
.topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;}
.topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}
</style>
<div id='outer'>
<div id='babi'>
<div id='ngepet'>
<ul id='jadah'>
<li><a href='alamat Blog kamu'>Home</a></li>
<li><a href='#'>Fun</a>
<ul>
<li><a href='disini URL nya' target="_blank" >Cerita Lucu</a></li>
</ul></li>
<li><a href='#'>Lifestyle</a>
<ul>
<li><a href='disini URL nya' target="_blank" >Kesehatan</a></li>
<li><a href='disini URL nya' target="_blank" >Food</a></li>
<li><a href='disini URL nya' target="_blank">Motivasi</a></li>
</ul></li>
<li><a href='#'>Technology</a>
<ul>
<li><a href='disini URL nya' target="_blank">Handphone</a></li>
<li><a href='disini URL nya' target="_blank">Komputer</a></li>
</ul></li>
<li><a href='#'>Music</a>
<ul>
<li><a href='disini URL nya' target="_blank">Lirik Music</a></li>
</ul></li>
<li><a href='#'>Blogger</a>
<ul>
<li><a href='disini URL nya'target="_blank">Tips Blog</a></li>
<li><a href='disini URL nya'target="_blank">Tutorial Blog</a></li>
</ul></li>
<li><a href='#'>Download</a>
<ul>
<li><a href='disini URL nya'target="_blank">Download Icons</a></li>
<li><a href='disini URL nya'target="_blank">Download Template</a></li>
</ul></li>
<li><a href='#'>Games</a>
<ul>
<li><a href='disini URL nya'target="_blank">Point Blank</a></li>
</ul></li>
<li><a href='disini URL nya'target="_blank">News</a></li>
<li><a href='#'>Tool</a>
<ul>
<li><a href='disini URL nya' target="_blank">Kode Warna</a></li>
</ul></li>
</ul>
</div>
</div>
</div>








sumber: http://blazerracing.blogspot.com/2012/03/cara-membuat-menu-horizontal-drop-down.html

BACA SELENGKAPNYA - CARA MEMBUAT MENU HORIZONTAL DROPDOWN

CARA MEMBUAT READ MORE OTOMATIS DI BLOGSPOT

Assalamualaikum sobat blogger yang sangat haus akan internet..... :D
Nih ada tips cara membuat read more di blogspot kita, meskipun tips ini sudah agak basi tapi patut dipelajari para blogger mania.

Untuk lebih jelasnya kita juga harus tau apa itu read more, read more dalam bahasa indonesia nya adalah baca selanjutnya (kira-kira gitu deh,ane juga gak yakin :D ). Dengan read more ini, blog kita jadi kelihatan rapi dan simple, karena postingan-postingan yang kita publikasikan, terutama yang mempunyai karakter teks yang cukup panjang akan dipotong read more, dan bisa dibaca selanjutnya dengan mengeklik read more tersebut.
Oke udah dulu deh penjelasannya, langsung saja ke turitorialnya.


Pertama, silahkan menuju menu DESIGN -> Edit HTML, Cari kode
</head> kemudian letakan script dibawah ini di atas kode </head> jangan lupa save template/simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>

Read more: cara membuat readmore otomatis diblogspot by www.sebelitak.blogspot.com

Updates!: Kode Warna Biru berfungsi agar halaman statis tidak ikut terpenggal seperti halaman HOME.

Read more: cara membuat readmore otomatis diblogspot by www.sebelitak.blogspot.com
----------------------------------------------------------------------------------------------------------------------------
Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Kalo sudah silahkan klik preview kalau memang masih ragu-ragu lalu silahkan disimpan dan lihat hasilnya

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah
letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti
dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan
di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di
posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

BACA SELENGKAPNYA - CARA MEMBUAT READ MORE OTOMATIS DI BLOGSPOT

CARA MEMBUAT POSTINGAN DALAM BORDER

Dalam membuat postingan sebuah blog, kita biasanya terbiasa untuk bereksperimen mencoba semua fitur penulisan yang di sediakan oleh blogger. Selain karena latar belakang coba-coba, kegiatan kita dalam mengeksplorasi semua fitur penulisan postingan juga dikarenakan oleh keinginan kita untuk membuat tampilan postingan blog terlihat lebih menarik dan mengundang pengunjung untuk membaca. Menyisipkan gambar, memberi tabel dalam postingan, memberi video, memberi quote (keterangan kata), dsb. Akan tetapi, karena keterbatas fitur kita juga cenderung terpaku pada kreasi yang itu-itu saja. Kita harus menemukan sendiri bagaimana cara membuat ini, cara menambahkan itu dalam rangka mengemas tampilan postingan blog agar terlihat lebih menawan.

Salah satu contohnya adalah membuat border dalam postingan blog. Border berguna untuk memberikan bingkai pada tulisan agar terlihat lebih terfokus dan menawan. Dengan pemberian border juga akan membuat tulisan lebih mudah untuk dipahami poin pentingnya. Akan tetapi, karena fitur untuk membuat border belum disediakan oleh blogger, maka kita harus membuatnya sendiri dengan beberapa kode HTML yang perlu ditambahkan.

Bagaimana cara membuat border dalam postingan blog ini?

Pertama, masuk ke akun blogger kita.
Klik entri baru.
Saat masuk dalam halaman untuk menulis postingan blog, jangan masuk ke bagian compose, tetapi masuk lah ke bagian edit HTML untuk menuliskan kode HTML yang digunakan untuk membuat border yang diinginkan beserta tulisan yang akan muncul di dalam border tersebut. Setidaknya ada empat pilihan jenis border yang dapat kita gunakan, yaitu ;

Bentuk I

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 1px #000000 solid; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk II

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 1px #000000 dotted; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk III

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 1px #000000 dashed; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Bentuk IV

Kode HTMLnya adalah sebagai berikut ;

<div style="border: 2px #000000 solid; padding: 10px; background-color: #CEF6CE; overflow: auto; height: 50px; width: 300px; text-align: left;"> isi tulisan yang tampil dalam border </div>

Contoh hasilnya ;

Sekarang ini bisnis internet berkembang dengan pesat. Marketing yang dulunya berbasis offline kini mulai bergeser ke arah online. Hal ini sedikit banyak dipengaruhi oleh semakin berkembangnya teknologi informasi, banyaknya pengguna internet, dan luasnya jaringan pemasaran. Marketing di internet memiliki banyak sekali tipe terkait mekanisme operasinya, salah satunya adalah iklan dengan sistem Pay Per Click (PPC)

Keterangan :

1. Kode HTML border: 1px #000000, menunjukan warna dari border yang kita gunakan.
2. Kode HML padding: 10px, menunjukan jarak bagian dalam dari border dengan body.
3. Kode HTML background-color: #CEF6CE, menunjukan warna yang digunakan sebagai background dalam border yang kita buat.
4. Kode HTML text-align: left, akan menampilkan pemerataan tulisan dalam border yang dibuat, apakah rata kanan (right), rata kanan kiri (justify), atau rata tengah (center).
5. Kode HTML height: 50px, menunjukan tinggi dari boder. Sedangkan kode HTML width: 300px, menunjukan lebar border yang kita buat.

Mudah untuk membuatnya bukan? Yuk kita buat bersama-sama!
Kalau ada pertanyaan silakan tulis lewat kotak komentar ya kawan..
Salam blogger!






sumber: http://www.panduanbelajarblog.com/

BACA SELENGKAPNYA - CARA MEMBUAT POSTINGAN DALAM BORDER

CARA MEMBAGI POSTINGAN MENJADI 2 KOLOM

kadang saat kita posting sesuatu di blog kita terasa bosan karena tampilannya yang begitu begitu saja,
jadi ingin tampilan yang sedikit aneh pada postingan...

nah, sekarang saya ingin berbagi cara / tips membagi postingan menjadi 2 kolom. tips ini saya temukan setelah beberapa menit yang lalu di blog teman,,langsung deh saya proktek...

cara ini sangat mudah dan praktis,,karena cara ini bisa di pakai di semua postingan, satu postingan atau hanya beberapa postingan saja terserah anda, karena tips ini tidak harus mengedit HTML dan sebagai nya, tips ini hanya memerlukan sedikit pengeditan pada saat kita mengetikkan postingan kita.

oke langssung ke inti. untuk membagi postingan menjadi 2 kolom, kita harus mengetik di EDIT HTML bukan di COMPOSE,,ingat harus di EDIT HTML.

lau sudah berada pada edit html, maka anda harus copy teks di bawah ini

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


pastekan teks diatas di dalam edit html (bukan compose) dan masukan postingan anda pada teks yang berwarna merah dan save.


lihat hasil nya,,, mudah kan hehe...

nih lihat hasil punya ku
http://boesandi.blogspot.com/2012/04/bahaya-virus-tomcat-bahaya-virus-tomcat.html


thanks dan jangan lupa komentar nya...



sumber:  http://www.panduanbelajarblog.com/

BACA SELENGKAPNYA - CARA MEMBAGI POSTINGAN MENJADI 2 KOLOM

CARA MEMBUAT SCROLL VIDEO DI BLOG

assalaumualaikum wr, wb

setelah keliling-keliling mencari tips yang agak berbeda dan ahirnya ketemu juga,,

tips ini sebenarnya untuk teks area tapi saya pake untuk video, heheheh maaf ya agan yang share teks video nya di ubah-ubah....

okeh, scroll video di blog ini berfungsi supaya video video(youtube) yang kita upload tidak memenuhi layar blog kita, dan tentunya untuk memperindah tampilan blog..

langsung saja ke tutorial:

1. login ke dasbor blog anda.
2. tambah widget Javascript/HTML
3. copy text dibawah ini dan pastekan di widget JS/HTML tadi


<div style="width: 350px; height: 350px; background-color: rgb(160, 255, 255); color: rgb(0, 0, 0); font-family: arial; font-size: 12px; text-align: left; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-image: initial; overflow-x: auto; overflow-y: auto; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; ">

code video anda




</div>



4. save widget


selesai.

keterangan: teks yang berwarna merah anda ganti dengan code script video yang ingin anda tampilkan

maka hasil nya akan seperti:

BACA SELENGKAPNYA - CARA MEMBUAT SCROLL VIDEO DI BLOG

CARA MENGHAPUS (DELETE) KOMENTAR DI BUKU TAMU

hampir setiap blog menggunakan buku tamu sebagai fitur yang praktis untuk berkomunikasi, lebih tepatnya untuk memberi saran, komentar, yang sifatnya membangun dan dengan buku tamu ini para pengunjung bisa lebih leluasa mengetikkan komentar tentang blog kita.

kelleluasaan ini yang kadang membuat buku tamu kita dicemari oleh komentar-komentar yang bersifat membangun, malah ingin menjatuhkan.

komentar seperti ini (spam comment) / komentar tidak baik ini bisa kita hapus dari chatbox/buku tamu blog kita,

caranya mudah sekali.

oh iya, tips ini saya khusus kan bagi yang menggunakan jasa buku tamu dari cbox.ws

oke langsung ke tips:

1. anda pergi dulu ke www.cbox.ws (jangan pergi ke WC)
2. login kan username dan password anda cbox.
3. setelah login anda bisa melihat tool submenu " messages" dan pilih messages, setelah itu klik messages lagi

4.setelah anda klik maka anda akan beralih ke halaman seperti gambar dibawah ini

dan jika anda sudah melihat seperti gambar diatas maka anda bisa mencentang kotak kecil yang ada disebelah nama dan komentar, jika komentar yang ingin di hapus sudah dicentang maka pilih delete.

dan selesai

nah, mudah kan...okeh sekian dan terima kasih..

BACA SELENGKAPNYA - CARA MENGHAPUS (DELETE) KOMENTAR DI BUKU TAMU

Kode - Kode Menarik Pada Cbox (Buku Tamu)

setelah merasa lelah posting, saya cuman browsing-browsing dan cuman komentar aja di blog teman.

dan karena hoby saya liat liat tentang blog, yah langsung terpikir dan memikirkan " kenapa teman yang lain bisa beda komentarnya di buku tamu? " biasa ada yang bold, arial, berwarna dan lain sejenisnya hahahahaha.....

karena penasaran, langsung saja saya meluncur dengan google dan mencari apa yang ingin di capai, akhir nya ketemu trik Cara membuat teks-teks menarik di buku tamu.

langsung saja kita ke tujuan nya yaitu kode kode menarik pada chatbox/buku tamu:

1. Tulisan Teks Tebal (Bold)

[b] text sobat [/b]

2. Tulisan Teks Miring (Italic)

[i] text sobat [/i]

3. Tulisan Bergaris Bawah (Underline)

[u] text sobat [u/]

4. Tulisan Berukuran Besar

[big] text sobat [/big]

5. Tulisan Bergaris Tengah (Strikethrough)

[s] text anda [/s]

6. Teks Berukuran Kecil

[small] text sobat [/small]

7. Teks Berjalan

[scroll] text sobat [/scroll]

8. Teks Ber-Link

[url] text sobat [/url]

9. Teks Rata Tengah (Center)

[center] text sobat [/center]

10. Tulisan Berwarna

[color=kode warna] text sobat [/color]

Dibawah ini adalah kode warna untuk nomor 10 :

Berikut kode warna untuk trik no 10. 

• [color=gold] Tulisan Anda[/color]

• [color=silver] Tulisan Anda [/color]

• [color=violet] Tulisan Anda [/color]

• [color=hotpink] Tulisan Anda [/color]

• [color=navyblue] Tulisan Anda [/color]

• [color=tan] Tulisan Anda [/color]

• [color=aqua] Tulisan Anda [/color]

• [color=teal] Tulisan Anda[/color]

• [color=lime] Tulisan Anda [/color]

• [color=red] Tulisan Anda[/color]

• [color=blue] Tulisan Anda [/color]

• [color=green] Tulisan Anda [/color]

• [color=yellow] Tulisan Anda [/color]

• [color=pink] Tulisan Anda [/color]

• [color=purple] Tulisan Anda [/color]

• [color=brown] Tulisan Anda [/color]

• [color=bronze] Tulisan Anda [/color]

• [color=orange] Tulisan Anda[/color]

• [color=black] Tulisan Anda [/color]

• [color=white] Tulisan Anda [/color]

diatas adalah kumpulan kode-kode yang sobat inginkan dan langsung bisa di praktekkan.

oke sobat blogger, udah dulu ea, Thanks Udah mampir....

sumber: http://farizspanda.blogspot.com/

BACA SELENGKAPNYA - Kode - Kode Menarik Pada Cbox (Buku Tamu)

CARA CEPAT TERINDEKSI GOOGLE DENGAN AUTO PING

Cara Auto Ping Artikel Blog

1digg

Hay sobat blogger, pada kesempatan kali ini saya mau tentang "auto-ping".
 Apa itu auto-ping ?
Auto-ping adalah alat agar artikel sobat cepat ter-indeks search engine, 

memberi tahu search engine bahwa blog kita update dan masih diurus,
 dan pastinya akan menambah pengunjung blog sobat.
Caranya adalah sebagai berikut :

1. Setiap selesai posting artikel, sobat masukkan kode dibawah ini

<!-- auto ping by http://www.auto-ping.com/ -->

<a href="http://www.auto-ping.com/ping7226" target="_blank">

<img src="http://www.auto-ping.com/iping.php?
aut=EF14380489BD68920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C1"
 alt="Ping your blog, website, or RSS feed for Free" border="0" />

</a>

<!-- auto ping by http://www.auto-ping.com/-->

2. Setelah artikel di-publish, sobat klik tombol auto-ping tersebut

3. Selesai. (Contohnya seperti dibawah ini)

sumber: http://farizspanda.blogspot.com/

BACA SELENGKAPNYA - CARA CEPAT TERINDEKSI GOOGLE DENGAN AUTO PING