Cara Membuat Navbar Horizonal Multi Level

Wah lama neh sob ga buat postingan. Jadi inget neh ada proyek buat kumpulan tutorial bloger. Langsung aja kali ini saya akan ngasih tau caranya buat navigasi horizontal multi level. Biasanya pada setiap templete udah ada menu seperti ini, tetapi kadang ada yang kurang lengkap karena tidak multi level. Eiiitss bukan MLM lho.. Bagi sobat yang udah mahir mungkin postingan kali ini bisa buat koleksi aja.

Langsunga aja ke TKP..seperti biasanya sobat Login ke bloger dan sebagainya langsung masuk ke Edit HTML. Jangan lupa download templete dulu, buat jaga jaga.

Langsung saja langkahnya sebagai berikut :

Cari kode </b:skin>

Copy paste kode dibawah ini sebelum  kode </b:skin>

.jqueryslidemenu{

font: bold 12px Verdana;

background: #414141;

width: 100%;

}


.jqueryslidemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}


/*Top level list items*/

.jqueryslidemenu ul li{

position: relative;

display: inline;

float: left;

}



/*Top level menu link items style*/

.jqueryslidemenu ul li a{

display: block;

background: #414141; /*background of tabs (default state)*/

color: white;

padding: 8px 10px;

border-right: 1px solid #778;

color: #2d2b2b;

text-decoration: none;

}


* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}


.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{

color: white;

}


.jqueryslidemenu ul li a:hover{

background: black; /*tab link background during hover state*/

color: white;

}


/*1st sub level menu*/

.jqueryslidemenu ul li ul{

position: absolute;

left: 0;

display: block;

visibility: hidden;

}


/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{

display: list-item;

float: none;

}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{

top: 0;

}


/* Sub level menu links style */

.jqueryslidemenu ul li ul li a{

font: normal 13px Verdana;

width: 160px; /*width of sub menus*/

padding: 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid gray;

}


.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/

background: #eff9ff;

color: black;

}


/* ######### CSS classes applied to down and right arrow images ######### */


.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

}


.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}

Cari code </head>

Copy paste code dibawah ini sebelum code </head>

<!--[if lte IE 7]>

<style type="text/css">

html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/

</style>

<![endif]-->



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

<script src=' http://h1.ripway.com/anshul555/slidemenu_horiz.js ' type='text/javascript'/>

Cari code seperti ini

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Testing templates (Header)' type='Header'/>

</b:section>

</div>

Copy paste code dibawah ini tepat di bawah code tersebut di atas.

<div class='jqueryslidemenu' id='myslidemenu'>

<ul>

<li><a href='http:marchsya.blogspot.com'>Home</a></li>

<li><a href='#'>Daftar Isi</a></li>

<li><a href='#'>Tutorial Blog</a>

<ul>

<li><a href='#'>Sub Item 1.1</a></li>

<li><a href='#'>Sub Item 1.2</a></li>

<li><a href='#'>Sub Item 1.3</a></li>

<li><a href='#'>Sub Item 1.4</a></li>

</ul>

</li>

<li><a href='#'>Islam</a></li>

<li><a href='#'>Folder 2</a>

<ul>

<li><a href='#'>Sub Item 2.1</a></li>

<li><a href='#'>Folder 2.1</a>

<ul>

<li><a href='#'>Sub Item 2.1.1</a></li>

<li><a href='#'>Sub Item 2.1.2</a></li>

<li><a href='#'>Folder 3.1.1</a>

<ul>

<li><a href='#'>Sub Item 3.1.1.1</a></li>

<li><a href='#'>Sub Item 3.1.1.2</a></li>

<li><a href='#'>Sub Item 3.1.1.3</a></li>

<li><a href='#'>Sub Item 3.1.1.4</a></li>

<li><a href='#'>Sub Item 3.1.1.5</a></li>

</ul>

</li>

<li><a href='#'>Sub Item 2.1.4</a></li>

</ul>

</li>

</ul>

</li>

<li><a href='http://marchsya.blogspot.com'>Tukar Link</a></li>

</ul>

<br style='clear: left'/>

</div>

Terus di SAVE

Dan coba deh....moga berhasil dan bermanfaat....jika sobat ada yang mau menambahkan silahkan aja..

Baca Lengkap - Cara Membuat Navbar Horizonal Multi Level

Keyboard Shortcuts Untuk Mozzila

Pa kabar sobat semuanya?? Dah lama neh ga OL, maklum banyak kesibukan di dunia nyata..Kangen lagi neh ma bloging..eh buat sobat semuanya yang browsernya pake Mozilla Firefox, ada sedikit tips neh. Biasanya kita lebih terbiasa gunakan mouse untuk manfaatin menu menu yang ada di mozilla. Tips ini agak berbeda karena kita hanya menggunakan key board untuk mengoperasikan semuanya. Teapi bagi yang tidak terbiasa kadang malah menyusahkan, karena harus menghafal. Namun bagi yang terbiasa kana sangat membantu karena bisa mempersingkat kerja kita.Langsunga aja deh ne key yang bisa digunakan di Mozilla.

Keyboard Shortcuts

CTRL + A Select all text on a webpage

CTRL + B Open the Bookmarks sidebar

CTRL + C Copy the selected text to the Windows clipboard

CTRL + D Bookmark the current webpage

CTRL + F Find text within the current webpage

CTRL + G Find more text within the same webpage

CTRL + H Opens the webpage History sidebar

CTRL + I Open the Bookmarks sidebar

CTRL + J Opens the Download Dialogue Box

CTRL + K Places the cursor in the Web Search box ready to type your search

CTRL + L Places the cursor into the URL box ready to type a website address

CTRL + M Opens your mail program (if you have one) to create a new email message

CTRL + N Opens a new Firefox window

CTRL + O Open a local file

CTRL + P Print the current webpage

CTRL + R Reloads the current webpage

CTRL + S Save the current webpage on your PC

CTRL + T Opens a new Firefox Tab

CTRL + U View the page source of the current webpage

CTRL + V Paste the contents of the Windows clipboard

CTRL + W Closes the current Firefox Tab or Window (if more than one tab is open)

CTRL + X Cut the selected text

CTRL + Z Undo the last action

F1 Opens Firefox help

F3 Find more text within the same webpage

F5 Reload the current webpage

F6 Toggles the cursor between the address/URL input box and the current webpage

F7 Toggles Caret Browsing on and off. Used to be able to select text on a webpage with the keyboard

F11 Switch to Full Screen mode

Moga bermanfaat.

Baca Lengkap - Keyboard Shortcuts Untuk Mozzila

Read More Otomatis ( Auto Read More )

Sobat semua pasti dah tahu banget yang namanya read more. Biasanya blog / website menggunakan  read more untuk menyingkat posting artikel agar terlihat rapi. Banyak sekali versi read more. Yang akan saya share kali ini adalah read more yang secara otomatis bisa mengatur tampilan. Yang dimaksud di sini yaitu kita tidak perlu bersusah payah memotong artikel yang akan di tampilkan di depan. Tetapi sudah otomatis terpotong berdasarkan jumlah karakter yang dapat kita setting sendiri. Ga seperti read more yang lain yang harus memotong secara manual, tetapi program ini dah bekerja otomatis. Ada lagi fasilitas yang lain yaitu  mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungkin lebih tepatnya image thumbnail. Tidak hanya itu masih banyak fasilitas lainya.

Ga usah muter muter langsung aja ke TKP. 

Oya bagi sobat semua yang sudah terlanjur menggunakan read more versi lama / manual sebaiknya templete di kembalikan seperti semula kayak waktu masih perawan gtu..hehehe..

Bingung caranya? Ya udah gini aja. masuk ke EDIT HTML, Cari kode seperti ini.

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'&gt;Readmore</a>
</b:if>
<div style='clear: both;'/>

Lalu hapus kode yang berwarna merah. Setelah itu di save.

Masih di halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Jangan lupa di save.

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>

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)

Semoga bermanfaat.

Referensi http://en.vietwebguide.com  

Baca Lengkap - Read More Otomatis ( Auto Read More )

Cara Menampilkan Jumlah Total Posting dan Komentar

Dah beberapa hari neh ga posting. Bingung mau postingin yang mana, akhirnya nemu ide...tapiii....mungkin postingan kali ini ga bermutu lagi. Tapi mungkin bisa sedikit bermanfaat buat para bloger. Kali ini saya akan membagi cara bagaimana agar blog kita bisa memberikan laporan jumlah total postingan dan komentar yang pernah masuk. Yah itung itung sebagai pelangkap aja.

Langsung aja ke TKP. Seperti biasanya login ke blogspot dan sebagainya. Terus langsung aja klik tambah gadget trus pilih HTML/Java script..Kayak biasanya gitu lah..Terus copy paste aja script dibawah ini.

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posting: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Komentar: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src="http://[blog km sob]/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://[blog km sob]/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

Ada satu lagi, jangan lupa ganti [blog km sob] dengan alamat blog sobat, sebab kalau sobat sengaja ataupun ga sengaja ga merubah, saya jamin programnya ga bakalan berjalan. Percaya aja deh..

Terus Save..jadi deh 

Di coba dulu yah. jangan lupa kasih komentar biar reportnya banyak..

Baca Lengkap - Cara Menampilkan Jumlah Total Posting dan Komentar

Cara Upload Foto atau Gambar

Masih dari kelanjutan tutorial blog. Kali ini saya akan memberikan cara-cara memasukan gambar atau foto dalam postingan. Sudah jelas sekali gambar atau foto sangat penting sekali. Selain untuk memperjelas isi artikel yang diposting, gambar atau foto juga bisa untuk mempercantik blog kita. Cara untuk memasukan foto atau gambar sangat gapang sekali. 

Berikut cara caranya.

Seperti biasa login ke blogspot lalu masuk ke menu posting. Halaman yang terbuka sama seperti waktu membuat postingan. Setelah itu kita tinggal klik gambar panorama  

Maka akan terbuka jendela seperti ini :

Lalu tinggal klik browse, trus cari gambar atau foto yang akan di masukan. Tunggu beberapa saat sampai proses upload selesai. Setelah upload selesai klik ok. Maka gambar atau foto sudah masuk dalam form postingan.

Untuk mengedit gambar sebagai berikut. Klik gambar yang akan di edit. lalu akan muncul menu toolbar seperti ini.

Sliahkan  sobat atur ukuran gambar dengan mengklik 

• small ( ukuran gamabar kecil ) 
• Medium ( ukuran gambar sedang ) 
• Large ( ukuran gambar besar ) 
• X-Large ( ukuran gambar lebih besar ) 

Atau kalau sobat pengen menentukan ukuran gambar sendiri tinggal klik 2x pada gambar yang akan di edit lalu atur ukuran sesuai keinginan. Menu selanjutnya yaitu 

• Left ( posisi gambar di sebelah kiri )
• Center ( posisi gambar ditengah ) 
• Right ( posisi gambar di sebelah kanan ).

Bila sobat akan menghapus gambar, klik gambar yang dipilih lalu klik remove.

Sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu sobat harus menghapus beberapa kode HTML. Jika foto sobat sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:

1. Setelah upload gambar, klik menu Dasboard


2. Klik menu Edit Profile


3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah sobat copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]


4. Klik Save Profile, maka foto sobat  sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia

Semoga bermanfaat.

Baca Lengkap - Cara Upload Foto atau Gambar

Cara Membuat Postingan Artikel

Pa kabar sobat semua? Setelah beberapa lama ga bisa memposting artikel secara normal karena ada beberapa masalah dengan blog, sekarang saya lanjutin membuat proyek tentang bloger tutorial. Kali ini saya akan mempostingkan bagaimana caranya membuat postingan. Mungkin hal ini cukup sepele tapi ini juga merupakan hal yang sangat penting. Karena setiap blog pasti membutuhkan posting. Yap langsung aja ke TKP

Seperti biasa login dan sebagainya terus masuk ke posting-->entri baru maka akan muncul jendela seperti ini :

Nah di situ terdapat banyak toolbar, saya akan menerangkan fungsi dari masing masing toolbar tersebut :

--> Untuk merubah jenis huruf yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Udah jelas semua bukan?

Lalu sekarang tinggal caranya membuat postingan. Pastikan kita sudah masuk di compose ini biar kita tidak bingung kalo kita tidak menguasai code HTML. Setelah siap semua kita tinggal membuat tulisan, langsung ngetik aja disitu atau kalau sobat sudah punya bahan artikel yang sudah di ketik di Ms Word atau lainya tinggal copy paste di form postingan, lalu di edit.

Terus jika sobat ingin memasukan gambar, tingal klik aja toolbar yang gambarnya panorama. trus ikuti perintahnya disitu..gampang koq.

Setelah proses pengeditan selesai semua kita tinggal klik publikasi / terbitkan entri. Nah sekarang postingan sobat udah beredar ke seluruh dunia..semoga sukses.

Baca Lengkap - Cara Membuat Postingan Artikel

Tips key alternatif untuk mengedit posting ( hanya menggunakan keyboard )

Alhamdulillah..satelah beberapa hari pusing dan sters gara gara blog lagi kacau..form postingan ga bisa normal karena semua toolbar hilang dan tampilan acak acakan sekarang sudah bisa bernafas lega. Sekarang udah normal lagi, setelah di utak atik siang malam akhirnya berhasil juga menormalkan blog ini. Tapi sayangnya saya ga tau jelas bagian mana yang menyebabkan blog jadi troubl, jadi ga bisa berbagi cara menangni kalo blog error kayak kemaren ma sobat semua..maaf banget ya,,

Tapi mungkin sobat semua bertanya tanya katanya blog eror dan ga bisa buat kirim posting tetapi kenapa kemarin bisa publikasikan postingan 

dhizzoft kena masalah Sobat semua ada yang bisa bantu ga?

Nah jadi ceritanya gini..kemaren waktu blog masih error emang ga bisa buat posting secara normal..terus saya mencoba kirim posting bantuan, Saya ngetik dulu di Ms Word lalu di copy di form postingan yang acak acakn itu..untuk mengedit saya menggunakan keyboard karena semua toolbar hilang otomatis mouse ga berfungsi..lha utuk mengedit yang saya gunakan antara lain :

• control + b = Cetak Tebal
• control + i = Cetak Miring
• control + l = Blockquote (hanya pada mode HTML)
• control + z = Undo
• control + y = Redo
• control + shift + a = Link
• control + shift + p = Pratinjau
• control + d = Simpan sebagai Draft
• control + s = Publikasikan Kiriman
• control + g = Transliterasi bahasa Hindi

Tetapi tetep aja ga bisa masukin gambar karena saya ga tahu pake key yang mana..mungkin kalau sobat ada yang tahu bisa menambahkan..Terus saya publikasikan, untung aja blog ini mengunakan auto read more jadi bisa mengatur tampilan posting sendiri..Lha buat sobat semua mungkin key yang saya postingkan di atas bisa dijadikan alternatif untuk mengedit postingan hanya lewat keyboard. Mungkin pengalaman saya ini bisa bermanfaat bagi sobat semua. 

Sekarang blog saya udah normal lagi jadi bisa lanjutin ngeblog lagi deh..

Baca Lengkap - Tips key alternatif untuk mengedit posting ( hanya menggunakan keyboard )

Cara Menyetting blog

Posting kali ini adalah kelanjutan posting sebelumnya yaitu cara membuat blog di Blogspot. setelah Sobat mempunyai blog langkah awal yang musti di lakukan yaitu mengatur/setting blog.Berikut langkah-langkahnya :

1. Silahkan sobat Login ke blogspot.com dengan user name dan password milik sobat
2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :

• Judul ⇒ isi dengan judul blog sobat. Contoh : dhizzoft

• Uraian ⇒ isi dengan deskripsi blog sobat.

• Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.

• Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya

• Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya

• Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa

• Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)

• Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya

• Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)

• Klik tombol Simpan Pengaturan . Selesai

4. Klik Publikasi untuk mengatur menu Publikasi :

• Alamat Blog*Spot ⇒ isi dengan nama blog sobat.  Biasanya alamat yang tercantum adalah langsung alamat blog sobat, jadi jangan di ubah aja.

• Klik tombolSimpan pengaturan. Selesai

5. Klik Format untuk mengatur menu format :

• Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 5 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak lima posting. Pilih posting (jangan hari) pada menu pulldown.

• Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.

• Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang Sobat sukai.

• Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.

• Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.

• Bahasa ⇒ Pilih bahasa yang di inginkan.

• Tampilkan Field judul ⇒ Pilih ya
atau tidakpun tidak apa-apa

• Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.

• Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa

• Klik tombol Simpan Pengaturan. Selesai

6. Klik Komentar Untuk mengatur menu komentar :

• Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung

• Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.

• Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.

• Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.

• Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.

• Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.

• Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.

• Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).

• Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.

• Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.

• Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.

• Klik tombol Simpan Pengaturan. Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan :

• Frekuensi Arsip ⇒ pilih Bulanan.

• Aktifkan Halaman Posting? ⇒ pilih ya.

• Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs :

• Izinkan Feed Blog ⇒ pilih Penuh.

• Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.

• Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.

• Klik tombol Simpan Perubahan. Selesai.

Baca Lengkap - Cara Menyetting blog

Cara membuat blog di Blogspot

Wah mungkin posting ini ga bermutu banget bagi sobat yang dah ahli ( web master ). Tetapi bagi para pemula seperti saya mungkin sangat berguna. Posting kali ini juga sekaligus mengawali keinginan saya untuk merilis tutorial blog dalam blog saya. Langsung saja saya akan posting gimana caranya membuat blog di Blogspot.

Langsung saja masuk ke situs http://blogspot.com. Sebelumnya pastikan sobat udah punya account e-mail. 

Setelah terbuka tampilanya kira-kira seperti ini

Terus klik menu BUAT BLOG

tampilanya kira kira seperti ini

Isi semua kolom kolom yang disediakan. Masukan juga kode Verifikasi Kata yang diberikan. Lalu centang kotak Penerimaan Persyaratan. Terus klik " Lanjutkan ".

Tampilan halaman selanjutnya kira-kira seperti ini

Isi semua kolom yang disediakan dan jangan lupa cek ketersediaan nama blog anda. setelah itu klik lanjutkan.

Tampilan halaman berikutnya kira-kira seperti ini

Pilihlah templete sesuai yang sobat inginkan. Lalu klik Lanjutkan.

Nah sekarang blog Sobat sudah jadi dan Sobat sudah siap untuk bloging...selamat mencoba

Baca Lengkap - Cara membuat blog di Blogspot

Cara Daftar Seaech Engine GOOGLE

Setelah anda membuat sebuah web/blog, trus apa yang sebaiknya anda lakukan agar web/blog anda terkenal? ya betul, segeralah daftarkan web/blog anda di Search Engine atau mesin pencari seperti Google, Yahoo, Msn.
Ketiga katagory inilah Search Engine yang paling populer saat ini. Dibawah ini akan menjelaskan langkah - langkah mendaftar di Google.com. Semoga bermanfaat  terutama bagi seorang blogger pemula... :)

Penting :

Dibawah ini ada sedikit tips untuk memenuhi persyaratan agar web/blog anda terdaftar. karna web/blog anda bisa ditolak oleh Google. Silahkan di pahami :

1. Lengkapi header di setiap halaman
   
   Header yang terdiri dari title, meta description, dan meta keyword harus diisi dengan kata - kata yang relevan dengan isi website. Hal ini semakin memudahkan search engine untuk menyimpan isi halaman website Anda dalam databasenya.
   
   
2. Website Anda harus mengandung unsur text
   
   Search engine membaca file non-binary pada website Anda. Text - text yang terdapat di dalamnya akan disimpan dalam database search engine tersebut sehingga akan muncul pada pencarian dengan kata kunci yang relevan dengan isinya. Sangat tidak disarankan membuat suatu website dalam full flash karena teknologi search engine saat ini tidak dapat membaca file flash
   
   
3. Buat semua halaman dengan lengkap
   
   Sebelum Anda mulai mendaftarkan website Anda pada search engine, silahkan buat seluruh halaman dengan lengkap. Jangan sampai ada deadlink. Biasanya search engine tidak banyak mereferensikan hasil pencariannya pada website yang masih terdapat banyak deadlink.
   
   
4. Sebaiknya membuat sitemap
   
   Untuk mempermudah search engine menemukan halaman - halaman pada website Anda, buatlah sitemap yang berisi link ke seluruh halaman dalam website tersebut.

Untuk mendaftar ke google, silahkan kunjungi http://www.google.com/addurl/ , halamannya seperti gambar di bawah ini.

Nah apabila sudah berada pada halaman pendaftaran silahkan mengisi form yang telah disediakan :

URL           :  Isi dengan URL web/blog anda contoh : http://putroweb.blogspot.com/
Comments :  Isi dengan keyword atau kata kunci yang berhubungan dengan blog
                      contoh : pemograman, tutorial,  free download dll.
Isi kode verifikasi yang terlihat
Lalu Klik tombol Add URL

Selesai... :)

Baca Lengkap - Cara Daftar Seaech Engine GOOGLE