Assalamu'alaikum wr wb teman semua...pada kali ini aku penasaran ingin membuat blog saya ada konten like nya, yang berada di bawah setiap postingan kita.
dan ini contoh gambarnya

bila kalian ingin membuatnya begini ni caranya...walaupun caranya niru hehehehe
1. anda login dulu ke blog anda
2. sudah kan selanjutnya masuk kemudian menuju ke design pilih yang edit html tapi jangan lupa download full template dan centang pada Expand Widget Template.
3. selanjutnya cari kode yang mirip dengan <div class='post-footer-line post-footer-line-1'/> cari menggunakan ctrl f bila anda menggunakan firefox
4. langkah berikutnya copy dan pastekan kode di bawah ini, di bawah kode <div class='post-footer-line post-footer-line-1'/>

<div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:75px; height:27px;'/></div>

5. terakir tinggal disimpan.

cukup sekian untuk episod kali ini...Wassalamu'alaikum wr wb

jangan lupa ninggalin koment ya...

http://ampundumeh.blogspot.com/

Buat teman-teman yang ingin memasang widget tiwtter di Blog agar cepat di follow
nee saya punya caranya .

Agar Widget ini bisa ada di Blog kalian caranya :

1. Masuk aja situs yang ada Disini
2. Pilih salah satu gambar twitternya untuk dipasang di blog kalian .
3. setelah itu masukkan alamat twitter kalian

misalnya aja twitter kalian : http://twitter.com/#!/Ramadhan
Copy aja yang warna merah

4. Kemudian Apply your twitter name to the code .
copy clip to Clipboard

5. masuk ke Blog kemudian pilih design
6. Copas ke HTML / JAVA SCRIPT
7. simpan dan lihat Blog

Selamat Mencoba

Diambil dari http://freedownloadothers.blogspot.com

Salam Sukses http://ampundumeh.blogspot.com/

yaaaah episode kali ini.
anda menginginkan yang ini kan, sangat bagus dan sangat menarik sekali kalau anda emang bener bener pecinta Indonesia.

kalau anda tertarik begini caranya...
1. langsung masuk ke design.
2. pilih page element kemudian add a gadget.
3. pilih html java script, muncul kotak begini kan isikan kolom yang di bawah dengan kode di bawah ini:

<script language="JavaScript" src="http://adabisnis.com/js/widget.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://lh6.googleusercontent.com/_9W8681AXnyo/TWS8zq3XKFI/AAAAAAAAAL8/VNes2sF4baw/iluvindonesia.png")</script>

4. save dan selesai.

oke teman selamat mencoba dan jangan lupa meninggalkan komentar.
#indonesia mania

source code diambil dari adiwidget.blogspot.com

http://ampundumeh.blogspot.com/

Membuat Google translate dengan bendera (flag icon)

This time we will learn about how to make google translate flags, however functions in google translate is for a translator for visitors to the blog if it does not understand the content of the blog because of the language.
okay friend's start:

===========================

 

Kali ini kita akan belajar tentang bagaimana membuat google translate bendera, bagaimanapun fungsi dalam google translate adalah untuk penerjemah bagi pengunjung blog apabila tidak mengerti isi blog karena bahasanya.
oke teman kita mulai:
1. Login ke Blogger. 
2. Masuk pada design.
3. Kemudian di kolom page element pilih add gedget.
4. Muncul menu pilihan kan, pilih yang html/java script.
5. Kemudian pastekan kode dibawah ini.

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfWMs_edr8mCEAtSEap5Wagr01nuNjlsje1FblcV0jjIaPrNPGfi9a-hGOdnflCBByFEgnZ_vo-qD7Sj8vUAzGs6_oCHGOs2ngmLxD4YFLitjh3x1bZubidx2vFvlioZp692NoV4NgRNBZ/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEkcINxMgKJgbbYJfgRwMxVtDSMZvyWji3ex8z66zeatcWEu_aVRjCw9DHrejwsGF0npgWoaVRL6zEH8vItMiUAnUjhsArLI7aJDdWqr5MGL3FF-jUTjcz0CgDIvovWyfOurFc6RGBBJ19/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy8uRzuNVo0lzsOkzs_zmnT5mqiB05lPxeFdAJEecFog1MNwAfzzqqcLoddG5BKzXTrX4ujsT7XTvDnqq8aK9ewprleE2PB8-OVyGC4gMScL9ye_ieUfLJ-4sTNeeSklziC70U3uSKaEIs/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicRZpCaQ52ZeJ1SI3u0B2wgd1qpXFkTmK1eejZOqvYwwmU0nhIZa_ZcxEqSeMffvxdhea3r4d1qPv0LF6J6KYKtQUVE18xaN3L5qWxbdcIBOLtMdKsHRDQGlgqvtJ959ybFqfs8B5iqlux/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkIxTRevpiG_CQ2D2JxG9J_2nNAv-BepmYMb5zyVcFFD7hL57oW-B7mXzkn2NhkYxEtTbsOVHg1Kmt9lYwJZV7_ggm36fZJL-EuFNroDY20zkpfYGyuNgpZyu9TEsoBpIGHPpqHZfPVRqM/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtV0FOcLw1bDJjAuyKdReozJx_Eq6jdP987AQ6rS3Zh0OirnLr7b2S6KvdW135uQs0wmEkUpuX7XbYrJJUTSejcEKIm3qNfg3K4jFNMFh29BK1X-Tm9U2dE6p254evGGix-dJkoXoR0hgC/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF68cUl4oKEF6YMHQaOKfJIgaqf1jv1aAXCA6O4dgDWlZAmJPE9DON1wSAYUfOMXNWqwWKVfYQoFhTlsXbsxZxlAKA66OYbWXnFsexpURCrtYj8HSPQ_NJIsk61_gXfVqRryFNnVez3Xrz/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsmYhlaBRCIT2vImmGHjlZiCpFWDKRUwF6wgVuwmjbhJdAqwJtdJ4wH0lLiPFoeLj1Ic5MVtZsJwPGj4BwucbI2F592c6qN6YpIqpHdFsEZLggma91dRcb2ApeHv7M0koQNHNHqcTUAdHt/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT1Zt3qmlfUwq8dkFaiaaXne144td8YDlMvs5fCgHycQAywjgId2fVovOF_21ZjFgj7kBfY9pFK7omwDinbvPUS5VLQUXALJuRbIi8oE3YCsdgVADYJKsbG6U89sbfNC8aXa4dnC6Oq0OL/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbdq-Q4M5P9lZEX1Fo2tOFrHNRLS3N0JkxgghtlMrHZQ6VMS3FZH1DF9dUYTeAZ5Op4DoTg33nxVPfLXBruO39chErCgY789wGWH_HYkLcFPEOSYLnO6-Mjx1lx6EUZeQ4ezW68o7elNDM/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr4sziQMzGXp_1dIV4DtWzuEC3iUFAN8h98MrQoH7UWUZOClI6Y9uUTWHCQ7IT0r6jT-cSFybNzZGNZ8UFBnmofmotfFmo1vYs5nERe2veW7-c0wHDtTMeBiF0Ms6mvYY0UCBuNss3V6bN/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdJ2LURtc3G-Ijvwc10m_CH3c7iFmjHpJcO-bTZrnxszv89HfQu8rEwaHufxd6xNr-XRtp5lywNZMaCqNWaiZPynSJuxmXpbIAXYOT8DfrUXve3IK10oeCTZhrC2JZIv12yXxpTC8-rTHN/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://juntenxblog.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>

6. Mudah kan, tinggal di save.

tunggu hasilnya dan siap dengan widget baru.

by: http://ampundumeh.blogspot.com/

Oke teman kali ini  aku akan sedikit memberi tahu tentang bagaimana membuat buku tamu yang melayang dikiri maupun dikanan layar anda.

Teman-teman pernah melihat kan bagaimana buku tamu yang melayang. Begini caranya:

1. Masuk ke blogger
2. Kemudian pilih design.
3. Di Page Elements pilih lah add gadget.
4. Muncul menu pilihan kan, kemudian pilih html/javascript
5. Copy kan kode dibawah ini

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBGmln6ymNwekCKKgJDz5ij94s8m_vteupvfJJw0l-SSknzObyTkHePjblT_rZXA-DvWeOLGK7_KhSFJEMR7k2TZ5C5S7u9MpqsBwEmrJqWFYHuUutGx6NM4yxblcE6eeo7By_Zia2tgGk/') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="bnjoer" src="http://www5.shoutmix.com/?bnjoer" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?bnjoer">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->

<br/>

Anda berminat buat Buku Tamu seperti ini?<br/>

Klik di

<a href="http://ampundumeh.blogspot.com/2011/05/membuat-buku-tamu-melayang.html">

sini </a>

<div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

6. Tunggu dulu teman jangan langsung di save, kemudian ganti kode yang saya blog/ saya garis bawahi. Oke
7. Tunggu hasilnya.

bagaimana teman berhasil kan???
Kemudian Jangan lupa kasih komentar ya...

by: http://ampundumeh.blogspot.com/

Pada kesempatan ini, ada sedikit tutorial bagaimana “memasang energi saving pada blog”  kalau sobat belum pernah mencoba silahkan untuk mencoba pasti menarik dan akan menambah kreasi pada blog anda.

1. Untuk pengguna Blogger begini caranya

• Login ke halaman admin [blogger.com]
• Pilih design atau rancangan.
• kemudian add widget/add a gadget (boleh di bagian manapun yang menurut anda sesuai karena tidak ditampilkan penuh, dan hanya untuk penempatan menyimpan)
• muncul kotak tampilan menu yang kayak gini kan sob.

• Kemudian pilih yang html/javascript, judul boleh dikosongkan
• paste kode berikut:

<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
<!-- save your energy end -->
<script type='text/javascript'>

• kemudian save/simpan.

2. Untuk pengguna wordpres/blogdetik

            Caranya hampir sama sob:

• Login ke halaman admin [alamat blog anda/wp-admin]
• Klik Apperarance/tampilan kemudian widget
• pilih Teks/html atau bisa juga disisipkan pada widget yang sudah ada
• Judul bisa dikosongkan, kemudian isikan kode yang berikut:

<script language=”javascript” type=”text/javascript” src=”http://www.onlineleaf.com/savetheenvironment.js”></script>

• Kemudian, simpan/save

Untuk lebih jelasnya Ini sob contohnya bila sudah berhasil:

Selamat Mencoba...

menambah Aksesoris Blog

 

Berikut sejumlah "aksesoris" blog yg dapat dipasang di blog Anda yg berfungsi tidak hanya sebagai perhiasan tapi juga untuk menarik hati kaum blogger (baca, pengunjung) dan search engine

  Membuat Bukutamu

Bukutamu blog disebut juga dg shoutbox atau tagboard. Sama dg bukutamu website, tapi bentuknya lebih sederhana. Banyak situs penyedia bukutamu blog gratis yg bisa Anda cari di google dg kata kunci shoutbox atau tagboard. http://shoutmix.com termasuk penyedia bukutamu blog yg disukai yg servernya cukup stabil.

Caranya:
(a). Buka url/alamat yang diatas, ikuti semua perintahnya.

(b) buat user name dan password kemudian, log-in dg id dan password yg sudah kamu buat.

(c) Klik menu "Code Generator"

(d) Pilih Full-frame shoutbox

(e) Klik "Generate the Code"

(f) Copy kode HTML yg ada.

(g) buka design terus pilih page element (add a gadget), pilih HTML/java script.

(h) Copy dan masukkan ke Sidebar

(g) Klik SAVE SETTING & REPUBLISH. Selesai

Fungsi dari bukutamu blog ini seperti yg Anda tahu untuk membuat interaksi pemilik blog (blogger) dg pengunjung lebih aktif dan menunjukkan bahwa kita orangnya cukup accessible.

SELAMAT MENCOBA DAN SALAM SUKSES

Menambahkan Widget Pilihan Bahasa Pada Blog

Pernahkan anda melihat sebuah web ataupun blog menampilkan widget pilihan Bahasa? seperti anda lihat pada blog ini.

Widget pilihan bahasa ini bertujuan agar pengunjung di seluruh dunia bisa lebih memahami blog anda, sehingga mudah-mudahan makin populer. dan biar mudah dikenal orang luar negri.

Karena widget ini menggunakan google translate, maka usahakan blog anda menggunakan bahasa yang baku agar bisa diterjemahkan dengan baik dan benar. Hindari penggunaan bahasa-bahasa gaul, serta hindari penggunaan singkatan.

Untuk menambahkan widget pilihan Bahasa pada Blog kamu, silahkan ikuti tips dan trik berikut:

1. Buka situs tool google translate berikut ini http://translate.google.com/translate_tools?hl=en
2. Pilih bahasa yang digunakan dalam blog/ website Anda. Tunggu beberapa saat hingga proses loading page selesai.
3. Aturlah tampilan yang kamu inginkan
4. Kemudian Copy kode HTML yang ada dalam kotak.
5. Login ke blog Anda. Masuk ke menu Layout -> Page Elements
6. Klik Add a Gadget. Klik tombol + pada HTML/ Javascript.
7. Pastekan kodenya kedalam kotak lalu klik Save.
8. Selesai.
9. Klik View Blog untuk melihat tampilannya.

Gampang bukan? Selamat mencoba.

Salam Sukses

Setelah pada Panduan Blogger dan Tutorial Blogger sebelumnya telah di bahas tentang cara membuat read more dengan efek marquee yang membuat sebuah efek dinamis pada "sepenggal kata read more" di read model lama, supaya dengan cepat sampeyan bisa menerapkan di read more blogger baru, silahkan ikuti panduan berikut ini:

Cara Membuat Read More Berjalan dengan Efek Marquee di Blogger Baru :
1.  Login : Loginlah ke Blogger.
2.  Dasboard : Halaman Dasbor, KLIK "Tata Letak" dan teruskan dengan KLIK "Edit HTML".
3. Edit HTML : Amankan Template terlebih dahulu supaya bila terjadi kesalahan yang mengakibatkan   kerusakan/perubahan yang tak diinginkan , template bisa dikembalikan lagi ke keadaan semula. Untuk mengetahui cara mengamankan template kalian bisa KLIK
    di sini.

 4. Lanjutkan dengan KLIK "Expand Widget Template".
    <data:post.jumpText/> : Cari kode html tersebut dengan menggunakan Ctrl + F. Untuk mengetahui cara cepat mencari kode html menggunakan Ctrl + F, kalian bisa KLIK
   5. Setelah ditemukan, hapus kode tersebut berikut kode di bagian atas dan bawahnya yang bentuknya seperti ini :

    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
    <data:post.jumpText/>
    </a>

    Kode html Baru Read More Berjalan :

    <marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
    <img src='http://i964.photobucket.com/albums/ae124/gubhugreyot/button/ReadMoreAnima.gif' style='float:right;height:19px;width:98px;margin:15px 50px;border:1px solid #555;padding:2px;'/>
    </a>
    </marquee>

 6.   SAVE Template: Jangan lupa KLIK "Simpan Template"
    Ganti Gambar Read More : Untuk mengganti gambar read more yang aku sertakan di kode html di atas, sampeyan bisa membuatnya sendiri menggunakan Adobe Photoshop dan Adobe ImageReady, atau memanfaatkan layanan gratis di beberapa alamat di bawah.

Untuk buat teks animasinya silahkan langsung klik link di bawah ini :

    CoolText :
    http://cooltext.com
    Flamingtext :
    http://www.flamingtext.com
    GRsites :
    http://www.grsites.com