This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Wednesday, June 30, 2010

Mengatasi Judul Widget / Gadget Yang Tidak Boleh Kosong

4:38 AM    No comments

Pada zaman dahulu kala blogger mengijinkan widget dengan tanpa judul (title) namun sekarang kebebasan itu dikekang oleh blogger, jadi setiap widget/gadget harus ada title atau judulnya. Namun sering kali kita tidak menginginkan gadget/widget tanpa judul, dan jika dipaksa akan muncul pesan perintah error "Required field must not be blank" atau intinya judulnya harus ada dan tidak bisa dilanjutkan bila tanpa judul.

Nah bagaimana mengatasinya?

Caranya cukup mudah kita tinggal mengisi title atau judul gadget dengan code

<!--->

lihat contoh dibawah ini

Dan hanya cukup code diatas tidak perlu tambahan apa-apa lagi.

Sekian deh cukup semoga bermanfaat bagi Anda

Read More

Monday, June 28, 2010

Widget Attribution Dari Blogger

5:35 AM    No comments

Apa ini ?

Wah ternyata ini adalah widget ketentuan dari blogger untuk "Copyright" platform blogger, widget ini tidak bisa pindahkan bahkan tidak bisa di hapus untuk template blogger yang baru widget ini ada, namun untuk template lama dalam artian dalam pembuatan blog dari blogger udah lama, widget ini belum muncul, entah mungkin kapan ada ketentuan widget ini ada untuk semua pengguna blogger.


Nah terlihat di atas adalah screenshotnya dan bisa kita lihat widget ini terkunci tidak bisa dihapus dan digeser untuk dipindahkan.

Nah Saya beri tips bagaimana memindahkan widget ini dan memberi style tersendiri.

1. Cara memindah

Biasanya Atribut Copyright seperti ini berada pada bawah halaman situs, nah defaultnya widget atribut ini berada pada sidebar. nah dibawah ini adalah cara memindahkanya dari sidebar ke footer (bagian bawah blog)

Masuk pada bagian "Design" kemudian masuk pada "Edit HTML" lihat kebawah dan temukan code seperti ini

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

Lalu Cut code diatas dan taruh pada tag footer. Lihat code dibawah ini untuk lebih jelasnya

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
</div>

Lalu SAVE dan selesai

2. Menambah Style CSS

Style CSS fungsinya untuk mengubah tampilan widget atribut ini supaya terkesan lebih cantik tidak monoton dengan cara :

tambah code css dibawah ini diatas code ]]></b:skin>
#Attribution1 {
color:red;
font-weight:bold;
text-transform:capitalize;
}

Style diatas hanya sebuah contoh untuk mengganti warna hurufnya, menebalkan huruf dan membuat capitalis pada textnya. Dengan CSS diatas Anda bisa menentukan tampilan dari widget tersebut mungkin dengan menambahkan background, border dsb.

Kemudian SAVE dan lihat hasilnya deh.

Nah mungkin informasi ini berguna bagi Anda untuk para blogger dan semoga bermanfaat Saja. terima kasih.

Read More

Tuesday, June 8, 2010

Highlight Post Dengan Tombol Select All

11:41 PM    No comments

Salam blogger,

Sebelumnya pada postingan yang kemaren saya sudah membahas mengenai "Menonjolkan teks tertentu pada postingan" dengan background yang berbeda bahkan background image yang sudah saya tulis disitu. Pada kesempatan kali ini membahas lagi mengenai Highlight Post dengan tambahan tombol select all yang mempermudah pengunjung blog untuk memBlok text yang ditonjolkan, misalkan anda menuliskan tutorial dan Anda menyisipkan script yang harus dicopy maka tombol select all ini sangat berguna untuk blok text otomatis.

Seperti contoh dibawah ini




Ingatkah kau...
Waktu kamu berbohong kepadaku
dan aku memaafkanya..

Ingatkah kau
Akan perjuanganku terhadapmu
walau aku tak bisa tetap ku perjuangkan

Ingatkah kau akan perhatianku terhadapmu
yang setiap waktu datang menyelimutimu

Tapi kini kau membalasnya dengan senyum pahitmu...


Hehehe hanya sekedar contoh gak perlu di artikan ya..

Okelah kita beranjak ke cara pembuatanya

1. Masuk Edit HTML pada blog Anda lalu taruh code javascript dibawah ini dibawah code <head>





<script type="text/javascript">
function fnSelect(objId)
{
fnDeSelect();
if (document.selection)
{
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(objId));
range.select();
}
else if (window.getSelection)
{
var range = document.createRange();
range.selectNode(document.getElementById(objId));
window.getSelection().addRange(range);
}
}
function fnDeSelect()
{
if (document.selection)
document.selection.empty();
else if (window.getSelection)
window.getSelection().removeAllRanges();
}
</script>


4. Masih pada Edit HTML lalu masukkan code CSS berikut diatas code ]]></b:skin>




/*__Style_copy_area__*/
.copybox { /* -- Style Box dalam --*/
padding:5px;
border:1px solid #FFC71F;
background:#FFFFCC;
}
.kopiaer { /* -- Style Box Luar --*/
background:red;
padding:7px;
}
.cangkirkopi { /* -- Style Tombolnya --*/
background:#B88A00;
border:1px solid #FFC71F;
color:#FFD65C;
padding:2px;
font-weight:bold;
}


Anda bisa mengunah tampilan code CSS diatas sesuai selera Anda lalu SAVE

5. Setelah itu pada posting editor gunakan code dibawah ini untuk menonjolkan textnya


<div class="kopiaer">
<input class="cangkirkopi" type="button" value="Select All" onClick="fnSelect('kopihangat')"/>
<div class="copybox" id="kopihangat">

INI TEKS YANG INGIN DITAMPILKAN

</div>
</div>

> Ingat ganti text yang berwarna biru berbeda setiap 1x penggunaan dan keduanya harus sama

> Ganti teks yang berwarna merah diatas dengan teks Anda

6. Publish dehh dan lihat hasilnya

Nah diatas adalah tutorial singkat dari Saya semoga berguna bagi Anda, Silahkan lontarkan komentar jika Anda mempunyai pertanyaan mengenai tutorial ini.

Read More

Widget Daftar Isi / Sitemap

5:20 AM    No comments

Sitemap atau yang sering disebut oleh orang awam sebagai daftar isi ini sangat berguna untuk blog kita, ketika pengunjung ingin menjelajahi blog kita maka inilah peran yang harus hadir untuk mempermudah penjelajah blog kita. Kali ini saudara blogger kita Om Abu-farhan punya solusinya yaitu "The Best Table of Contents (TOC) or Sitemap for Blogger".

Seperti terlihat di blog ini yang menggunakan TOC dari Om Abu-Farhan yang Saya masukkan kedalam fitur baru blogger yaitu "Pages Blogger". Nah pada kesempatan kali ini Saya kan mengulas bagimana caranya memasang TOC kedalam halaman pages kita.

1. Langkah pertama masuk blogger.com

2. Masuk postingan Om Abu-Farhan untuk mengcopy source code seperti dibawah ini





<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://www.abufarhan.co.cc/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>



Copy code diatas dan ingat ganti www.abufarhan.co.cc dengan alamat blog Anda

3. Pada Dashboard draft.blogger.com masuk pada bagian "Posting" lalu "Edit Pages"

4. Lalu klik tombol "New Pages" lalu paste code tadi kedalam post editornya

5. Setelah di SAVE akhirnya jadi juga dan sisipkan link pagesnya tadi kedalam daftar menu di blog Anda untuk navigasinya

Nah ulasan singkat mengenai Sitemap blogger yang canggih oleh Om Abu-Farhan semoga bermanfaat bagi Anda

Ucapan terima kasih sebesar-besarnya kepada Om Abu-Farhan

Read More

Friday, May 7, 2010

Cbox.ws Pengganti Shoutbox Shoutmix

3:01 AM    No comments

Baru-baru ini muncul permasalahan dari pelayanan shoutbox shoutmix.com yang tidak memunculkan link untuk member basic shoutmix. Ternyata pihak shoutmix ingin meningkatkan kepopuleran website shoutmix, untuk memunculkan link di pesan, Anda harus log in ke website shoutmix terlebih dahulu.
Para blogger yang menggunakan fasilitas shoutmix pun merasa kurang nyaman karena susahnya jika ingin meningkatkan traffic blog melalui meninggalkan jejak di shoutbox (blogwalking).

Nah apakah ada pengganti Shoutmix untuk pelayanan free shoutbox yang masih bisa untuk nge-link?

Yaitu Cbox.ws, iya benar cbox.ws adalah layanan free shoutbox untuk blogger yang masih bisa untuk menampilkan link. Tak kalah dengan shoutmix, cbox.ws ini memiliki fitur yang sama seperti shoutmix.

Apakah Anda ingin mencoba cbox.ws?

caranya cukup mudah Anda tinggal masuk ke website www.cbox.ws lalu ikuti panduan untuk membuat shoutbox cbox.ws gratis.

Nah sedikit ulasan tentang shoutbox yang lebih nyaman dipakai jika Anda ingin bisa memunculkan link kedalam shoutbox Anda.

Sekian semoga bermanfaat

Read More

Monday, May 3, 2010

Wibiya : ToolBar Blogger Canggih

4:00 AM    No comments

Wibiya - salah satu website yang menyediakan fasilitas free toolbar untuk blog Anda, toolbar dari wibia ini sangat canggih.
Fitur dari toolbar wibiya ini diantaranya : pencarian langsung, who's online, live video, translate, timeline, Bermacam-macam Facebook widget, twitter, youtube, Live chat dan foto sharing kamu. Hmmm canggih bukan toolbar ini? penasaran ingin lihat Demonya?? langsung aja kunjungi wibia dan lihat di browser kamu bagian bawah.

Setelah Anda melihat-lihat apakah Anda ingin memasangnya kedalam Blogger Anda? Nah dibawah ini ulasan cara membuatnya.

1. Buka website wibiya.com dan klik tombol "Get It Now"

2. Pada Form "Create An Account" isi form sesuai dengan data Anda lalu kik tomblol "Next"

3. Lalu milih tema toolbar Anda pada bagian "Select A Theme" Lalu klik tombol "Next"

4. Pada bagian "Application Setting" configurasi account-account Anda kedalam toolbar tersebut, Seletlah itu klik tombol "Next"

5. Pada bagian "Add it" atau final installation klik logo "Blogger" atau install on blogger

6. Pastikan Anda sudah Log in blogger untuk memasang widgetnya, setelah Anda klik logo blogger pada tahap Final, Anda langsung ditujukan pada "Import page elements" blogger



7. Select blog yang Anda ingin pasang Toolbarnya, Lalu klik tombol "Add Widget" maka toolbar akan terpasang otomatis dan melayang di bagian bawah blog Anda.

Nah selesai deh ulasan tentang cara membuat Toolbar canggih wibiya, toolbar ini banyak digunakan oleh para pemilik website untuk mempercanggih websitenya, jadi blog kita jika menggunakan toolbar ini serasa seperti di Facebook.

Sekian semoga bermanfaat.

Read More

Monday, April 5, 2010

Floating Box Cocok Untuk Adsense

12:16 PM    No comments

Oh betapa kangenya Saya untuk mengupdate blog Saya yang agak gak keurus ini, dikarenakan minimnya ide-ide untuk menulis sebuah artikel untuk memperbarui posting di blog ini. Eh kok malah curhat ya, he. . he . . *Back To Topic* Membuat Floating Box yang biasanya dipasang di blogger yang biasanya diisi content Ads ini. Coba lihat deh Shoot layar yang aku ambil dari blog Saya yang Saya buat dengan niat iseng-iseng ini.



Coba kita lihat box yang berwarna kuning diatas, itulah element box floating yang akan tetap di pojok kanan atas jika scroll di geser-geser kebawah atau keatas.

Saya menemukan script ini bermula dari browsing-browsing untuk tips yang cocok untuk memasang adsense di blog dan akhirnya Saya menemukan script ini di Dynamicdrive dan saya akan mengulas ulang di blog Saya ini agar Anda dapat menggunakanya dengan mudah. Monggo..

Pertama yang Anda lakukan adalah Log In ke blogger lalu masuk menu "Layout" Kemudian Masuk bagian "Edit HTML"

Pasang code ini dibawah code <head> atau sebelum code </head>


<script src='http://sites.google.com/site/anasprod/adse.js' type='text/javascript'/>


Dan pasang Code CSS dibawah ini diatas code ]]></b:skin>


#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}


(Edit code CSS diatas untuk menentukan style dari box)

Kemudian di Save dulu ukkay kawan.

Dan masuk pada bagian "Layout -> Page Elements"

Pilih tempat Gadget yang kamu ingini (terserah karena box ini akan melayang) dan klik "Add a gadget" Masukkan code dibawah ini



<div id="topbar">

MASUKKAN CODE SCRIPT ADS / LAINYA DISINI

<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>

</div>



Ingat ganti code yang berwarna merah diatas dengan code gadget yang kamu ingini.

Kalau sudah. . . SAVE deh...

Selesai..

Yapzz semoga bermanfaat nie tutorial dari pengalaman Saya.

Read More