
Cara Membuat send email di blog
Berbagi ilmu lagi
berikut script buat rekan-rekan yg ingin membuat send email
1. copy script berikut di widget HTML
2. ganti tulisan berwarna merah dengan email anda sendiri
3. lalu save
<form action="MAILTO:sales.alfusoftmedia@gmail.com" method="post" enctype="text/plain">
Name:<br />
<input type="text" name="nama" value=" " size="20" />
<br />
Alamat:<br />
<input type="text" name="alamat" value=" " size="20" />
<br />
Email:<br />
<input type="text" name="mail" value=" " size="20" />
<br /><br />
<input type="submit" value="Kirim" />
<input type="reset" value="Batal" />
</form>
<form action="MAILTO:sales.alfusoftmedia@gmail.com" method="post" enctype="text/plain">
Name:<br />
<input type="text" name="nama" value=" " size="20" />
<br />
Alamat:<br />
<input type="text" name="alamat" value=" " size="20" />
<br />
Email:<br />
<input type="text" name="mail" value=" " size="20" />
<br /><br />
<input type="submit" value="Kirim" />
<input type="reset" value="Batal" />
</form>
cara-membuat-send-email-di-blog |
cara-membuat-send-email-di-blog
News Software Aplikasi Ebook Poem free
Ada beberapa cara untuk menampilkan threaded comment ini, banyak beberapa rekan blogger sudah mengulasnya. Disini saya akan mejelaskan cara yang paling simple.
Dengan Mengedit Template
1. Login ke Dasbor klik
Template --->
Edit HTML 2. Centang
Expand Template Widget 3. Cari semua kode ini
<b:include data='post' name='comments'/>
(di template saya ada 4 kode seperti itu)
4. Ganti semua kode diatas dengan :
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
5. Save dan lihat hasilnya
Tanpa Edit Template
Dengan cara di bawah ini memang lebih mudah, tetapi kadang-kadang merubah beberapa tampilan widget anda. Untuk cara yang lebih aman, ikuti cara di atas dengan Edit Template
1. Login ke Blogger ---> klik Blog yang akan diedit
2. Backup dulu template anda (jaga2 takut gagal) ---> klik Template ---> klik Cadangkan/Pulihkan (sebelah kanan atas) kemudian Unduh template lengkap
3. Edit HTML ---> Lanjutkan ---> Kembalikan template widget ke default ---> klik OK
4. Selesai, lihat blog anda yang sudah ada komentarnya. Atau buat komentar untuk mencoba.
Sampai disini, thread comments blogger anda sudah aktif. Tetapi tampilan komentar masih standar dan terlihat kurang professional. Untuk merubah tampilan komentar anda silahkan kunjungi tutorial Editt CSS Thread Comments Blogger.
Cara Membuat Threaded Comment di Blogger / Blogspot
CODE WARNA HTML
INFO TEKNO
 |
| TEXT AREA By NAP |
Textarea adalah kolom berbentuk elastis dan dapat beradaptasi dengan kondisi yang diinginkan pengguna media online. Penggunaan Textarea ini dapat menghemat ruang halaman posting blog. Textarea hampir menyerupai scrollbox akan tetapi ukuran kolom teks area dapat dirubah-rubah oleh pengguna lain yang mengasksesnya sementara scroll box tidak. Walaupun teksarea dapat dikendalikan oleh pengguna lain tapi tidak merubah bentuk yang sudah ditentukan pembuatnya.
Teksarea (textarea) yang ditulis dengan kode berikut ini jika kolom teks area diklick kiri maka dengan sendiri seluruh teks/kode yang ada di dalamnya akan terblok otomatis. Teks dalam kolom teks area juga dapat dicopy dan paste pada tempat lain seperti melakukan Copas dalam software aplikasi micorosoft offiec word atau excel.
Cara membuat textarea ketika disorot mouse seluruh text atau kalimat yang ada dalam kolom textarea akan ter-block otomatis. Cara ini yang dijelaskan blogger sedang berada pada halaman edit posting (tempat menulis artikel blog) dengan langkah sebagai berikut:
1. Klick HTML pada halaman edit posting blog
2. Tempatkan kode di bawah ini lalu tulis teks sesuai kebutuhan anda
3. Klick Compose untuk melihat hasil sementara.
<textarea onclick="this.focus ();this.select()" style="height: 50px; width: 573px;">Textarea adalah kolom berbentuk elastis dan dapat beradaptasi dengan kondisi yang diinginkan pengguna media online. Penggunaan Textarea ini dapat menghemat ruang halaman posting blog. Textarea hampir menyerupai scrollbox</textarea>
Hasil dari Code Diatas
Angka height dan width yang terdapat pada kode di atas tidak mutlak. Cara mengatur dan menentukan ukuran kolom textarea dapat dilakukan sebagai berikut.
- Setelah membuat/menulis textarea pada halaman Edit posting klick Compose.
- Tempatkan pointer kursor mouse di bagian bawah kanan kolom textarea lalu klick kiri
- Klick kiri pada mouse baru lepas setelah menentukan ukuran kolom textarea
Selamat mencoba
INFO TEKNO
Sebenarnya cara ini sudah kita bahas di
web matrix 4 bulan yang lalu.
Tapi karena ada sobat yang masih tanya maka saya ulas di sini.caranya sangat mudah langsung saja
Langkah awal :
1.silahkan login ke blog anda >klik menu Desing HTML>centang Expand Wiged templates
2.Cari kode <data:post.body/>
3.Letakan code dibawah ini tepat di bawah <data:post.body/>
INFO TEKNO
Cara Pasang Tombol Share FB, Twitter, Buzz, G+1 Melayang di Blog | Bagi anda yg tidak tau
Cara Pasang Tombol Share FB, Twitter, Buzz, G+1 Melayang di Blog, perhatikan Langkah2
Cara Pasang Tombol Share FB, Twitter, Buzz, G+1 Melayang di Blog berikut ini.
1. Login ke Blogger
2. Design -->> Page Element
3. Add Gadget -->> HTML/Javascript
4. Copy lalu pastekan kode script share dibawah ini di form content-nya dan Save
<style>
#pageshare {position:fixed; bottom:25%; margin-left:-83px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id="pageshare" title="ali bloggers">
<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script></div>
<div class="sbutton" id="rt">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script></div>
<div class="sbutton" id="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a></div>
<div class="sbutton" id="gplusone">
<script src="http://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<g:plusone size="tall"></g:plusone></div>
</div>
Nilai pada bagian teks: bottom:25% ; margin-left:-83px bisa diganti sesuai keperluan dan bentuk tampilan Blog (bisa ditambah atau dikurangi nilainya)

Agar pengunjung tidak merasa bosan saat mengunjungi
blog Anda, mungkin perlu dipikirkan untuk menambahkan musik latar pada saat
blog tersebut diakses. Caranya tidak terlalu sulit :
- (1) Siapkan file musik yang akan dijadikan sebagai latar belakang blog.
- (2) Upload file tersebut ke salah satu penyedia jasa hosting online (caranya dapat dibaca di Trik "Meng-upload" File ke Blogger), dan jangan lupa untuk mencatat alamat tempat file tersebut disimpan.
- (3) Selanjutnya, masuk ke akun Blogger Anda.
- (4) Klik menu "Layout", kemudian klik tab "Edit HTML"
- (5) Pada boks "Edit Template", cari tag "<head>"
- (6) Sisipkan tag berikut ini di bawah tag "<head>" :
<embed autostart="true" src="http://www.website.com/namafile.mp3" hidden="true">
Ganti "http://www.website.com/namafile.mp3" dengan alamat tempat file musik Anda disimpan.
- (7) Klik tombol "Save Template"
Selesai... sekarang saat pengunjung mengakses
blog Anda, secara otomatis akan terdengar musik yang telah anda pilih sebagai latarnya...
Eit...tapi tunggu dulu...Bagaimana jika kebetulan ada pengunjung yang tidak menyukai musik yang menjadi latar
blog Anda?
Jangan khawatir...ada cara agar pengunjung dapat mengatur volume bahkan menghentikan musik latar
blog, sebagai berikut :
- (1) Setelah meng-upload file musik ke penyedia jasa hosting online, masuk ke akun Blogger Anda.
- (2) Klik menu "Layout", kemudian klik tab "Page Elements".
- (3) Klik "Add a Gadget" pada lokasi yang Anda sukai.
- (4) Pilih gadget "HTML/JavaScript".
- (5) Isi judul gadget pada kotak "Title" bila dirasa perlu.
- (6) Pada kotak "Content" masukkan tag berikut ini :
<embed width="200" src="http://www.website.com/namafile.mp3" autostart="false" loop="false" height="50"></embed>
Ganti "http://www.website.com/namafile.mp3" dengan alamat tempat file musik Anda disimpan.
Ganti autostart="false" dengan autostart="true" apabila Anda ingin musik latar secara otomatis terdengar pada saat blog diakses.
Ganti loop= "false" dengan loop="true" apabila Anda ingin musik latar dimainkan berulang-ulang.
Ganti width="200" dengan angka yang sesuai dengan lebar lokasi gadget.
Naah...Sekarang pengunjung dapat mengatur apakah akan mendengarkan musik latar atau tidak pada saat mengakses
blog Anda...
Namun satu hal yang penting untuk diperhatikan adalah bahwa semakin besar ukuran file musik yang di-upload, akan semakin memperlama waktu yang diperlukan untuk mengakses blog (tentunya dipengaruhi pula oleh kecepatan internet). Untuk itu disarankan agar Anda meng-edit terlebih dahulu file musik yang akan di-upload agar ukurannya menjadi relatif kecil (antara lain dengan sedikit menurunkan kualitas suaranya).
Semoga bermanfaat...


Sampai saat ini, Blogger belum menyediakan fasilitas bagi penggunanya untuk dapat meng-
upload file ke
blog agar dapat di-
download oleh para pengunjung
blog. Tapi jangan khawatir, ada cara mudah untuk mengatasinya :
upload file tersebut ke salah satu penyedia jasa
hosting online, kemudian
link-kan ke Blogger. Mudah bukan?
Berikutnya, tinggal pilih penyedia jasa hosting online yang sesuai dengan kebutuhan dan selera masing-masing. Namun, saya yakin kriteria utama yang dicari sebagian besar orang adalah yang gratis. Saat ini banyak sekali penyedia jasa hosting online gratis. Bila kita memasukkan kata kunci "free file hosting" pada mesin pencari, akan didapatkan jutaan hasil, tentunya dengan fasilitas dan keterbatasan yang sangat bervariasi pula.
Saya sendiri lebih menyukai layanan
file hosting yang memiliki fasilitas
direct link. Artinya,
file-file yang sudah di-
upload dapat langsung di-
download tanpa perlu membuka halaman situs penyedia layanan. Dua layanan
file hosting yang pernah saya gunakan adalah
SnapDrive dan
FileDEN.
Untuk dapat “meng-upload” file ke Blogger, diperlukan 3 langkah utama sebagai berikut :
- Membuat akun pada penyedia layanan file hosting.
- Meng-upload file.
- Membuat link ke file yang telah di-upload.
1. Membuat akun pada penyedia layanan file hosting (Contoh membuat akun di SnapDrive)

- Isi formulir yang telah disediakan. Yang terpenting pada langkah ini adalah, jangan sampai lupa mengklik tombol radio "Free" pada pilihan paketnya.

- Setelah formulir diisi dengan lengkap, klik tombol "Register". Akan muncul halaman pemberitahuan bahwa Anda telah terregistrasi. Klik tombol "OK".

- Buka akun e-mail yang alamatnya telah diregistrasikan. Cari dan buka e-mail yang berjudul “Account activation”. Bila tidak ditemukan di dalam folder Inbox, coba cari di dalam folder Spam.

- Klik link yang terdapat pada e-mail untuk mengaktivasi akun.

- Akan muncul halaman yang menyatakan bahwa akun telah aktif. Klik link yang ditampilkan untuk log-in ke akun tersebut.

- Setelah log-in, terlihat (pada tampilan di sebelah kiri) bahwa secara default terdapat 2 buah folder, yaitu "Main Folder" sebagai folder utama, dan folder "My Documents". Anda dapat menambah dan mengatur susunan folder-folder tersebut sesuai selera untuk menempatkan file-file yang akan di-upload.

2. Meng-upload file
- Klik link bertuliskan "Upload" atau "Click here" (pada gambar 7 di atas). Kemudian klik tombol "Telusuri", pilih file yang akan di-upload, bila sudah ditemukan, klik nama file yang dimaksud, kemudian klik tombol "Open". Pada bagian "Upload options" (pada tampilan di sebelah kiri), pilihlah (dari menu drop down) di folder mana file yang akan di-upload akan disimpan. Kemudian isilah check box "Generate Link", dan klik tombol "Upload".

- Setelah file selesai di-upload, akan ditampilkan alamat tempat file tersebut disimpan. Salin alamat tersebut (di memori komputer, di notepad, ataupun secara manual, sesuai keahlian Anda).

3. Membuat link ke file yang telah di-upload
- Masuk ke akun Blogger.
- Pada posts editor, blok kata atau frasa yang akan di-link ke alamat tempat file disimpan.
- Klik tombol link yang terletak pada bagian atas editor.

- Akan muncul kotak dialog untuk pengisian URL.

- Isilah kotak tersebut dengan alamat tempat file disimpan. Klik tombol "OK".
- Link telah selesai dibuat. Pada tampilan blog, apabila link tersebut di-klik akan membuka atau men-download file yang sebelumnya telah di-upload.
salam by Alfuadi devanton
Tema kita hari ini masih seputar tools
Translate blog tapi yang direkomendasikan oleh google. Setelah sebelumnya kita membahas panjang lebar tentang cara membuat / memasang translate untuk blog dengan 3 macam variasi silahkan baca artikel saya yang berjudul 3 macam variasi Cara membuat google translate pada blog.
Translate dari Google memang dipercaya diseluruh dunia dengan sarana translate terbaik dan terpercaya. Banyak sekali blog yang sudah menggunakan fasilitas Translate dari google ini karena alasan tersebut.
Jadi jika berkenan, saran saya adalah untuk menggunakan fasilitas
translate dari google, selain tidak ribet juga menjadi bagian dari
google mania...wekekee..
Langsung saja kepada
cara membuat / memasang google translate di blog
Pertama masuklah ke halaman
google translate, klik disini.
Pilihlah pada Display mode (Inline, Tabbed, Automatic) dan Vertical, Horizontal dan Dropdown only.
Jika selesai, silahkan copy kode Pada Step 4 dan paste kan pada Widget / Gadget anda.
Jika ingin menghemat ruangan di blog anda, saran saya gunakanlah
Translate Google tipe Tabbed yang bisa anda cari pada bagian Display mode di Step 3.
Sekian sharing saya tentang
cara membuat Translate blog rekomendasi Google, semoga bermanfaat.
Berikut cara terpraktis menampilkan header flash di blogger
3. Masuk ke blogger Anda
4. Klik Rancangan
5. Klik Edit HTML
6. Cari kode ini:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> |
7. Ubah 1 menjadi 2
8. Ganti no menjadi yes
9. Klik SIMPAN TEMPLATE
10. Klik Elemen Halaman.
11. Lihat di bagian header. Sudah tambah 1 gadjet kan?
12. Klik Tambah Gadget
13. Copy paste kode ini:
<embed src="http://www.swfcabin.com/swf-files/1324244538.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="100" width="940"></embed> |
Ganti angka 1324244538dengan angka yang peroleh di http://www.swfcabin.com/
Sesuaikan tinggi (height) dan lebar (width) dengan ukuran header template blog Anda
14. Klik Simpan
15. Lihat hasilnya
Masih gagal?
1. Coba masukkan 2 sendok makan kopi kapal api + 1 sendok makan gula ke gelas kecil
2. Tuangkan air panas
3. Sruput pelan-pelan
4. Nyalakan sebatang rokok (not recommended)
5. Terawang langit2
6. Renungi kesalahan Anda
7. Ulangi tahapan di atas dengan benar
Selamat mencoba
Cara ganti penulis blog atau author name
Memiliki beberapa blog dalam satu akun merupakan hal yang biasa bagi setiap blogger. Sebab untuk membuat blog itu mudah dan tidak dibatasi jumlahnya. Jika anda membuat banyak blog dalam satu akun maka semua blog tersebut akan memiliki author name yang sama. Bagi anda yang belum tahu apa itu author name, Author name adalah nama penulis konten atau orang yang memiliki blog tersebut.Nah kadangkala ada blogger yang enggan untuk menunjukkan indentitas aslinya. Kalau begitu berarti sobat harus mengganti namanya dengan nama lain. Lalu apakah bisa? Tentu saja bisa. Bahkan sangat mudah. Berikut caranya:
- 1. Login ke blogger
- 2. Pada menu Design => Edit HTML
- 3. Jangan lupa beri tanda centang pada "Expand Widget Templates"
- 4. Cari kode dibawah ini
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
Ganti tulisan yang dicetak merah dengan nama yang ingin anda gunakan. Contoh:
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>Nama Anda
</b:if>
5. Simpan dan lihat hasilnya
Kali ini kita akan mencoba
cara menggunakan Auto Read More otomatis, yang membuat cara penulis atau posting artikel lebih mudah karna
Read More kali ini kita tidak harus memotong tulisan menggunakan cara manual dengan melakukan pemangilan fungsi
<span class="fullpost">..</span> atau
<div class="fullpost">..</div> seperti Read More ini dan yang Read More plus judul artikel. Hebatnya lagi,
fungsi Read More ini 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 nyaman saya sebut saja dengan fasilitas
image thumbnail, dan kita juga dapat pengatur jumlah karakter yang ditampilkan. Lebih jelasnya lihat gambar dibawah ini.
Oya kalo temen - temen masih mengunakan Read More versi lama lebih baik di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna
merah dibawah 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'>Readmore</a>
</b:if>
<div style='clear: both;'/> |
Setelah itu langsung ke halaman
EDIT HTML , Cari kode
</head> kemudian letakan script dibawah ini
di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.
Langsung copy paste kode dibawah ini:
<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 byalfusoft
visit http://www.alfusoft.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> |
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 == "item"'><data:post.body/></b:if> |
Lalau simpan 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)
Cara Setting Domain pada Blogger . Bagaimana cara setting / pengaturan domain .com/ .net/ .info/.org/ .co.id/.us/.co dan lain lainnya di ID webhost misalnya kita beli tapi bingung cara mengaturnya di blog, nah sekarang sobat gak perlu bingung untuk cara settingnya di blogspot . tentunya sobat blogger pengen domain blognya berubah , misal kayak saya dari berryhardisakha.blogspot.com menjadi berryhs.com . tentunya itu tidak sulit, sobat tinggal beli dan setting di blogger.
berikut cara settingnya di blogger :
-log in ke blogger.com.
-di menu dasbor pilih setting atau pengaturan.
-lalu pilih publishing .
-di publishing ,klik custom domain .
-lalu pilih
Switch to advanced settings .
-nah akan muncul kotak seperti dibawah ini dan isikan seperti yang saya contohkan, misalnya
www.alfusoft.net untuk domain .com :
Demikian artikel tutorial
Cara Setting Domain di Blogger singkat dari berry blog, semoga bermanfaat untuk sobat blogger semua .