Manfaat Networkedblog

Gambar di samping menunjukkan salah satu efek bagus dari tetworking blog, Baru posting sehari sudah lebih dari 100 pengunjung, dibanding posting sebelumnya saja yang hanya 13 pengunjung. Eh tapi tentu saja dengan sedikit keberuntungan, postingan yang menarik dan di rekomendasikan oleh orang yang menarik pula.

Cara mudah terindeks google

Bagaimana cara agar tulisan kita pada blog kita dapat terindeks oleh google? Kenapa? Karena tidak kita pungkiri lagi bahwa kebanyakan pengunjung internet menggunakan google sebagai perujuk mereka untuk menemukan postingan kita. Bagi pengguna blogger yang menggunakan akun google hal ini akan sangat mudah dengan mendaftarkan blog kita pada webmaster tools-nya google.

Komentar Google+ pada blogger

Mulai hari ini, Anda dapat membawa Google+ Komentar untuk blog Blogger Anda. Setelah Anda mengaktifkan fitur melalui Dashboard Blogger Anda. Dimana membaca dan menanggapi komentar dapat menjadi salah satu aspek yang paling berharga dari blogging. Mereka tidak hanya membantu Anda terhubung dengan pembaca Anda, mereka juga dapat menginspirasi entri blog kemudian. Tantangannya, seringkali, mengikuti semua percakapan di sekitar konten Anda - di Google+, misalnya, serta di website Anda. Jadi kita membuat hal-hal jauh lebih sederhana.

Cara sembunyikan navbar blogger

Kini (entah mulai kapan pastinya) blogger kita telah difasilitasi dengan alat untuk menyembunyikan navbar dengan mudah. Kalu dulu kita harus kita harus pakai script-script untuk menyembunyikan navbar tersebut seperti pada postingan saya di sini "cara menyem bunyikan navbar"  (tulisan saya di bulan desember 2007) maka kini sudah disediakan menunya dengan mudah.

Program Kerja Administrasi

Contoh program kerja administrasi menjadi salah satu topik tulian saya yang beberapa hari ini sering dikunjungi. Itu menandakan bahwa para pelaku dunia pendidikan terutama bidang administrasi sudal mengalami peningkatan. Maksudnya sudah ada kepedulian adminsitratif terhadap perencanaan suatu kegiatan. Diharapkan seluruh komponen dunia pendidikan juga akan lebih memahami prinsip-prinsip manajemen (modern) dalam melaksanakan tugasnya agar pendidikan di Indonesia bisa lebih maju dan teradministrasi dengan baik.

Manfaat networkedblog

Perlu diketahui bahwasannya blog saya ini menggunakan (telah didaftarkan pada) networkedblog. Manfaat dari networkedblog tersebut adalah dengan melakukan posting/ menulis artikel pada blog ini, maka secara otomatis tulisan/ postingan tersebut selain dipublikasikan di blog ini sendiri juga secara otomatis tulisan ini akan masuk pada timeline akun twitter saya, selain itu juga akan otomatis terposting/ tertulis pada wall akun facebook saya. Jadi ibarat peribahasa dengan networkedblog sekali dayung tiga pulau terlampaui. Lets blogging!

Tema Blog Personal

Memiliki banyak blog dengan target banyak pengunjung dan harapan bisa untuk monetize menuntut kita untuk dengan tepat memilih tema blog kita. Tapi ketika blog tidak kita targetkan untuk monetize maka ada tema-tema alternatif untuk blog personal.
Blog personal bisa bertemakan catatan kehidupan sehari-hari (semacam buku harian). Tema opini juga cocok untuk blog personal. Selain itu blog personal juga bisa kita pilih tema album foto-foto koleksi kita. Dan tema tambahan yang sedang saya terapkan pada blog Hafid Junaidi adalah tema bahasa daerah (dalam hal ini penggunaan bahasa jawa).

Cara menggunakan template T-buku

Iseng-iseng kemarin blog walking saya menemukan template bagus dari freefreetemplates.blogspot.com dengan model dinamakan T-buku. Hanya saja bila kita coba mengaplikasikan pasa blog kita, kita akan menemukan kesulitan dalam mengatur  tata letak atau layout tempate tersebut, sehingga kita tidak bisa menambahkan widget batu dengan menggunakan tempate tersebut. Lalu bagaimanakah caranya menggunakan tempalte T-buku tersebut agar dapat kita tambahi widget kesukaan kita?

Thanks to blogvertise

Finally this blog accepted by blogvertise, and hopefully there will be many works to thisblog , truely this blog have been long enough don't update because content from this blog which is truely limited to study blog design at this blog and a few joomla is stagnan, not yet been developed again.

This matter caused by me as owner blog have felt enough with the design, remain my duty is to filling its contents. My expectation, work to be given blogvertise can to the more useful and yield. he5.

Thanks

Link halaman baru

Baiklah, sekarang akan kita bahas tips sederhana blogger. Kali ini saya akan mencoba membahas tentang bagaimana kita membuat link di blog kita, dimana ketika link tersebut di-klik, maka akan membuka tab baru (bila pakai browser seperti firefox) atau nantinya akan membuka jendela baru (seperti kalau pakai browser internet explorer).

Caranya cukup mudah. Pada dasarnya kita bisa menambah sedikit kode pada pemanggilan link (HTML), kode-kode tersebut bisa saja berada pada postingan, maupun template. Di template pun bisa pada edit HTML, bisa juga pada elemen halama, pokoknya dimana ada "sifat" link, maka kita bisa menerapkan tips ini.

Jadi umumnya kode link pada HTML tuh seperti ini:

<a href="http://www.bla-bla-bla....">

atau

<a expr:href='data:link.target'>

maka kita bisa menambahkan kode

<a href="http://www.bla-bla-bla.." target="_blank">

atau

<a expr:href='data:link.target' target='_blank'>

mudah banget kan! semoga bermanfaat ya! terutama buat dewi atau dewi

Memasang Icon

Sekarang kita bahas bagaimana caranya memasang icon pada blogger kita (seperti permintaan mbak Yuli), sehingga nantinya di depan alamat web addres kita menggunakan icon kita sendiri menggantikan icon blogger. Yang perlu dilakukan adalah menambahkan gambar icon yang telah anda buat (caranya bisa dilihat pada tulisan sebenlumnya) pada edit html template anda.

jadi pertama masuklah pada account blogger anda, pada dashboard/panel kontrol, langsung ada pilih layout sehingga anda menuju pada edit template. Buka pada edit html. lalu carilah kode seperti ini:

<title>....................(isinya judul blog)</title>
<b:skin><![CDATA[/*

maka setelah itu tambahkan kode alamat dimana anda menghosting icon anda. Dari beberapa free hosting yang saya pakai, maka saya sarankan memakai geocities.

<title>....................(isinya judul blog)</title>
<link href='http://www.geocities.com/.../favicon.ico' rel='shortcut icon'/>
<b:skin><![CDATA[/*

Untuk dapat menggunakan layanan geocities yahoo, caranya mudah, masuk saja pada yahoo.com dan pada feature service pilih geocities. Pastikan anda memiliki account yahoo. Terutama accout.com, saya pernah coba daftar menggunakan account .co.id selalu gagal. Lalu seperti biasa masuklah menggunakan login account yahoo anda.

Lalu setelah itu pilih saja Sign up now pada get a site for free. Karena layanan itulah yang gratis.

Setelah anda masuk control panel geocities anda, maka masuklah pada creaqte & update, lalu pilih file manager. Lalu pilih upload file. Lha, disinilah kita mengupload icon kita. Pilih file icon yg telah kita buat dan upload di situ. Maka setelah selesai upload, refresh dulu, setelah itu akan tampil seperti ini:

Untuk mengetahui alamat icon kita agar bisa kita pasang pada blog kita (kode di atas tadi) maka klik pada view, maka address itulah yang kita masukkan ke editan html bloog kita.


Semoga tips ini bermanfa,at, SUKSES SELALU!

Membuat Icon

Baiklah, sekarang akan kita bahas cara membuat icon. Nanti pada pembahasan kedua akan kita bahas bagaimana memasang icon tersebut pada blog kita. Caranya sangat mudah banget, kita bisa menggunakan layanan pembuat icon online yang gratis seperti pada rw-designer.com.

Setelah itu, upload gambar icon yang anda punya di komputer anda, tentu aja dengan browse, lalu upload. Bisa juga anda buat sendiri icon di situ, cukup mudah, semudah paint-nya windows.



Setelah anda selesai mengedit, downloadlah hasil pembuatan icon anda. maka sekarang icon anda berada pada komputer anda dan biasanya memiliki nama favicon.ico. Nanti icon itulah yang akan kita masukkan dalam blog kita. Mudah kan?


semoga sukses membuat iconnya!

Sembunyikan Navbar

Apa itu Navbar Blogger? menurut kang Rohman, navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger.

Mengapa orang tertarik menyembunyikan Navbar? alasannya macem-macem, seperti menurut mbak Siti, yang pengen minta diajari cara menyembunyikan navbar biar tampilannya lebih cantik, katanya?

Tapi, keputusan untuk menyembuyikan navbar perlu kita pertimbangkan lebih dahulu. Ternyata cukup banyak resikonya, seperti yang diungkapkan kang Rohman juga, bahwasannya itu beresiko account blog kita bisa ditutup. Lihat juga kata mas Agus. Bahkan lebih ekstreme mengatakan "Ini bagian yang mengkhawatirkan, melihat banyak sekali pengguna blogger yang suka menanyakan bagaimana cara menghilangkan navbar.Harus berkali-kali ditegaskan untuk jangan bangga dengan hasil kejahatan.Kejahatan macam mana maksudnya?

Navbar adalah hak milik Blogger seperti yang disebutkan dalam TOS.Navbar hanya diperuntukan bagi pengguna yang menggunakan layanan tak berbayar.Artinya bagi pengguna berbayar yang memiliki akses layanan FTP, navbar akan otomatis dihilangkan.Navbar dulunya hanya diperuntukan untuk menampilkan iklan sebelum Blogger akhirnya menggantinya dengan navbar.Jadi pertimbangkan perubahan ini.Hanya sekitar 35 pixel hak Blogger yang kita pakai, tentu bukan hal yang sulit untuk tetap mempertahankannya."

Wah-wah, memang menghawatirkan, tapi terserah anda, ada juga yang bilang, kalo tidak masalah kita menyembunyikan navbar blogger, meskipun kebenaran hal ini masih belum kita ketahui. Sebenarnya yang jadi pertanyaanku sendiri juga bagaimana "hukumnya" mengganti icon blogger yang sering kita lakukan juga? kita nanti akan membahas masalah icon itu (postingan selanjutnya sesuai dengan permintaan mbak Yuli).

Sedikit gambling dengan keadaan ini, maka blog saya sedikit mengakalinya dengan membiarkan navbar pada beranda dan menyembunyikan navbar pada blog yang lain. Jadi dalam account saya, masih tetep ada blog yang menampilkan navbarnya. Terus kalo gitu, gimana pihak blogger menyikapinya? apakan nantinya account saya tetep ditutup?

Jadi seperti tampilan di atas, saya menggunakan cara sebagai berikut:
menambah kode:
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
.kosong
{
clear: both;
}

sebelum body pada edit HTML template kita

Top Menu (2)

Mencoba untuk melengkapi trik pemakaian top menu maka akan kami bahas sedikit mengedit javascript top menu yang ada pada widget/ elemne halaman. Tulisan ini dimaksudkan untuk mempercantik top menu, biar seakan2 blog kita yang sebenarnya berbeda berada pada satu blog seperti blog punyaku ini. Maksudnya gini, jadi semacam ada efek gerakan pada top menu. Seperti pada blog ini maka menu yang berwarna hijau adalah kolom blog ini, bila kita klik beranda, maka nantinya top menu beranda yang akan berwarna hijau dan kita berada pada blog beranda.

Tentu saja ini lanjutan dari tulisan sebelumnya. Jadi kita tinggal masuk ke dashboard kita. kita buka pada Template dan pilih page element/elemen halaman. lalu edit html dimana kita meletakkan javascript top menu.

Untuk blog ini javascriptnya akan saya kasih contoh pada dua blog saya yakni nedy-nedy.blogspot.com pada beranda dan nedy-rahasia.blogspot.com pada rahasia blog.

Pada javascript di beranda seperti ini:
<!-- Please change the links with your own links -->
<div id="blue-menu2">
<div style="margin-left: 5px;">
<div id="current">
<a href="http://nedy-nedy.blogspot.com/"
title="Anda disini">Beranda </a> </div>
</div>
<a href="http://nedy-tugas-kuliah.blogspot.com/"
title="Limited Edition">Tugas Kuliah</a>
<a href="http://nedy-rahasia.blogspot.com/"
title="Melihat rahasia blog ini">Rahasia Blog </a>
<a href="mailto:hafid_umm@yahoo.com"
title="Kirim surat disini">E-mail ku </a>
<!-- you can add saveral link ini here -->
</div>
<!-- close for blue-menu2 -->

dan pada javascript di rahasia blog
<!-- Please change the links with your own links -->
<div id="blue-menu2">
<div style="margin-left: 5px;">
<a href="http://nedy-nedy.blogspot.com/"
title="Kembali ke awal">Beranda </a> </div>
<a href="http://nedy-tugas-kuliah.blogspot.com/"
title="Limited Edition">Tugas Kuliah </a>
<div id="current">
<a href="http://nedy-rahasia.blogspot.com/"
title="Melihat rahasia blog ini">Bukan rahasia
</a> </div>
<a href="mailto:hafid_umm@yahoo.com"
title="Kirim surat disini">E-mail ku </a>
<!-- you can add saveral link ini here -->
</div>
<!-- close for blue-menu2 -->

jadi yang berwarna hijau tuh untuk efek top menu berwarna hijau, sedangkan warna biru top menu yang warna biru, bedanya tuh ada kode <div id="current"> dan diakhiri </div>. Jadi itu berisi link yang berwarna hijau pada blog yang sedang dibuka. Semoga bermanfaat.

Melebarkan kolom

Kali ini akan saya coba bagaimana cara melebarkan kolom. Untuk melebarkan kolom kita hanya perlu mengerti sedikit bahasa html. Yang pertama kita akan masuk ke pengaturan template terutama pada edit html.

Lalu temukan kode-kode seperti di bawah ini (contoh di bawah ini memakai template 3 kolom isnaini yg coba 780 tapi sepertinya udah di edit oleh papa ipam):

#toplinkads{
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
#blogtitle h1{
color: #000000;
font-size: 18px;
text-align: center;
font: normal bold 200% 'Trebuchet MS', Arial, Sans-serif;;
margin-top: 2px;
margin-bottom: 2px;
}
#blogtitle h1 a{
color: #ff6600;
}
#blogtitle{
padding: 0px;
width: 320px;
margin: 0px;
}
.description {
text-align: center;
font-size: 12px;
font-weight: bold;
}
.narrowcolumn {
float: left;
width: 440px;
overflow: hidden;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}
#sidebar{
width: 320px;
float: right;
position: static;
top: 0px;
color: #666666;
background-color: #ffffff;
border: 1px solid #7f7f7f;
padding-top: 0px;
padding-right: 4px;
padding-bottom: 0px;
padding-left: 4px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
}
#sidebar a {
color: #063E3F;
}
#sidebar .widget {
margin-bottom: 1em;

}

#sidebar .widget-content {
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
#sidebar h2{
font-size: 12px;
font-weight: bold;
color: #000000;
font: normal bold 116% Trebuchet, Trebuchet MS, Arial, sans-serif;
background-color: #ffffff;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding: 4px 5px;
}
#leftsidebar h2 {
background-color: #ffffff;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding: 4px 5px;
}

#leftsidebar
{
width: 163px;
float: left;
padding-top: 0;
padding-right: 1px;
padding-bottom: 0;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 1px;

}
#rightsidebar
{
margin-top: 0px;
margin-left: 0px;
width: 135px;
margin-right: 4px;
margin-bottom: auto;
padding: 0px;
float: right;
}
#kotakkanan{
float: left;
width: 300px;
list-style-image: none;
list-style-type: none;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
margin: 0px;
}
#kotakkanan2{
float: left;
width: 300px;
list-style-image: none;
list-style-type: none;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
margin: 0px;
}

#footer {
padding: 0px;
width: 840px;
clear: both;
height: 60px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #ffffff;
color: #32527A;
}
#footer a {
color: #32527A;
}
.kosong
{
clear: both;
}

body {
font: normal normal 72% Trebuchet, Trebuchet MS, Arial, sans-serif;
text-align: center;
margin: 0px;
padding: 0px;
background-color: #CCCCCC;
color: #4c4c4c;
background: #ffffff;
}

#page {
text-align: left;
width: 840px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #ffffff;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #ffffff;
border-left-color: #ffffff;
}

#header {
height: 200px;
margin: 0px;
padding: 0px;
background-color: #ffffff;
}

kurang lebih menurutku desain dari template 3 kolom milik isnaini adalah seperti gambar di bawah ini (kalau akau tidak salah, he5)
jadi kita tinggal merubah nilai dari lebar masing-masing kolom. Misalnya sekarang akan diperlebar seperti blog punyaku (pembahasan artikel ini gak melebar ke blog orang lain kan?)

untuk narrow coloum:
pada pernyataan width: 440px; blog-ku malah tak sempitkan menjadi 370px saja

untuk blog title & Sidebar & kotak kanan & kotak kanan 2 (harus sama):
pada pernyataan width: 320px; blog-ku tak lebarkan menjadi 400px

untuk left sidebar:
pada pernyataan width: 163px; blog-ku tak lebarkan menjadi 200px

untuk right sidebar:
pada pernyataan width: 135px; blog-ku tak lebarkan menjadi 180px

untuk footer dan page:
pada pernyataan width: 840px; blog-ku malah tak sempitkan menjadi 810px saja (aslinya dari mas isnaini seingatku selebar 780px)

lha, tapi terserah anda mau diubah selebar berapa, tapi yang perlu diketahui, perhitungannya tidak pas, seperti pada template ku, meskipun footer&page selebar 810, tapi kalo narrow coloum ditambah blog title hanya 770px, juga meskipun blog title 400 px, tapi kalau left sidebar ditambah right sibar hanya 380px. Itu dikarenakan maih banyak variabel lain yg "menyusup" di antara kolom, seperti padding, margin, dan lain sebagainya. Jadi silahkan lebarkan kolom blog anda.
SUKSES SELALU!

Link mendatar

Kemarin sempet ada yang tanya, gimana sih cara membuat daftar link secara horisontal? (seperti daftar temen-temen di beranda blog ini) Mungkin sekalian juga dibahas disini cara membuat link gambar yg mendatar juga (seperti gambar di atas).

Maaf sekali aku lupa dari mana sumber ilmunya, tapi aku waktu itu sempet mampir juga ke sini. Tentu saja semua itu dengan bantuan mbah google. tapi aku gak menggunakan cara itu. Aku pake cara dari tips lain. Aku bener-bener lupa dari mana, mungkin aja dari kolom tutorialnya mas Rohman, ato tempat lain, bisa isnaini ato mahesajenar.

Yang kuingat caranya seperti ini;

1. Mengidentifikasi link yang akan kita buat mendatar dengan cara melihat link keberapakan yang akan kita buat mendatar. Misalnya dalam kasus ini saya akan mengubah Linklist2 (link teman-teman) karena Linklist1 adalah link favorit. Link list ini berdasarkan urutan pembuatannya. Kalo udah lupa link keberapa, ya dilihat aja melalui edit html, letaknya dimana dan termasuk linklist berapa, ya moga aja anda menemukannya.
   
2. Menambah kode di atas /* End Entry Lists */ pada edit html template anda dengan kode #LinkList2 li{
   display:inline;
   }
3. Simpan template tersebut dah cobalah, eh ingat, sebelum mengedit html sebaiknya backup dulu template anda

kalo untuk gambar links secara horizontal ternyata mudah, waktu itu aku juga bingung, ternyata hanya dengan menyatukan tiap javascript dalam satu tempat widget aja, eh ternyata cuman begitu, he5.


SUKSES SELALU.

Feed untuk blog

Disini akan kita bahas cara membuat feed blog kita dengan menggunakan feedburner yang udah di link pada blogger kita. Fungsi feed ini untuk mempermudah pembacaan postingan blog kita dengan memberikan alamat feed kita. (bahasanya bener gak ya?)


Pertama kita menuju tab pengaturan blog kita dan pilihlah tab feed situs dan pada Posting URL Pengubahan Arah Feed klik pada feedburner dan anda akan menuju feedburner.com. Setelah itu anda tinggal memasukkan url blog anda pada Type your feed or blog URL below. Setelah anda masukkan pilih next.


Lanjutkan seperti biasa, he5. Isi sesui dengan ketentuan yg ada. Setelahitu anda akan mendapatkan alamat url seperti ini http://feeds.feedburner.com/... (... nama buatan kita). Feed itulah nantinya yg akan kita gunakan sebagai feed situs kita.


Settingan selanjutnya kita copy feed tersebut pada Type your feed or blog URL below. Sekarang kita memiliki feed dan bisa kita bagikan kepada orang lain. Seperti jika anda tertarik pada postingan blog ini, silahkan gunakan feed dengan alamat http://feeds.feedburner.com/hafid_umm2 pada winget anda.

Membuat Top Menu

Oh ya, perlu diingat, kolom ini ditulis hanya untuk membahas Bagaimana Q membuat blog ini, bukan untuk menggurui siapa pun. Karena Q sendiri juga pelajar, banyak pendekar ngeblog yang berpetualang di dunia persilatan weblog. Jurus yang sering tak pakai yaitu jurus pencarian, dengan bantuan mbah Google tentu saja. Dengan susunan kata yang tepat, kita dapatkan apa keinginan kita. Bukan Begitu?

Untuk membuat top menu seperti pada blog ini, hasil semedi dengan mbah Google melemparkanku ke padepokan kolom tutorial. Disana akhirnya aku mengambil mantra html menciptakan jurus Top Menu. Aku pilih aja horisontal blue menu (Edisi lebih komplitnya coba ke dinamic drive aja). Aku ambil mantra html di situ, sesuai dengan petunjuk guru Rahman, dipaste pada edit html template. Mantra satunya lagi dipaste di edit elemen halaman (widget html).

Yang tidak kalah penting dari mantra-mantra itu adalah, ternyata harus ada link untuk mengisi setiap menu nanti. Akhirnya aku bertapa di dunia view page source, dan Q mendapat wangsit untuk membuat blog lebih dari satu.

Blog-blog baru itulah yang mengisi setiap kolom pada menu bar. Tapi cara buatnya yang utama dulu. Ehm sedikit perubahan pada mantra html pembuat menu bar ada pada jaraknya dengan tepi. Wah musti bertapa lagi.

Ukuran yang awalnya "margin-left: 100px", tak rubah menjadi "margin-left: 5px". karena menyesuaikan dengan templateku, kalo 100px jadi wagu, agak menjorok ke dalam, dari tak geser dikit ke samping biar gak terlalu wagu.

Jangan lupa pada bagian dimana kita menaruh menu bar itu harus menjadi warna hijau pada background menu barnya, setelah kita mantap dengan susunan/model template dengan top menu itu, yup langsung kita download template kita di komputer.

Untuk apa? ya hasil download tadi kita pake sebagai template blog kita yg lain, sehingga tampilan blog kita "seakan-akan" dalam satu blog. Benar? padahal kalo kita liat pada addresbar, alamatnya beda kan di tiap kolomnya? he5.

Yap, tetapi untuk widget tetep nambah secara manual, paling tidak kita ngak melakukan penaruhanmantra html lagi pada edit html template, tinggal pada elemn halaman saja, kan templatenya udah hasil download dari template blog pertama? jadi sebelum mendesain blog yg lain sebagai menu dari top menu, mantapkan dulu bentuk dari template secara keseluruhan pada blog yg pertama.

SUKSES SELALU!

Tulisan berjalan

Baik, akan takcoba kita membuat tulisan berjalan, seperti tulisan Assalamu'alaikum pada beranda blog ini. Caranya sangat mudah, karena sesungguhnya kita cuma minta dibuatkan ama bigoo.ws. Lalu kita tinggal ngedit dikit. Tapi jangan meniru persis punyaku, karena bigoo.wsnya terlanjur tak hilangkan. Maaf ya bigoo.ws. Untuk menggantikan kesalahanku itu, coba tak-link sekalian pada postingan ini.

Jadi kunjungi Bigoo.ws atau klik aja di sini. Lalu pilihlah mana yg anda inginkan. Aku lupa, mana yg kugunakan untuk tulisan yg aku pakai, keliatannya bigoo.ws udah banyak perubahan. Jadi silahkan pilih sesuai keinginan anda. Mungkin yg termasuk text welcome.

Cuma, punyaku tak edit sedikit. Terutama untuk lebar dan warna backgroundnya yg gak matcing ama templateku. Maka setelah kita copy kode html yang diberikan dan kita paste pada widget kita. Ehm, widgetnya termasuk html/javascript lho, jangan lupa. Paste aja disitu.

Untuk menyesuaikan dengan template kita, maka kita perlu mengganti warna backgroun dan lebar widget/konten tersebut.

carilah kode seperti
... type="application/x-shockwave-flash" bgcolor="#000000" http://www.macromedia.com/go/getflashplayer" width="810"
height="40" ...

lha kalo masalah warna backgroun ya ada di bgcolor="000000" itu bisa diganti kode warna lain (yg didalam tanda petik kalo punyaku tak sesuaikan menjadi bgcolor="f9f9f9"), kalo gak tau kode warnanya apa, bisa kita lihat pada edit template, pada font dan warna. jadi kita bisa mengetahui kode warna di situ. enaknya lagi kita langsung bisa memilih warna yang kita inginkan pada template kita kan? Kodenya ada pada kotak Edit kode hexa warna, itu kode warna pada warna yg kita klik.Mudah kan bermain warna?

kalo masalah ukuran agar sesuai dengan template kita, terutama masalah lebar, kalo masalah tinggi biasanya gak perlu kita rubah, ya itu sih terserah kita juga sih. tapi biasanya yg penting masalah lebar widget/konten tersebut. Karena kalo gak sesuai, kelihatan wagu.

Jadi, untuk menyesuaikan lebar widget tersebut, lihat dulu lebar kolom dimana anda meletakkan widget tersebut baru menyesuaikan lebar widgetnya. Lihat pada edit html pada template. Memang disini kita harus belajar memahami bahasa html. Yah, q sendiri sedikit mengerti, tapi itu bisa kita jadikan bekal.


lha, lihat aja di bagian deklarasi layouts, dimana kita meletakkan kontennya, lalu sesuaikan lebarnya konten dengan lebar kolom dimana kita menaruh konten, biar ukurannya gak wagu atau nabrak kolom konten yang lain. Karena kalo nabrak kolom konten yg lain, bisa mengganggu konten yg lain. Berlaku juga untuk konten-konten lain seperti shoutbox dari oggix, bisa kita edit lebarnya biar sesuai dengan lebar kolom dimana kita menaruhnya.

SUKSES SELALU.

Baca Selengkapnya...

Baiklah, sekarang akan coba saya bahas bagaimana cara kita membuat Baca selengkapnya seperti yang saya pakai pada beberapa postingan saya. Sebenarnya banyak temen-temen yang udah pernah membahas, seperti yang tak pakai ini, juga ilmu dari temen-temen yg lain. Dengan batuan dari Mbah Google, coba kita ketik 'membuat read more', wah banyak kan yang membahas?

Jadi begini, q nyoba bahas juga ah, biar postingannya berisi, he5. Yang jelas pembuatan 'Baca selengkapnya' tuh sama aja dengan membuat 'Read More' tentu saja dengan sedikit modifikasi. Keduanya itu paling tidak kita akan bergelut dengan bahasa html. Kita akan mengedit HTML dari template juga HTML dari postingan.

Kalo gak salah, saya waktu itu dapat ilmunya dari isnaini.com. Terus saya edit sedikit.
jadi caranya:

Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML

Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates

Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:

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

   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>

Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca Selengkapnya..</a>
</b:if>

Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Baca Selengkapnya... muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose
Jadi kira-kira seperti itu, udah banyak yg bahas lho! aku cuma ya ngedit dikit, he5.