Blog atau tulisan kita ingin dibookmark pembaca? salah satu yang bisa kita lakukan agar tulisan kita dibookmark oleh pembaca, maka kita harus mempermudah pengunjung blog kita untuk membookmark tulisan kita. Dengan menambahkanWidget Sexy Sosial Bookmarks akan mempermudah tulisan kita menyebar ke social network atau sosial bookmark.

Setelah dulu pernah kita membahas cara menambahkan addthis untuk membagikan tulisan, dan menambahkan sosial bookmarking lokal, sekarang kita akan belajar menambahkan widget sosial bookmarking. Manfaat yang kita dapatkan dari menambahkanWidget Sexy Sosial Bookmarks akan mendatangkan traffik yang meningkat, karena tulisan kita yang menurut pembaca menarik bisa di share dengan mudah ke twitter, atau facebook.


Cara Menambahkan Widget Sexy Sosial Bookmarks :
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini </head>
6. Setelah itu taruh kode berikut ini di atasnya.


    <style type='text/css'>
    div.sexy-bookmarks {
    height:54px;
    background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat left bottom;
    position:relative;
    width:540px;
    }
    div.sexy-bookmarks span.sexy-rightside {
    width:17px;
    height:54px;
    background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat right bottom;
    position:absolute;
    right:-17px;
    }
    div.sexy-bookmarks ul.socials {
    margin:0 !important;
    padding:0 !important;
    position:absolute;
    bottom:0;
    left:10px;
    }
    div.sexy-bookmarks ul.socials li {
    display:inline-block !important;
    float:left !important;
    list-style-type:none !important;
    margin:0 !important;
    height:29px !important;
    width:48px !important;
    cursor:pointer !important;
    padding:0 !important;
    }
    div.sexy-bookmarks ul.socials a {
    display:block !important;
    width:48px !important;
    height:29px !important;
    font-size:0 !important;
    color:transparent !important;
    }
    .sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
    background:url(&#39;http://i941.photobucket.com/albums/ad259/spiceupyourblog/sexybookmarksbuttons.png&#39;) no-repeat !important;
    }
    .sexy-furl {
    background-position:-300px top !important;
    }
    .sexy-furl:hover {
    background-position:-300px bottom !important;
    }
    .sexy-digg {
    background-position:-500px top !important;
    }
    .sexy-digg:hover {
    background-position:-500px bottom !important;
    }
    .sexy-reddit {
    background-position:-100px top !important;
    }
    .sexy-reddit:hover {
    background-position:-100px bottom !important;
    }
    .sexy-stumble {
    background-position:-50px top !important;
    }
    .sexy-stumble:hover {
    background-position:-50px bottom !important;
    }
    .sexy-delicious {
    background-position:left top !important;
    }
    .sexy-delicious:hover {
    background-position:left bottom !important;
    }
    .sexy-yahoo {
    background-position:-650px top !important;
    }
    .sexy-yahoo:hover {
    background-position:-650px bottom !important;
    }
    .sexy-blinklist {
    background-position:-600px top !important;
    }
    .sexy-blinklist:hover {
    background-position:-600px bottom !important;
    }
    .sexy-technorati {
    background-position:-700px top !important;
    }
    .sexy-technorati:hover {
    background-position:-700px bottom !important;
    }
    .sexy-myspace {
    background-position:-200px top !important;
    }
    .sexy-myspace:hover {
    background-position:-200px bottom !important;
    }
    .sexy-twitter {
    background-position:-350px top !important;
    }
    .sexy-twitter:hover {
    background-position:-350px bottom !important;
    }
    .sexy-facebook {
    background-position:-450px top !important;
    }
    .sexy-facebook:hover {
    background-position:-450px bottom !important;
    }
    .sexy-mixx {
    background-position:-250px top !important;
    }
    .sexy-mixx:hover {
    background-position:-250px bottom !important;
    }
    .sexy-script-style {
    background-position:-400px top !important;
    }
    .sexy-script-style:hover {
    background-position:-400px bottom !important;
    }
    .sexy-designfloat {
    background-position:-550px top !important;
    }
    .sexy-designfloat:hover {
    background-position:-550px bottom !important;
    }
    .sexy-syndicate {
    background-position:-150px top !important;
    }
    .sexy-syndicate:hover {
    background-position:-150px bottom !important;
    }
    .sexy-email {
    background-position:-753px top !important;
    }
    .sexy-email:hover {
    background-position:-753px bottom !important;
    }
    </style>

7. Cari kode <data:post.body/> dan taruh kode berikut di bawahnya


<div class='sexy-bookmarks'>
        <ul class='socials'>
        <li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        <li class='sexy-syndicate'><a href='http://kurniasepta.blogspot.com/feeds/posts/default' title='Subscribe to RSS' rel='nofollow'/></li>
        <li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
        </ul>
        <span class='sexy-rightside'/></div>

8. Ganti FEED saya yang bertuliskan merah miring, dengan FEED kamu sendiri, dan simpan jika sudah selesai. 

Cara Membuat Widget Sexy Social Bookmarks

Blog atau tulisan kita ingin dibookmark pembaca? salah satu yang bisa kita lakukan agar tulisan kita dibookmark oleh pembaca, maka kita har...

Sebuah antioksidan bisa saja mencegah kerusakan pada hati atau liver yang disebabkan oleh konsumsi alkohol berlebihan, menurut penelitian dari Universitas Alabama di Birmingham.

Antioksidan Bisa Mencegah Penyakit Hati Yang Disebabkan Alkohol

Penemuan ini bisa menunjukkan cara perawatan untuk membalikkan steatosis, atau timbunan berlemak dalam hati yang bisa berujung pada sirkosis dan kanker. Tim peneliti yang diketuai oleh Victor Darley-Usmar, Ph.D., profesor patologi di UAB, memperkenalkan sebuah antioksidan bernama Mitochondria-targeted ubiquinone, atau MitoQ, ke mitokondria tikus yang diberikan alkohol setiap hari selama lima hingga enam minggu dalam jumlah yang cukup untuk menyamai konsumsi alkohol berlebihan pada manusia.

Alkoholik kronis, mereka yang minum berlebihan setiap hari, mengalami penimbunan lemak dalam sel-sel hati. Ketika alkohol dimetabolisir dalam hati, dia menciptakan radikal-radikal bebas yang merusak mitokondria dalam sel-sel hati dan mencegah mereka untuk menggunakan sejumlah oksigen yang cukup untuk menghasilkan energi. Lagi pula, kondisi rendah oksigen yang disebut hipoksia memperburuk kerusakan mitokondria dan mendukung pembentukan timbunan lemak yang dapat berujung pada sirkosis.

Darley-Usmar beserta para rekan kerjanya mengatakan bahwa antioksidan MitoQ tersebut mampu mencegah dan menetralisir radikal-radikal bebas sebelum mereka merusak mitokondria, mencegah rentetan efek-efek yang pada akhirnya berujung pada steatosis.

"Belum ada pendekatan secara farmasi yang menjanjikan pada pencegahan atau pembalikkan kerusakan jangka panjang yang berhubungan dengan timbunan lemak di hati yang dihasilkan dari konsumsi alkohol berlebihan," kata Darley-Usmar. "Penemuan kami memberitahukan bahwa MitoQ bisa saja menjadi alat yang berguna bagi perawatan kerusakan hati oleh kebiasaan penggunaan alkohol yang lama."

"Studi-studi sebelumnya telah menunjukkan bahwa MitoQ dapat secara aman diberikan pada manusia dalam jangka waktu lama," kata Balu Chacko, Ph.D., rekan peneliti dan penggagas studi tersebut. "Antioksidan tersebut bisa saja berpotensi untuk memperbaiki tahap-tahap awal penyakit hati berlemak pada pasien-pasien dengan penyakit hati alkoholik dan non alkoholik."

Catatan Tahunan Hepatologi memperkirakan bahwa penyalahgunaan alkohol memakan biaya $185 milyar setiap tahun di Amerika Serikat, dan bahwa 2 juta orang mengidap beberapa bentuk penyakit hati alkoholik. Sebanyak 90 persen sirkosis hati terhubung dengan penyalahgunaan alkohol dan mencapai 30 persen kanker hati.

Darley-Usmar, yang juga merupakan direktur Pusat Radikal Bebas Biologi di UAB, mengatakan bahwa timnya berdiskusi dengan Institut Kesehatan Nasional untuk mengembangkan seluruh keluarga obat-obatan berbasis di interaksi dengan mitokondria. Dia mengatakan obat-obatan seperti itu mungkin efektif dalam perawatan penyakit kardiovaskuler, penyakit ginjal dan gangguan neurodegeneratif.

"Kami tahu bahwa radikal bebas memainkan peran pada penyakit manusia, dan kami telah mengembangkan antioksidan yang dapat mengeliminasi radikal-radikal bebas di laboratorium," katanya. "Sayangnya, uji coba sebelumnya menggunakan antioksidan pada manusia belum memuaskan. Perbedaannya dengan penemuan kami ialah kami menargetkan bagian khusus sel yaitu mitokondria. Ini merupakan pendekatan unik, dan ini merupakan salah satu dari sedikit uji coba pra-klinik yang menunjukkan keefektifan."

Darley-Usmar mengatakan penemuan tersebut juga bisa berdampak signifikan terhadap pengobatan sindrom metabolik, kondisi yang bertumbuh sangat cepat yang mempengaruhi sekitar 50 juta orang Amerika, menurut Asosiasi Jantung Amerika.

"Sindrom Metabolik digambarkan sebagai interaksi rumit dari faktor-faktor yang disebabkan oleh obesitas yang termasuk kerusakan pada hati karena peningkatan radikal bebas, hipoksia dan deposisi lemak," kata Darley-Usmar. "Hal tersebut cukup mirip dengan hepatotoksisiti ketergantungan alkohol. Akan menyenangkan untuk melihat apabila sebuah antioksidan seperti MitoQ memiliki efek terapis dalam mencegah kerusakan hati pada mereka yang menderita sindrom metabolik."

Penemuan tersebut dipublikasikan pada tanggal 21 April 2011 di jurnal Hepatology.

Antioksidan Bisa Mencegah Penyakit Hati yang Disebabkan Alkohol

Sebuah antioksidan bisa saja mencegah kerusakan pada hati atau  liver  yang disebabkan oleh konsumsi alkohol berlebihan, menurut penelitian...

Ingin membuat blognya seperti gaya koran atau majalah? Yaitu dengan membuat huruf di awal teks postingan lebih besar dibanding setelahnya. Istilah lainnya adalah drop caps yaitu huruf besar yang ukurannya mungkin 10 kali lipat huruf biasa yang diletakkan di awal teks postingan.

Caranya cukup mudah, dengan membuat huruf pada awal teks yang ada di postingan bisa membuat halaman atau teks yang kita postingan lebih dinamis dan menarik. Kalau kamu ingin mencobanya, simak langkah-langkahnya berikut ini.

Cara Membuat Huruf Besar pada Awal Teks Postingan :

1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Masukkan kode css berikut di atas kode ]]></b:skin> 

/* kode untuk huruf awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

5. Warna hijau adalah kode warna teks dan merah di atas kode warna background. Simpan Template jika sudah selesai.

Cara Membuat Huruf Besar Pada Awal Teks Postingan

Ingin membuat blognya seperti gaya koran atau majalah? Yaitu dengan membuat huruf di awal teks  postingan  lebih besar dibanding setelahnya...

Semakin hari orang yang ngeblog (Blogger) tak ingin susah dalam mengelola blognya, apalagi soal cara posting. Karena untuk mengumpulkan kata menjadi sebuah tulisan saja sudah semakin sulit, (Baca : semakin malas mengupdate blog). Sehingga kini platform blog banyak memberikan tawaran yang memungkinkan banyak cara untuk posting ke blog, tidak harus login ke akun blognya.

Bisakah blog diupdate via email? Bisa. Teringat dengan posterous yang merupakan salah satu platform blog, memang tidak terlalu populer, karena kemudahan dalam posting yaitu bisa lewat email membuatnya banyak yang suka. Di blogger.com atau blogspot yang merupakan salah satu website yang masuk 10 besar di Indonesia versi alexa yang paling ramai, Blogger pun juga bisa diupdate via email.

Bagi yang sering ngubek-ngubek dasbor atau settingan blognya mungkin pernah menemukan. Tetapi yang belum tahu, saya akan berbagi cara mengatur blognya agar bisa diupdate lewat email. Sehingga akan memiliki alamat email pribadi dan rahasia untuk memposting konten ke blognya.

Cara Update/Posting ke Blog lewat Email :
1. Login ke akun blogger.com
2. Pilih Setelan lalu klik Seluler dan email
3. Di settingan Email, ketiak kata rahasia (scret word) untuk pelengkap alamat email

Cara Update (Posting) ke Blog lewat Email

4. Selanjutnya ada pilihan segera publikasikan dll, jika ingin mengaktifkan pilih saja.
5. Jangan lupa Simpan setelah jika sudah selesai.

Sekarang kita sudah punya alamat email yang apabila kita mengirim ke alamat email tersebut akan segera dipublikasikan di blog. Misalnya alamat email itu, adminblogku.update@blogger.com, jika kita benar-benar mengaktifkan fitur ini jangan sampai alamat email itu dibagikan atau diberitahukan ke khalayak ramai, untuk menghindari hal yang tidak diinginkan. Kecuali jika ingin membuat blog keroyokan yang diupdate oleh beberapa orang.

Dibalik kemudahan dari update atau posting blog lewat ini tentu ada juga kekurangannya, diantaranya : Kita tidak bisa mengatur (Setelan entri) tersebut seperti label, atau meta tag description. Semoga tutorial sederhana ini memberikan pengetahuan baru dan bermanfaat.

Cara Update (Posting) ke Blog lewat Email

Semakin hari orang yang ngeblog (Blogger) tak ingin susah dalam mengelola blognya, apalagi soal cara posting. Karena untuk mengumpulkan kat...



Favicon adalah logo yang ditampilkan di sebelah kiri domain URL maupun di tab browser. Pengguna blogspot tentu saja memiliki favicon default bawaan dari blogger. Hal ini tidak sama dengan wordpress dimana favicon secara otomatis dapat digenerasikan di ubahsuaikan. Favicon menjadi identitas dari suatu blog karena merupakan ciri khas dan bisa dibilang sebagai brand.
Gambar yang digunakan sebagai favicon berformat icon seperti halnya format icon-icon yang biasa kita temui sebagai icon file ataupun folder di dalam PC. Format ini unik karena dimanapun dia ditampilkan, gambar aslinya akan langsung terlihat tanpa membuka filenya (Dan ini bukan preview seperti yang kita lihat di format lain misalnya jpg, tif, dan lain-lain ketika ditampilkan di dalam folder). Untuk animated favicon anda dapat menggunakan file gambar berformat gif.

Berikut langkah-langkah pembuatannya :

1. Siapkan gambar yang hendak anda jadikan favicon, atau anda dapat mencarinya di situs-situs yang menyediakan gambar icon gratis. Anda dapat pula mencari gambar favicon maupun animated favicon gratis. Gunakan keyword "Free favicon/animated favicon image" di Google.

2. Untuk membuat file icon, anda dapat menggunakan photoshop atau gunakan jasa situs generator icon gratis seperti : www.favicon.ccwww.favicongenerator.com, atau www.favicon.co.uk. Untuk animated favicon anda (gif) anda dapat membuat animasinya di situs www.animatedfavicon.com. Upload file anda ke situs-situs tersebut, ikuti beberapa langkahnya, dan download file hasilnya.

3. Upload file favicon anda ke situs hosting gambar yang mensupport gambar ico karena Blogger tidak mensupport upload gambar berformat icon. Lihat list situs terbaik untuk hosting gambar icon dan gif  ini untuk mengupload favicon anda.

4. Copy terlebih dahulu direct link dari gambar yang telah diupload.

5. Kemudian masukkan URL nya ke script tag berikut ke bagian antara <head> dan </head> di template HTML anda. Saya sarankan untuk dimasukkan setelah meta tag agar cepat termuat oleh browser namun tidak mengganggu meta.
Untuk favicon file icon :

<link href='url gambar icon anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Untuk animated favicon file gif :

<link href='url gambar gif anda' rel='icon' type='image/gif'/>

Untuk menggunakan kedua-duanya dan berjaga apabila file gif gagal dimuat oleh koneksi yang sangat lambat, gunakan kedua file icon dan gif anda. Masukkan kedua tag dengan urutan sebagai berikut :

<link href='url gambar .ico anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='url gambar gif anda' rel='icon' type='image/gif'/>

6. Preview dan save.
7. Done!

Update :
Blogger kini telah memiliki fitur Blogger Custom Favicon yang dapat menambahkan Favicon secara otomatis dengan cara yang lebih mudah. Silahkan coba.

Cara Membuat/Memasang Favicon dan Animated Favicon di Blog

Favicon adalah logo yang ditampilkan di sebelah kiri domain URL maupun di tab browser. Pengguna blogspot tentu saja memiliki favico...


Nah, postingan kita kali ini saya akan membagikan yang tadinya tidak yakin akan berhasil, namun saya jadi penasaran dan kemudian mencobanya di blog. Eh ternyata alhasil sahabat bisa lihat tulisan Arab di blog saya ini, walau nggak ada tanda bacanya alias masih huruf gundul. Tetapi mungkin sangat penting untuk semua blogger, terutama blogger Muslim yang setiap kali ingin mengupdate artikelnya, tetapi tidak dapat menuliskan huruf Arab ke dalam postingannya.
Tidak usaha bingung sekarang udah bisa asal kita tahu caranya. Saya akan memberikan sedikit tips untuk teman-teman muslim agar dapat membuat tulisan Arab yang bermanfaat dengan memberikan sedikit sentuhan dengan menampilkan ayat-ayat Al-Qur'an atau Hadist dalam bahasa Arab tanpa harus menginstal software, mensetting atau mengedit html blog template kita atau komputer kita.
Nah, sekarang bagaimana caranya ? Mudah kok, sebab cara ini memang sangat sederhana tetapi ا ن شا ا لله memberikan manfaat untuk sahabat muslim.
Untuk menerapkan apa yang telah saya maksud diatas. Silakan kamu salin kodenya dibawah ini!
HURUF ARABKODE
ا& #1575 ;
ب& #1576 ;
ت& #1578 ;
ث& #1579 ;
ج& #1580 ;
ح& #1581 ;
خ& #1582 ;
د& #1583 ;
ذ& #1584 ;
ر& #1585 ;
ز& #1586 ;
س& #1587 ;
ش& #1588 ;
ص& #1589 ;
ض& #1590 ;
ط& #1591 ;
ظ& #1592 ;
ع& #1593 ;
غ& #1594 ;
ف& #1601 ;
ق& #1602 ;
ك& #1603;
ل& #1604;
م& #1605;
ن& #1606 ;
ه& #1607;
و& #1608;
ى& #1609;
ي& #1610;
ة& #1577;
إ& #1573;
ؤ& #1572;
أ& #1571;
آ& #1570;

Perhatian :


Untuk menghasilkan tulisan Arab yang sempurna, jangan pisahkan dengan koma atau Spasi jika membuat huruf Arab bersambung. Contoh Khazanah Islam, maka huruf Arabnya menjadi خز ا نة ا لإ لسلا م. Jadi kalimat yang bersambung, penulisan kodenya tanpa spasi dan pisahkan huruf tersebut jika kalimat atau hurufnya berdiri sendiri. Demikianlah yang saya dapat sampaikan semoga bermanfaat dan selamat mencoba.

Cara Membuat Tulisan Arab di Blog

Nah, postingan kita kali ini saya akan membagikan yang tadinya tidak yakin akan berhasil, namun saya jadi penasaran dan kemudian mencoban...

Saat mau berkomentar harus menuliskan captcha memang bisa bikin jengkel, dan mengurungkan niatnya untuk berkomentar. Apa itu captcha? Captcha adalah suatu bentuk uji tantangan-tanggapan (Challange-response test) yang digunakan dalam sebelum post komentar untuk memastikan bahwa komentar itu ditulis oleh manusia bukan robot. Kode captcha biasanya kombinasi antara angka dan huruf.

Beberapa platform blog menyediakan fitur captcha, kalau di blogspot versi bahasa Indonesianya namanya Verifikasi Kata. Sering saya alamai ketika sudah menulis komentar, tetapi untuk postnya harus menuliskan kode captcha yang sulit untuk ditebak, huruf apakah itu. Untuk verifikasi kata di blogspot ini bisa di non aktifkan, sehingga pembaca blog yang mau komentar tidak kesulitan.



Cara Menghilangkan Kode Captcha (Verifikasi Kata)

Bagaimana cara menghilangkan kode captcha atau verifikasi kata di kotak komentar? Caranya sangat mudah, untuk lebih enaknya, simak langkah-langkahnya berikut ini :

1. Login ke akun blogger.com
2. Pilih Setelan kemudian klik Pos dan komentar
3. Di situ kita bisa mengatur komentar di blog, seperti gambar ini

Cara Menghilangkan Kode Captcha (Verifikasi Kata)

4. Untuk Tampilkan verifikasi kata? pilih Tidak
5. Simpan setelan jika sudah selesai

Seperti itulah pengaturan untuk komentar. Memang sih, untuk meminimalkan komentar Spam (Sampah), kita bisa memperketat aturan komentar, misalnya dengan moderasi komentar atau menampilkan verifikasi kata. Semua terserah kamu sebagai pemilik blog. Memang akhir-akhir ini banyak komentar yang hanya ingin meninggalkan link di komentar. Tetapi blogspot sendiri sudah mempunyai filter Spam, yang mendeteksi komentar SPAM dan memasukannya di kotak komentar Spam.

Cara Menghilangkan Code Captcha (Verifikasi Kata)

Saat mau berkomentar harus menuliskan captcha memang bisa bikin jengkel, dan mengurungkan niatnya untuk berkomentar. Apa itu captcha? Captc...

Nah, pada kecempatan kali ini saya ingin berbagi tentang cara memperkecil atau compress ukuran javascript. Cara yang digunakan untuk compress javascript ini juga tidak berbeda jauh dengan cara compress css yaitu masih menggunakan Gzip Compression. Dengan melakukan compressi javascript pada theme yang kita gunakan, dapat meningkatkan kecepatan akses pada blog kita. Tidak berbeda jauh dengan compress, yaitu dengan menggunakan fungsi Minify, Set Cache Control, eTag, Future Expiration dan Vary Encoder pada header javascript sehingga dapat memenuhi kualifikasi Pagespeed dan Yslow secara sempurna untuk javascript ini.


  • Masih sama seperti seperti posingan tentang compress css sebelum, kita buat terlebih dahulu file php pada root dimana file javascript berada  (Misal : gzip.js.php) lalu isi dengan script berikut ini :
<?php
if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) {
ob_start("ob_gzhandler");
}
else {
ob_start();
}
//header("Content-Type:text/javascript");
// Set durasi cache untuk satu minggu
$offset = 60 * 60 * 24 * 7;
$ts = gmdate("D, d M Y H:i:s", time() + $offset) . " GMT";
// Set process cache control
header ('Cache-Control: max-age=' . $offset . ', must-revalidate');
// Set etag-header
header('ETag: "'.md5($ts).'"');
// Set expiration header format
$ExpStr = "Expires: " . gmdate("D, d M Y H:i:s",time() + $offset) . " GMT";
// Send cache expiration header ke browser
header($ExpStr);
function compress($buffer) {
// Minify – Membuang tabs, spaces, new lines, etc.
$buffer = str_replace(array("\r\n", "\r", "\n", "\t", '', '', ''), '', $buffer);
// Minify – membuang spasi yang tidak perlu
$buffer = str_replace('{ ', '{', $buffer);
$buffer = str_replace(' }', '}', $buffer);
$buffer = str_replace('; ', ';', $buffer);
$buffer = str_replace(', ', ',', $buffer);
$buffer = str_replace(' {', '{', $buffer);
$buffer = str_replace('} ', '}', $buffer);
$buffer = str_replace(': ', ':', $buffer);
$buffer = str_replace(' ,', ',', $buffer);
$buffer = str_replace(' ;', ';', $buffer);
return $buffer;}

define('DS', DIRECTORY_SEPARATOR);
define('PATH_ROOT', dirname(__FILE__) . DS);

$jsPath = PATH_ROOT;

include $jsPath."ry.script.js";

?>
  • Selanjutnya ubah link javascript pada theme menjadi :
<script type="text/javascript" src="gzip.js.php"></script>
Dengan cara tersebut di atas, maka ukuran javascript dapat lebih di perkecil sampai batas maksimum.

Cara Memperkecil atau Compress Ukuran Javascript

Nah, pada kecempatan kali ini saya ingin berbagi tentang  cara memperkecil atau compress ukuran javascript . Cara yang digunakan untuk  com...

Recent post adalah tulisan-tulisan terbaru dari blog kita, untuk menampilkan recent post menggunakan RSS. Setiap blog hampir memiliki RSS yang memungkinkan orang untuk melihat atau berlangganan tulisan terbaru. Umpan URL RSS itulah bisa juga dimanfaatkan untuk widget recent post di blog kita sendiri.

Recent post yang akan kita buat adalah model headline, atau news ticker yang biasanya seperti kita lihat di tv berita (Tv One) Atau portal-portal berita. Dengan membuat recent post model seperti itu akan menarik pengunjung mengklik dan membaca post/tulisan terbaru kita. Selain itu membuat recent post dengan bergaya headline news juga bisa lebih menghemat tempat. Contohnya bisa dilihat di sini.


Untuk membuat recent post bergaya model news stiker ini sangat mudah. Caranya adalah dengan memanfaatkan website RSSpump.com yang menyediakan generate widget tersebut. Langkah-langkah membuatnya adalah sebagai berikut :


  1. Kunjungi http://www.rsspump.com/default.aspx
  2. Pada kolom pertama, masukan URL RSS Feed blog kita, pastikan itu adalah URL Feed, jika kita menggunakan blogspot, URL Feed yang seperti inihttp://redbuzz6661.blogspot.com/feeds/posts/defaultadalah berbentuk atom. Untuk itu kita bisa membuat RSS Feed blog kita yang baru dengan Feedburner, sehingga punya RSS Feed baru.
  3. Kita bisa menyetting tampilan dan fungsi, ada pilihan model tampilan, warna dan ukuran teks, jumlah yang ditampilkan. Lalu juga time untuk menunjukan waktu, title untuk juga menampilkan judul blog, memberi garis bawah, tebal, membuka tautan di tab baru. Tidak usah centang share widget biar tetap terlihat bagus.
  4. Lihat preview, jika sudah cocok dan dicoba diklik sesuai dengan halaman yang terbuka sesuai dengan judul link kita bisa copy paste kodenya untuk ditambahkan di blog kita.
  5. Untuk menambahkan ke blog, login ke blogger.com lalu pilih tata letak, tambahkan widget/gadget HTML/Java Script. Paste kode yang sudah dicopy tersebut di sana. Coba lihat hasilnya.

Membuat Recent Post Blog Model News Ticker

Recent post adalah tulisan-tulisan terbaru dari blog kita, untuk menampilkan recent post menggunakan  RSS . Setiap blog hampir memiliki RSS...

Di blog ini ada button profil sosial media yang sedang populer saat ini. Sosial media yang banyak orang gunakan, misalnya facebook dan twitter. Selain itu juga button RSS FEED yang mengarah ke alamat rss feed blog ini. Ada button facebook dan twitter yang mengarah ke profil si pemilik blog.

Kemarin ada seorang teman, yang mengaku sering berkunjung ke Global Site ini bertanya (mention) saya di twitter. Bagaimana cara menambahkan button facebook, twitter, rss dan google+ yang ada di sidebar? Soalnya dia juga mengirimkan screen shotnya. Karena menurut saya ini jawaban bisa dijadikan postingan. Maka saya jawab saja, nanti akan saya posting di blog ini. Terima kasih ide dan pertanyaan tersebut. ;)

Sebelumnya saya memasang button sosial media itu sebagai penganti halaman kontak. Agar terlihat blog ini lebih hidup dan mungkin menarik, menambahkan button sosial media yang mengarah ke profil pemilik blog menjadi penting. Karena akan bisa berbincang secara langsung jika menghendaki. Selain itu biar terkesan blog ini ada pemiliknya yang bisa dihubungi lewat sosial media yang populer semisal twitter dan facebook.

 
Menambahkan Button Profil Sosial Media

Cara Menambahkan Button Profil Sosial Media :
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

 
<center>
<a href="https://plus.google.com/101153066187737438859/posts" target="_blank"><img src="http://www.buttonshut.com/Google+-Buttons/Google+-Buttons-7-70-.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Google+" title="Add Me to Your Circle On Google+" width="36"/></a>

<a href="http://twitter.com/kurniasepta" target="_blank"><img src="http://buttonshut.com/links/twitter.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Follow Twitter" title="Follow Me On Twitter" width="37"/></a>

<a href="http://www.facebook.com/kurniasepta" target="_blank"><img src="http://buttonshut.com/links/facebook.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="Add Facebook" title="Find Me On Facebook" width="37"/></a>

<a href="http://feeds.feedburner.com/BelajarNgeblogDiBlogKurniaSepta" target="_blank"><img src="http://buttonshut.com/links/rssfeed.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" alt="RSS FEED" title="Subcribe RSS FEED" width="37"/></a>
</center>

Kode yang berwarna merah adalah URL profil di sosial media sesuai dengan buttonnya. Kamu ganti saja dengan alamat URL mu sendiri. Kode yang miring adalah URL gambar/button. Dan angka 37 adalah lebar button. Kamu dapat mengkreasikan sendiri dan menambahkan sesuai yang kamu inginkan, misa profil you tube, flickr dan sebagainya. Saya biasa memperoleh gambar/button itu dari Social Media Buttons. Dan saya menggunakan Mouseover Efek agar terlihat menarik. Jangan lupa Simpan jika sudah selesai mengedit.

Menambahkan Button Profil Sosial Media di Blog

Di blog ini ada button profil sosial media yang sedang populer saat ini. Sosial media yang banyak orang gunakan, misalnya  facebook dan twi...


''Saya benci lelet" menjadi salah satu jargon jualan salah satu operator. Iya, memang sekarang ini walau kualitas internet di Indonesia secara umum masih jelek, tetapi orang tidak suka dengan halaman blog yang loadingnya lama. Karena konten yang dibuat blogger semakin banyak dan bisa saja menemukan tema yang sejenis, tentu orang akan memilih blog yang loadingnya cepat. Sehingga dia akan bisa mendapatkan informasi yang diinginkannya dengan segera.

Bagi pemilik blog atau blogger, tentu juga menginginkan seperti halnya yang ingin banyak pengunjung inginkan, yaitu loading blog yang lebih cepat. Dengan loading blog yang cepat membuat pengunjung blog nyaman, traffik dan page view blog pun bisa semakin meningkat. Blog yang memiliki loading yang cepat tentu juga dikarenakan halaman blog yang ringan. Berikut adalah tips untuk membuat blog menjadi lebih cepat loadingnya :

1. Kurangi Widget Blog yang Kurang Bermanfaat
Salah satu penyebab blog menjadi berat dan loadingnya lama adalah pemasangan widget yang terlalu banyak yang dipasang di blog. Memang ada beberapa widget yang wajib ada di blog, tetapi beberapa widget yang kurang memiliki manfaat untuk blog lebih baik dihapus saja. Selain dapat membuat blog lebih cepat loadingnya juga bisa membuat pengunjung blog fokus pada konten blog.

2. Hindari Penggunaan Script yang Berlebihan
Pengunaan script baik itu CSS, HTML, dan JavaScript yang berlebihan membuat blog menjadi lebih berat sehingga membuat halaman blog terbuka lebih lama. Kita bisa memilih dan menghapus kode CSS yang sudah tidak berfungsi lagi yang ada di atas ]]></b:skin>. Atau bisa juga mengkompres script baik itu CSS, HTML, JavaScript, ataupun script blog secara keseluruhan agar loading blog lebih cepat. Salah satu tool yang bisa dimanfaatkan adalah http://htmlcompressor.com/compressor.html

3. Menambahkan Script untuk Mempercepat Loading Blog
Cara lain untuk mempercepat loading blog adalah dengan menambahkan script dari Laziload. Yaitu dengan menaruh script berikut ini ini tepat di atas kode </head>.
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder :
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIQ6OKmJdDmC_sWvEwZHaLgWHn7obb0XNS9b0oJZSq9xz-oLoNlWGoEUkDHanmlsY-Oeg-NZP6EktZPQRmaBwUYom_GgLPd1urzFNf3LpEu3D3v7r7h_hxGgAa-Rb96Dkw2icNv7kbP3M/&quot;,threshold
: 200});
});
</script>

Khusus untuk penggunaan script ini, ada beberapa template blog sesuai yang bisa malah membuat blog tidak lebih cepat loadingnya. Untuk itu, setelah penambahan script di atas, coba lihat loading blog. Jika tidak lebih cepat, tidak usah dipakai.

Itulah tips atau cara untuk memperingan dan mempercepat loading blog. Semoga artikel saya kali ini bermanfaat untuk anda. 

Tips Cara Mempercepat Loading Blog

'' Saya benci lelet"  menjadi salah satu jargon jualan salah satu operator. Iya, memang sekarang ini walau kualitas inte...


Langkah-langkahnya sebagai berikut :

  • Log In dulu di Blogger dengan ID  anda
  • Klick Tata Letak /Design
  • Kemudian Pilih Tab "Edit HTML"
  • INGAT DI BACKUP DULU TEMPLATE NYA "DOWNLOAD FULL TEMPLATE"
  • Beri centang Pada Expant Widget Template
  • Copy lalu paste kode di bawah ini diatas kode ]]></b:skin>
 #comments-block .avatar-image-container img {
background: #f5f6f4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8GS3bPQqaJgquKv0O5l12AjZnQTHSMxXVBxdk-00KCd-a-7b_IPrmQ-3iBVx1sMJaOCNNXTVc-lVFHm5OC3SxLxAb62lT_QHsqh3mNf6_QtSMnSyorX9CiDlkYG21_b8MZKUBEzdUKOQ/) no-repeat left top;
width:35px;height:35px;margin-top:30px;
} 
  • Next, cari kode berikut :
<dl id='comments-block'>
  • Ganti kode di atas dengan kode dibawah ini :
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  • Kemudian cari kode dibawah ini :
<a expr:name='data:comment.anchorName'/>
  • Ganti kode diatas dengan kode dibawah ini :
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
  • Save Template anda kemudian coba di lihat

Cara Membuat Kotak Komentar Facebook di Blog

Langkah-langkahnya sebagai berikut : Log In dulu di Blogger dengan ID  anda Klick Tata Letak /Design Kemudian Pilih Tab  "Edit...