Cara Menambah Buku Tamu di Blog

sekarang ini yani mau bagi-bagi  cara nambah buku tamu di blog.. buku tamu ini sangat penting ada di blog kamu.. agar teman-teman para blogger lain bisa maen2 ke blogmu dengan meninggalkan pesan di buku tamu ini.. dan dari buku tamu ini kamu bisa juga ningkatin traffick rank dari blogmu (apa tuh traffic rank.. next post ya...) disini ada 2 link yang paling banyak di gunakan di antara para blogger.. kamu bisa pilih salah satu ataupun salah duanya (satu aja cukup sih sebenernya..hohoho)... 

kamu bisa coba buka link ini:

1. ShoutBox pada tampilan awal kamu akan menemukan seperti inisetelah itu kamu klik tombol "creat shoutbox" maka akan ada tampilan seperti iniisi form "Shoutbox information" sebagai ID saat kamu login ke situs ini.. jangan lupa isi juga form "Contact information" dan centang pada bagian bawahnya.. jika sudah klik Continue.. jika keluar tampilan seperti di bawah ini bearti kamu sudah berhasil registrasi..untuk langkah selanjutnya.. kamu tinggal copy scrip di bagian yang yani beri kotak merah.. lalu silahkan copykan ke blog kamu.. Layout --> Page Elements --> Add a Gadget.. lalu pilih yang HTML/Java  Scrip dengan meng-klik tanda plus (+)nya..lalu copy scrip tersebut seperti di bawah ini.. lalu tekan save..langkah terakhir save juga di Page Element blog kamu.. dah kamu bisa lihat hasilnya di halaman blog kamu.. untuk merubah2 style dari tampilan kamu.. kamu bisa berkreasi di menu "Display" yang ada di menu login kamu.. 
2. ChatBox ini salah satu jenis buku tamu lain yang digunakan para blogger.. tampilan awal ChatBox akan muncul seperti ini..lakukan registrasi dengan klik tombol "sign up" seperti yani blok di atas.. maka akan tampilan registrasi seperti ini..isi semua form jangan sampai ada yang terlewatkan.. jika sudah jangan lupa centang bagian bawahnya lalu klik tomblol "Create My Cbox!".. jika tampilan sudah berganti dengan tampilan sepeti di bawah ini, bearti kamu sudah berhasil registrasinya..selanjutnya masukin ID login dan pasword kamu.. lalu "ENTER" ato klik tanda panah di samping formnya.. setelah masuk ke tampilan hometekan "PUBLISH" untuk menemukan scrip dari Cbox ini..lalu copy semua scrip yang ada di box dalam kotak merah itu.. lalu masukkan scrip itu ke blog kamu.. caranya sama kok dengan cara memasukkan scrip ShoutMix.. dan untuk mengedit style dari ChatBox sesuai keinginan kamu, kamu bisa berkreasi pada menu "LOOK & FEEL" pada home ChatBox kamu..

ok teman2.. akhirnya kalian punya buku tamu.. congrat ya.. selamat berkreasi..

Sumber

Read More

Menambahkan Readmore Pada Postingan Blog

Tulisan yang panjang di dalam blog, jika ditampilkan secara penuh, akan menampilkan halaman blog yang panjang pula, dan itu akan melelahkan pengunjung blog yang mencari-cari tulisan yang ada di bawahnya. Terlebih jika pada format pengaturan tampilan, kita memuatkan banyak posting (default blogger 7 posting). Wah, bisa-bisa pegel deh tangan kita untuk menarik scroll. Untuk mengatasi masalah tersebut ada baiknya kita menambahkan readmore (baca selengkapnya) pada template blog kita. Untuk memasangnya pun cukup mudah. Hanya dengan beberapa langkah saja kita bisa menampilkan readmore pada halaman blog kita.

Langkah-langkahnya adalah sebagai berikut:

Langkah Pertama

• Biasalah kamu harus Login dulu ke dalam blog kamu
• Dari halaman dashboard, pilih Tataletak (Layout)
• Lalu kamu pilih Edit HTML, dan contreng pada bagian Expand Template Widget.
• Selanjutnya cari kode HTML berikut (Gunakan Control F atau F3):
  

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

  
  Dalam beberapa template bisa saja tidak menggunakan kode paragraf (<p> dan </p>) tapi menggunakan perintah enter (<br/>).
• Letak kode tersebut kira-kira berada 3/4 dari HTML template blog kamu. Untuk memudahkan pencarian, tekan Control F lalu masukkan kode tersebut kedalam kotak pencarian.
• Kalo sudah ketemu, ganti kode tersebut dengan kode berikut:
  

  <!-- Mulai Readmore -->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <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'>Readmore »»</a>
  </b:if>
  <!-- Akhir Readmore -->

  
  Kamu bisa mengganti Readmore kalimat dengan Baca selengkapnya, Selanjutnya, Seterusnya, dll. sesuai kemauan kamu.
• Simpan hasil editing ini dan lanjutkan dengan langkah kedua.

Langkah Kedua

• Dari halaman Edit HTML, klik Pengaturan lalu pilih Format.
• Pada kotak Templat Entri, tambahkan kode berikut:
  

  <div style="text-align:justify"><span style="font-family:arial">Isi paragraf tampil
  </span><span class="fullpost" style="font-family:arial">
  <br/>
  Isi paragraf sembunyi
  </span></div>

  
  Jika tidak ingin menggunakan perataan kiri-kanan, ganti kata justify dengan left. Dan jika kamu ingin menggunakan huruf default dari template kamu, hapus saja kode style="font-family:arial"-nya.
• Simpanlah hasil pengaturan kamu dan ucapkan Alhamdulillah....

Sekarang kamu tinggal menuliskan postingan kamu. Gantilah kalimat Isi paragraf tampil dengan sebagian naskah kamu yang akan ditampilkan, dan sisanya ditulis pada bagian Isi paragraf sembunyi.

Dengan menggunakan readmore ini, tulisan-tulisan kamu terdahulu akan terlihat aneh karena ada tulisan readmore-nya disetiap akhir naskah, karena itu kamu harus melakukan editing ulang terhadap tulisan-tulisan tersebut. Tapi kalo kamu gak mau ribet, mendingan pake readmore versi 2. Dengan readmore versi 2 ini, tulisan-tulisan kamu yang dulu (sebelum ditambahkan readmore) tidak akan memunculkan kata readmore pada akhir tulisannya.

Sumber

Read More

Menambah widget mp3 pada Blog

Alat        : siapkan url lagu nya.

kunjungi  http://www.widgetbox.com/widget/mp3

tunggu step-stepnya. atau hubungi admin. ^_^

Read More

Merubah Header

Asalamualaikum sobat bloger semua, mau posting age nie semoga bermanfaat. Pembahasan kali ini saya mau sedikit share tentang bagai mana cara membagi header menjadi 1 kolom atau 2 kolom. Pembagian haeder menjadi 2 ataupun 1 kolom cukup simpel gag terlalu rumit menu html-nya hanya perlu penggantian pada template blogger sobat saja, yah langsung saja kita praktekin yukz.. :)

Contoh header 1 kolom

 
Contoh hesder 2 kolom

Yang pertama merubah header 1 kolom menjadi 2 kolom

• Sobat login ke akun blogger sobat sendiri bukan akun saya.. he :)
• pilih tata letak --> edit HTML
• Agar lebih amannya sobat download template lengkap terlebih dahulu template sobat untuk menghindari hal-hal yang tidak di inginkan.
• Selanjutnya sobat cari kode header-wrapper seperti ini :

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor
no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}

• Selanjutnya kode yang sudah sobat temukan di atas ganti dengan kode berikut :

#header-wrapper {
width:980px;
margin:0 auto 10px;
}

#headerkiri {
width:200px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 5px;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:150px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

#headerkanan{
width:750px;
float:right;
padding-top:26px;
}

• Berikutnya sobat cari kode berikut ini, agar pencarian sobat lebih mudah pencet ja ctrl+F :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

•  Setelah kode di atas ketemu berikutnya sobat ganti dengan kode berikut ini :

<div id='header-wrapper'>
<div id='headerkiri'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

<div id='headerkanan'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

•  Yang terakgir simpan template.

Berikutnya cara merubah header 2 kolom menjadi 1 kolom. Ini sama halnya dengan yang telah di uraikan di tas hanya tinggal di balik saja. Kalo masih bingung mari kita ulas sekali lagi bersama sama.

• Sama juga sobat harus login ke akun blogger sobat.
• Selanjutnya pilih Tata letak --> Edit HTML
• Sobat cari kode berikut ini :

#header-wrapper {
width:980px;
margin:0 auto 10px;
}

#headerkiri {
width:200px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 5px;
text-align: left;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:150px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

#headerkanan{
width:750px;
float:right;
padding-top:26px;
}

• Kemudian sobat ganti menjadi kode berikut :

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor
no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}

•  Setelah berhasil dengan kode di atas sobat cari lagi kode berikut ini :

<div id='header-wrapper'>
<div id='headerkiri'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

<div id='headerkanan'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

• Kemudian ganti menjadi kode berikut :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

• Nah yang teakhir jangan lupa di save template. 

NB : Pada huruf yang berwarna biru bisa sobat sesuaikan dengan lebar template sobat.

Pada intinya semua sama hanya tinggal di balik saja kode htmlnya yang semula 1 kolom menjadi 2 kolom begitu juga merubah  yang 2 kolom mwnjadi 1 kolom. Semoga ilmu ini bermanfaat buat sobat blogger semua dan mohon dukungannya dalam kontes SEO negeriads.com solusi berpromosi.

Sumber

Read More

Tujuan Kebaikan Ramadhan

Insya ALLAH kita akan bertemu bulan yang mulia yaitu bulan Ramadhan. Ramadhan adalah bulan yang di dalamnya ada perintah ibadah shaum (puasa) yang di khususkan bagi umat nabi Muhammad saw. Dalam bulan ini, ALLAH SWT banyak menurunkan kebaikan yang harus kita rebut agar kita tidak kehilangan tujuan dari hikmah diwajibkannya shaum Ramadhan, yaitu : Ketaqwaan.

Nilai taqwa adalah nilai yang tinggi di hadapan ALLAH. Dalam firman yang lain, ALLAH SWT menjelaskan sebagian ciri hamba-Nya yang bertaqwa. "Dan bersegeralah kamu kepada ampunan dari Rabbmu dan syurga yang luasnya seluas langit dan bumi yang di sediakan untuk orang-orang yang bertaqwa, (yaitu) orang-orang menafkahkan (hartanya), baik di waktu lapang maupun sempit, dan orang-orang yang menahan amarahnya dan memaafkan (kesalahan) orang. ALLAH menyukai orang-orang yang berbuat kebajikan. Dan (juga) orang-orang yang apabila mengerjakan perbuatan keji atau menganiaya dirinya sendiri, mereka ingat akan ALLAH, lalu memohon ampun terhadap dosa-dosa mereka dan siapa lagi yang dapat mengampuni dosa selain dari pada ALLAH ? Dan mereka tidak meneruskan perbuatan kejinya itu, sedang mereka mengetahui. Mereka itu balasannya ialah ampunan dari Rabb mereka dan Syurga yangg didalamnya mengalir sungai-sungai, sedang mereka kekal didalamnya; dan itulah sebaik-baik pahala orang-orang yang beramal." (Q.S al Imron: 133-136). Melalui ayat di atas, kita memahami ALLAH SWT menjanjikan ampunan dan surga-Nya bagi hamba-Nya yang bertaqwa, dan siapakah mereka ???

Pertama, orang-orang yang menafkahkan (hartanya), baik diwaktu lapang maupun sempit. Ketia orang memiliki kelebihan harta,  (bisa jadi) berinfaq akan terasa lebih mudah . Ini memang sudah sepatutnya. Kita belajar bagaimana infaq harta tercurah bagi dakwah islam di masa Rasulullah saw ditangan para sahabtnya yang kaya raya. Saat perang tabuk, Utsman bin affan menginfaqan 1000 ekor unta, 70 ekor kuda, dan 1000 dirham, bahkan disebut sebut sumabngan Utsman setara dengan sepertiga biaya perang tersebut. Namun pada awalnya, jiwa kedermawanan tidak dibangun, kecuali jika seseorang mampu berinfaq dalam keadaan sempit. inilah sebabnya mengapa ALLAH mencantumkan kata sempit yang berarti bahwa kemampuan berinfaq tidak hanya bisa dipikul bagi mereka yang meiliki kelapangan dalam harta, tetapi juga bisa dilakukan dalam keadaan kekurangan.

kedua, orang-orang yang menahan amarahnya dan memaafkan (kesalahan) orang. Kemarahan adalah sifat yang inheren dalam diri manusia, namun ia bisa dikendalikan dengan keimanan. Itulah sebabnya Rasulullah saw dalam haditsnya memberi nasehat kepada seorang pemuda, laa taghdhab, 'jangan marah' sebanyak tiga kali. (HR. Bukhori). Dalam hadits lain, Rasul mengatakan orang yang kuat itu bukan orang yang pandai bergulat, tetapi orang yang kuat ialah orang yang mampu menahan hawa nafsunya ketika marah." (HR. Bukhori dan Muslim).

Kemampuan menahan marah biasanya paralel dengan kemampuan memaafkan. Hal ini ketika seorang telahmampu menahan diri dari melampiaskan rasa marahnya, secara otomatis, dia lebih mudah melapangkan. Lebih jauh, kemampuan memaafkan ini dibangun dari rasa harap yang sangat terhadap ampunan ALLAH SWT. Dalam peristiwa haditsul ifki (berita bohong), Abu bakar ra pernah bersumpah untuk tidak memberi bantuan dan tidak memaafkan kerabatnya yang terlibat dalam fitnah terhadap putrinya, Aisyah ra. Namun peintah ALLAH SWT turun agar Abu Bakar ra memaaafkan dan ALLAH SWT abadikan peristiwa ini didalam firman-Nya "dan hendaklah mereka memaafkan dan berlapang dada. Apakah kamu tidak ingin bahwa ALLAH mengampunimu ? Dan ALLAH adalah maha pengampun lagi maha penyayang." ( QS. an-Nuur: 22).

Ketiga, orang-orang yang bila mengerjakan perbuatan keji atau menganiaya diri sendiri, mereka memohon ampun dan tidak meneruskan perbuatan kejinya. Kehidupan ini menyimpan banyak godaan. Hamba ALLAH yang berimanpun tidak luput dari godaan tersebut. Bisa jadi perbuatan keji (berzina, minum khamar, membunuh, dst) tersebut pernah dilakukan. Namun ampunan ALLAH tidak pernah tertutup selama nyawa masih dibadan, selama niat bertaubat tulus dan ikhlas semata karena ALLAH SWT, dan menjaga diri dengan tidak mengulanginya kembali. " Hai orang-orang yang beriman, ber-taubatlah kepada ALLAH dengan taubat yang semurni-murni nya, mudah-mudahan Rabbmu akan menghapus kesalahan-kesalahanmu dan memasukanmu kedalam Syurga yang mengalir dibawahnya sungai-sungai, pada hari ketika ALLAH tidak menghinakan Nabi dan orang-orang yang beriman bersama dengan dia; sedang cahaya mereka memancar dihadapan dan di sebelah kanan mereka, sambil mereka mengatakan: "Ya Rabb kami, sempurnakanlah bagi kami cahaya kami dan ampunilah kami; sesungguhnya Engkau maha kuasa atas segala sesuatu" (QS. at-Tahriim: 8).

Marhaban ya Ramadhan, semoga denganmu, kami akan meraih kemulyaan nilai ketaqwaan, Wallahu 'alam.

 

From

Read More