Membuat Link Email Untuk Pengunjung

Ada baiknya sebagai pemilik blog kita memberikan tempat bagi pembaca untuk menyampaikan saran, kritik, bahkan sesuatu hal yang ingin mereka tanyakan dengan mengirimkan hal tersebut melalui e-mail kita, sehingga komunikasi lebih terjalin dengan baik, dan dapat sebagai media untuk berdiskusi tentang sebuah postingan atau hal lainnya, asalkan membicarakan yang positif saja ya, gak usah yang aneh-aneh atau yang bagaimana gitu ..?? Untuk membuat link email ini silahkan lanjutkan dulu bacanya ya..


Sebenarnya postingan ini saya sadur dari blognya Kranthi, lihat saja disini, makasih ya sharing ini. Ada 2 bentuk / cara untuk menampilkannya yaitu :

1. Menggunakan Text Link
misalnya alamat e-mail yang anda miliki : abc@gmail.com
sehingga untuk menampilkan link tersebut seperti berikut ini :
<a href="mailto:abc@gmail.com">Email me </a> Hasilnya : Email me


2. Menggunakan Image Link
Cara yang kedua ini menggunakan icon image sebagai linknya, sehingga akan tampil lebih menarik lagi, pengunjung dapat langsung memahami icon gambar tersebut.

Untuk itu anda perlu mengup-load terlebih dahulu image / icon yang akan digunakan pada pada file hosting seperti Photobucket.com dan meng-copy Direct link dari icon yang sudah di upload tersebut.

INI YANG LEBIH MUDAH LHO ... !!
Jika anda menggunakan blog dari Blogger, setiap gambar yang anda upload akan memiliki kode link-nya yang otomatis diberikan oleh blogger seperti gambar yang saya gunakan diatas kode link-nya :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONCUi29oCJK-UhM9AhO9PffmzgDsN4wvYemyBTOWmhYfn8krUmb1gdK7TeIEozlvRMQdkYdXjXGrsFdNYMW406KUK-kCPlIqbv2ImGodxLOLvwCBAfeelzLZgslTJpXLehq8vqz3C1Q/s1600/eMail%2520Icon.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 114px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONCUi29oCJK-UhM9AhO9PffmzgDsN4wvYemyBTOWmhYfn8krUmb1gdK7TeIEozlvRMQdkYdXjXGrsFdNYMW406KUK-kCPlIqbv2ImGodxLOLvwCBAfeelzLZgslTJpXLehq8vqz3C1Q/s320/eMail%2520Icon.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5535893898479432930" /></a>

Dari link gambar diatas silahkan anda Copy / ambil bagian ini saja dan silahkan modifikasi tag alt-nya, hasilnya :

<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 114px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONCUi29oCJK-UhM9AhO9PffmzgDsN4wvYemyBTOWmhYfn8krUmb1gdK7TeIEozlvRMQdkYdXjXGrsFdNYMW406KUK-kCPlIqbv2ImGodxLOLvwCBAfeelzLZgslTJpXLehq8vqz3C1Q/s320/eMail%2520Icon.png" border="0" alt="kirim via e-mail" id="BLOGGER_PHOTO_ID_5535893898479432930" />

Terakhir silahkan anda gabungkan kodenya seperti berikut ini :

<a href="mailto:abc@gmail.com"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 100px; height: 114px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhONCUi29oCJK-UhM9AhO9PffmzgDsN4wvYemyBTOWmhYfn8krUmb1gdK7TeIEozlvRMQdkYdXjXGrsFdNYMW406KUK-kCPlIqbv2ImGodxLOLvwCBAfeelzLZgslTJpXLehq8vqz3C1Q/s320/eMail%2520Icon.png" border="0" alt="kirim via e-mail" id="BLOGGER_PHOTO_ID_5535893898479432930" /></a>

Hasilnya :

Untuk penempatannya dapat rekan letakkan kodenya pada sidebar atau tempat tertentu menurut selera anda, so kalau masih belum jelas dan ada yang ingin ditanyakan kirim saja ke-email saya :

Read More >> Membuat Link Email Untuk Pengunjung

Memasang Total Comment pada Title Post

Penulis : oom.com

Pasti rekan sudah sering melihat ada beberapa blog yang menampilkan total comment setelah judul postingan, dengan demikian kita / pengunjung lain dapat mengetahui langsung seberapa jauh menariknya postingan tersebut dengan indikator jumlah komentar pada posting tersebut. Untuk bisa memiliki tampilan seperti itu caranya sangat mudah sekali. ikuti saja tutorialnya dibawah ini



Pertama buka halaman "EDIT HTML", kemudian beri tanda centang pada "Expand Template Widget". cari kode seperti dibawah :

<a expr:href='data:post.url'><data:post.title/></a>

kalau sudah ketemu, tinggal Copy-paste aja semua kode dibawah ini dan letakan setelah / dibawah kode diatas.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFu4Ht72BSyobxdDKzhu4FkrXGyDq8Mf7BojdIc_AZSvSOJ6jYQYklDTEesf6LfGb76P4jwVwRlu6BVfFmUBdXbL9239rRqRsF3OoEbmDZDQkORhymr1MpSyHZRoFXLrpBN4XcVXq0JGs9/s400/icon_comments.png'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>

Terakhir Simpan Template , so Refresh blog anda.
Bagaimana seharusnya kita memberikan komentar postingan dari sebuah blog silahkan anda baca disini

Read More >> Memasang Total Comment pada Title Post

Favicon Instan Untuk Blog

Favicon adalah sebuah icon yang tampil sebelum url address dari sebuah website pada layar browser anda. Icon ini sangat efektif untuk memberikan ciri dari sebuah blog / website yang biasanya berkaitan dengan content sebuah blog / website tersebut, sehingga blog / website tersebut akan terlihat lebih profesional dan tentu memiliki keunikan tersendiri.


seperti pada ilustrasi berikut ini

Banyak sudah tutorial blog yang menjelaskan cara memasang favicon ini. Walau demikian saya tetap akan mencoba sharing cara tersebut TETAPI tips yang akan saya jelaskan ini adalah bagaimana memanfaatkan icon-icon yang sudah ada pada sebuah website yang khusus menyediakan icon-icon tersebut seperti di www.iconarchive.com
Langkah-langkahnya adalah sebagai berikut :
1. Buka browser anda menuju ke www.iconarchive.com

2. Silahkan anda cari icon berdasarkan kategori yang ada. Misalnya : “ Halloween icons ”

akan muncul tampilan berikut ini

3. Klik salah satu icon Halloween pada bagian gambar tersebut, akan kembali tampil dengan jumlah icon yang tersedia (19 icon)

4. Klik pada icon yang akan digunakan, misalnya : “ Tounge icon “
5. Akan muncul tampilan berikut ini pada browser anda, Klik pada ukuran icon yang akan digunakan misalnya : 32x32 pixel

6. Icon akan tampil pada satu halaman browser penuh, Silahkan anda copy URL nya

7. Login pada blogger anda pada Dashboard klik Rancangan – Edit HTML, klik option Expand template widget
Cari kode ini :
<link href='URL DARI ICON YANG ADA' rel='shortcut icon'/>
Biasanya Kode diatas diletakkan setelah ]]></b:skin>dan sebelum </head>

8. Silahkan anda ganti / Paste-kan dari langkah 6 diatas pada bagian kode yang berwarna MERAH diatas dari URL ICON standar blog anda.

9. Simpan Template – Lihat / Refresh blog anda.

Catattan :
Gunakan browser Mozilla Firefox untuk melihat hasilnya.

Read More >> Favicon Instan Untuk Blog

Cara Mengetahui Link Blog Kita Dipasang Di Blog Lain Melalui Google

Penulis : bootingskoblog

Mungkin terlalu banyaknya teman-teman kita di dunia blogospare, tak urung cara mempererat persahabat adalah dengan saling tukar link. Maksudnya adalah link alamat blog kita di pasang di blog sahabat kita dan begitu pula sebaliknya. Biasanya memasang link sahabat menggunakan blogroll atau mempersingkatnya dengan textarea. Karena terlalu banyaknya sahabat-sahabat kita yang bertukar link dengan kita, maka kita lupa siapa saja yang memasang link blog kita di blog lain. Nah untuk mengetahui siapa saja yang memasang link blog kita di blog lain, berikut ada sedikit trik yang sangat-sangat mudah.


ikuti langkah-langkah berikut ini :
1. Pergi ke google.
2. Masukan keyword ini dalam kotak pencarian google : link:http://blogging-admin.blogspot.com/

3. Kemudian klik tombol [Penelusuran Google] atau ENTER pada keyboard
4. Maka akan ditampilkan daftar-daftar blog yang memasang link kita, jika masih kurang yakin silahkan klik salah satu hasil pencarian. Apakah benar diblog itu terdapat link kita.

Catatan :
Ganti teks yang dicetak merah dengan alamat blog anda.

Read More >> Cara Mengetahui Link Blog Kita Dipasang Di Blog Lain Melalui Google

" Tsunami Matahari " Mengarah ke Bumi Hari Ini

Ledakan Matahari yang mengarah ke Bumi berpotensi mengirimkan 'tsunami Matahari'. Peristiwa ini diperkirakan akan memicu penampakan spektakuler aurora atau cahaya di Utara dan Selatan Bumi.
Peristiwa ini baru terjadi pada saat saya meng-upload posting ini di Kabupaten Lahat - Provinsi Sumatera Selatan.
Berikut video mengenai berita ini ..

Read More >> " Tsunami Matahari " Mengarah ke Bumi Hari Ini

Memasang Widget Recent Post + (Thumbnails dan Comment Count)

Beberapa rekan mungkin sudah ada yang pernah memasang Widget Recent Post + Thumbnails + Comment Count ini ya, bagi yang belum pernah tidak ada salahnya mencoba memasang widget cantik ini yang saya ketahui pembuatnya bernama Kranti, yaitu owner dari Bloggertriks.com.


Kalo tidak salah dulu saya pernah juga menulis tentang Recent Posts menggunakan Javascript, tapi yang terbaru ini rada beda, dimana widget ini tidak hanya menampilkan recent post doank, tetapi juga dilengkapi dengan penambahan fasilitas gambar dan juga jumlah komentar, seperti pada gambar diatas.
Untuk memasang widget ini caranya sangat mudah, kita tinggal copy-paste aja semua kode dibawah ini, kemudian langsung paste aja dalam gadget HTML/javascript (Tuju tab Layout - Page Elements - Add a Gadget - pilih HTML/javascript)
Berikut kodenya :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://blogging-admin.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Apa saja yang perlu diedit ?

boxwidth - Ukuran Lebar Widget
cellspacing - Spasi diantara cells
borderColor - Warna Border
thumbwidth & thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font pada title
acolor - Warna title
aBold - Tebal huruf pada title? (true or false)
numposts - Jumlah recent post yang ditampilkan?
home_page : http://NAMABLOGKAMU.com/ (Ubah sesuai URL blog masing2)

Read More >> Memasang Widget Recent Post + (Thumbnails dan Comment Count)