0 Cara Menampilkan Google Translate

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Cara Menampilkan Google Translate

Ingin supaya blog anda dapat dibaca para blogger mania di seluruh penjuru dunia, gunakan aja Google Translate. program pintar ini mampu meterjemahkan blog anda ke dalam tiga puluh empat bahasa, hebat bukan... belum tahu apa itu google translate kalau mau tau seperti ini gambarnya:

	Gadgets powered by Google

Anda dapat memasang Google Translate ini di blog anda, caranya :

1. Klik gambar Google Translate di atas, kalo sudah masuk ke sini,
2. Pilih Tools, kemudian
3. Pilih bahasa yang anda gunakan di blog anda, misalnya pilih Indonesia
4. Copy kode yang berada di bawah tulisan "Copy and paste the HTML below to include the gadget on your webpage." kemudian paste di Tata Letak --> Add Gadget --> HTML/javasript terus paste kode tersebut di kolom konten
5. Simpan.

0 Membuat Read More Otomatis di Blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Membuat Read More Otomatis di Blog

Tutorial kali ini membahas bagaimana caranya membuat Read more secara otomatis. Selain read morenya muncul secara otomatis 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. Mungki lebih baik saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada dua pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna biru dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<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;'/>

Kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju 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 aja 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 by Anhvo

visit http://en.vietwebguide.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 == &quot;item&quot;'><data:post.body/></b:if>

ilahkan disimpan 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)

0 Membuat Gambar Melayang di Pojok

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Membuat Gambar Melayang di Pojok

Berikut ini saya Mencoba ngebahas gimana cara membuat gambar yang selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari klik disini untuk melihatnya (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://trik-nyaman.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

"http://trik-nyaman.blogspot.com" adalah link. ganti dengan link kamu.
"http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

0 Trik agar bisa Upload Gambar Ukuran besar di blogger

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Trik agar bisa Upload Gambar Ukuran besar di blogger

Kita Ketahui blogger membatasi image atau gambar yang akan di load ke dalam blog. Trik agar bisa upload gambar ukuran besar di blogger - Dalam postring kemarin sudah di tulis bagaimana mendapatkan hosting gambar yang unlimited bandwidth, yaitu dengan memakai blogger. Namun, ada sedikit yang membuat tidak nyaman yaitu kita tidak bisa posting atau upload gambar yang ukurannya lebih dari 400 pixel, karena apabila kita upload gambar yang ukurannya lebih besar dari 400 pixel maka secara otomatis gambar tersebut akan di perkecil menjadi 400 pixel.

Apakah ada trik agar bisa upload gambar ukuran besar di blogger? jawabannya ada dan terbilang sangat mudah. Penasaran? begini caranya :

* Silahkan upload gambar yang berukuran lebih dari 400 pixel ke blogger.
* Jika gambar sudah tampil di blog anda, klik kanan pada gambar tersebut lalu pilih Copy Image Location untuk mendapatkan alamat gambar tersebut.
* Paste pada program text editor seperti "Notepad", "WordPad' atau text editor lainnya. Contoh : alamat gambar yang kang Rohman dapatkan seperti ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp6lT6Lj3VbcIr8szKiBRn4PPnrWzrWD7AEPjA6QIYx4_oq7BRujFvkQU5BSVGOrBYz9SED18Q_qernHDZ8CppyObUTxqqUtNO9C08n5ub7pEHhlIr-eKQ83arUecVbH2HknFx1_WJek5f/s400/blog-aing.jpg
* Perhatikan kode yang saya cetak merah, kode tersebutlah yang membatasi gambar besar yang kita upload menjadi kecil. Agar gambar bisa tampil maksimal, maka kita hanya cukup mengubah nilainya menjadi s800 ( jika gambar yang di upload kurang dari 800 pixel ) atau di ganti dengan s1600 ( jika gambar yang di upload melebihi 800 pixel ). Contoh, kodenya jadi seperti ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp6lT6Lj3VbcIr8szKiBRn4PPnrWzrWD7AEPjA6QIYx4_oq7BRujFvkQU5BSVGOrBYz9SED18Q_qernHDZ8CppyObUTxqqUtNO9C08n5ub7pEHhlIr-eKQ83arUecVbH2HknFx1_WJek5f/s800/blog-aing.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp6lT6Lj3VbcIr8szKiBRn4PPnrWzrWD7AEPjA6QIYx4_oq7BRujFvkQU5BSVGOrBYz9SED18Q_qernHDZ8CppyObUTxqqUtNO9C08n5ub7pEHhlIr-eKQ83arUecVbH2HknFx1_WJek5f/s1600/blog-aing.jpg

Mudah sekali bukan? mau bukti, silahkan klik link di bawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp6lT6Lj3VbcIr8szKiBRn4PPnrWzrWD7AEPjA6QIYx4_oq7BRujFvkQU5BSVGOrBYz9SED18Q_qernHDZ8CppyObUTxqqUtNO9C08n5ub7pEHhlIr-eKQ83arUecVbH2HknFx1_WJek5f/s400/blog-aing.jpg

Coba bandingkan dengan yang ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp6lT6Lj3VbcIr8szKiBRn4PPnrWzrWD7AEPjA6QIYx4_oq7BRujFvkQU5BSVGOrBYz9SED18Q_qernHDZ8CppyObUTxqqUtNO9C08n5ub7pEHhlIr-eKQ83arUecVbH2HknFx1_WJek5f/s800/blog-aing.jpg

Bandingkan juga dengan yang ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp6lT6Lj3VbcIr8szKiBRn4PPnrWzrWD7AEPjA6QIYx4_oq7BRujFvkQU5BSVGOrBYz9SED18Q_qernHDZ8CppyObUTxqqUtNO9C08n5ub7pEHhlIr-eKQ83arUecVbH2HknFx1_WJek5f/s1600/blog-aing.jpg

Format kode gambar di atas adalah apabila anda mengupload gambar langsung melalui post edtor blogger. Apabila anda mengupload melalui Windows Live Writer seperti yang biasa kang Rohman lakukan, maka format gambar yang di hasilkan adalah seperti ini :

http://lh4.ggpht.com/_pt7i0nbIOCY/SoFHgGjyQ8I/AAAAAAAACNk/FmS36kH8k3U/blog-aing_thumb%5B2%5D.jpg?imgmax=800

Terlihat bahwa gambar yang di tampilkan di batasi hanya 800 pixel, agar mendapatkan gambar yang maksimal, cukup dengan mengubah angka 800 dengan angka 1600, sehingga kodenya jadi seperti ini :

http://lh4.ggpht.com/_pt7i0nbIOCY/SoFHgGjyQ8I/AAAAAAAACNk/FmS36kH8k3U/blog-aing_thumb%5B2%5D.jpg?imgmax=1600

Trik mengubah nilai pixel ini berlaku juga untuk posting gambar secara umum, anda hanya perlu masuk dulu ke edit HTML, lalu ubah kode pixelnya.

Ternyata kita bisa upload gambar dalam ukuran besar ke blogger bukan?

0 Membuat Kotak Pesan Diblog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Membuat Kotak Pesan Diblog

Kotak Pesan,jejak pengunjung atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok, yaitu masukan email kamu dan pasword yang kamu kehendaki.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. oke,, lalu jangan lupa tinggalkan koment di shoutmix saya hahahaaa

0 Cara Mengganti Template Blog Versi Baru

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Cara Mengganti Template Blog Versi Baru

Mengganti Template Blog khususnya blogger atau blogspot versi baru agak berbeda dengan versi lama. Untuk mengganti template blog blogger teman-teman harus mendownload template blogger gratis dulu, jika belum memilikinya silakan download template blogger gratis di sini. Setelah template blogger gratis sudah didownload, silakan lihat dulu blogger template yang baru didownload tadi, apakah berkasnya berbentuk file zip/rar atau berbentuk xml (jika file blogger template sudah dalam bentuk xml silakan langsung diupload ke blogger/blogspot)

Jika template masih berbentuk Zip/Rar sialakan di Extract dulu. Caranya : klik kanan, kemudian pilih Extract Here.

Jika Template Blogger sudah di extract silakan upload file xml nya. Langkah – Langkah Mengganti Template Blogspot/Blogger (Versi Terbaru) Berikut panduan upload template blogger setelah di download dan diextract1. Login ke dashboard blogger
2. Silakan pergi kebagian Template dengan cara mengklik menu Template (lihat gambar berikut)

3. Klik tulisan Cadangkan / Pulihkan (menunya ada di sebelah kanan atas)

Sebelum template diupload sebaiknya download dulu template yang sudah terpasang dengan cara mengklik tulisan Unduh Template Lengkap. Dan jika template sudah selesai di unduh/download silakan upload template yang baru.

Tunggu proses upload sampai selesai, jika sudah selesai silakan lihat perubahan blog teman.
Oh ia ... biasanya setelah template baru terpasang ada tambahan widget yang mungkin tidak kita inginkan, silakan hapus widget yang tidak di inginkan dan susun kembali penempatannya di tab Tata Letak. Nah itulah tutorial blog : Tutorial Cara Mengganti Template Blogspot - Blogger (Versi Baru)

0 Cara Mempercantik Blog Dengan Efek Salju

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Assalamualaikum Wr. Wb.

Cara Mempercantik Blog  Dengan Efek Salju | Salju Berguguran di blog mu.... Hee seperti apa yaa jadinya. Hemmm pasti kayaknya kalo blog kalian ada saljunya sedikit lebih berwarna hee. Nahh hubungannnnya dengan itu, di sini saya sedikit berbagi tantang Cara Mempercantik Blog  Dengan Efek Salju yang pastinya membuat blog temen-temen lebih terlihat hidup. Nga percaya !! Coba aja. Ehhhh tapi cara ini hanya berlaku buat blog-blog yang mempunyai Warna Laman dan Backgroud yang Hitam/Gelap kalo terang nanti hasilnya nga Ngefek karena salju kan warnaya putih nahh kalo blog kalian pake Backgroud Putih di pasang Efek Slaju yaa nanti nga bakalan terasa Efeknya.

Efek Salju di Blog

Tertarik Nga ???? Heee nahh kalo temen-temen tertarik silahkan ikuti petunjuk pemasangannya di bawah ini, perhatika baik-baik yaa jangan sampai ada yang terlewat biar nga salah.

Berikut adalah Cara Mempercantik Blog  Dengan Efek Salju pada Blog kalian :

• Kita Logging Dulu Ke Blogger.com.

• Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.

• Setelah Itu Kita Pilih Tambahkan Gadged.

• Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.

• Dan Tambahkan Kode Berikut di dalamnya.

<script type="text/javascript" src="http://ariflawblog.googlecode.com/files/salju.js.txt"></script> 

•  Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

  Demikian apa yang bisa saya sampaikan dalam artikel Cara Mempercantik Blog  Dengan Efek Salju, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

0 cara memasang musik playlist di blogger

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Setelah kita mengenal cara memasang lagu di blog, tutorial pembahasan topik kali ini adalah mengenai Playlist MP3 Musik layaknya seperti di Media pemutar musik/video seperti Winamp, GOM Player, KM Player dan lainnya. Pada contoh Media Player tersebut terdapat sebuah Playlist yaitu kumpulan musik yang dapat kita pilih dan anda mainkan.

Hanya saja playlist disini hanya dapat dimainkan auto / otomatis, dan hanya dapat menekan tombol nextplay yaitu untuk mengganti ke lagu berikutnya secara berurutan. Memasang Widget/Gadget Musik Player di Blogger memiliki kelebihan dan kekurangan. Semuanya tergantung pada user / pengguna yang mendengarkan lagu tersebut, apakah cocok atau tidak.

Selain itu faktor lainnya adalah akan sedikit menambah beban berat loading blog. Tetapi apabila pengunjung menggunakan koneksi internet yang stabil maka akan mudah, enak dan cpat untuk mendengarkan musik yang tlah tersedia. Menuju ke cara memasang dan membuat playlist pada topik ini.

1. Silahkan anda pergi ke website scmplayer.net
2. Anda akan melihat tampilan sperti gambar diatas, lalu pilih Choose Skin.
    Kamu dapat memilih tampilan yang sesuai dengan tema blog dan bebas memilih skin playlist / warna yang tersedia.
3. Kemudian klik bagian selanjutnya yaitu Edit Playlist.
4. Di dalam kotak tersebut terdapat 2 pilihan.

• Manual Playlist = Memasang lagu dengan url manual. Jadi kita perlu melakukan upload terlebih dahulu, atau bisa juga melalui website lain seperti 4hared,beeMP3,MP3Skull, dll.
• RSS Podcast / SoundCloud Set / Youtube Playlist = Disini terdapat 3 opsi yang dapat dilakukan salah satunya bisa melalui Youtube. Jadi, kita hanya prlu mencari video / lagu yang ingin dicari. Nanti pada saat dimainkan di blog, hanya audio / suara saja yang akan terdengar. Videonya tidak akan ditampilkan. Carilah lagu yang video nya asli biar suara musik tersebut bagus dan belum diedit orang lain.

Perhatikan pada gambar yang saya lingkari merah, disini terterah contoh untuk memasukan lagu yang anda inginkan, silahkan anda cari situs yang menyediakan lagu atau bisa anda upload sendiri ataupun mencari diyoutube.com video yang nantinya sebagai url lagu.(bukan menampilkan video, hanya suara dari video). Pastikan anda memasukkan url dengan benar agar mp3 tersebut dapat muncul dan berjalan di blog.

Kemudian klik pada tab Configure Settings untuk mengatur lagu yang sudah kita pilih tadi, atur sesuai keinginan anda. Jika sudah selesai, klik tombol Done atau Save. Kemudian copy script code mp3 yang diberikan.

Langkah terakhir anda hanya perlu memasukkan kode tersebut ke dalam Widget anda.
Caranya :
1. Masuk ke Blogger.com
2. Pilih Layout / Design / Tata Letak, kemudian pilih letak yang sesuai dan klik Tambah Gadget / Widget.
3. Pilih HTML/Javascript
4. Masukkan kode yang tadi di copy dan letakkan di dalam kotak kedua (yang besar).
5. Save Template.

Semoga Cara Memasang Musik MP3 Playlist di Blogger ini dapat bermanfaat. Untuk memberikan dukungan positif terhadap artikel ini, silahkan klik link berikut.

Read more: http://impoint.blogspot.com/2013/05/cara-memasang-musik-lagu-mp3-playlist-di-blog.html#ixzz2VJ3oJvYN
Dilarang copy paste artikel tanpa menggunakan sumber link - DMCA Protected
Follow us: @ravdania on Twitter | pemakan.worell on Facebook

0 Cara Membuat Efek Bayangan Pada Link Blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Cara Membuat Efek Bayangan Pada Link Blog

Cara Membuat Efek Bayangan Pada Link Blog - Membuat Efek Shadow pada link blog - Membuat efek bayangan pada blog - Membuat Efek Bayangan (Shadow) pada blog - efek shadow pada blog - Cara Mudah Membuat Efek Bayangan Pada Link Blog. Tips dan trik seperti diatas akan saya kemas menjadi simple dan mudah dipahami untuk blogger pemula, agar tidak bingung dengan banyak tutorial yang ada. sebenarnya banyak cara untuk membuat link bayangan pada blog sampai bingung gak bisa pasang.

Banyak cara untuk membuat teks link menjadi lebih menarik di blog supaya teks tersebut di dikunjungi , apalagi link itu berkaitan dengan postingan lain di dalam blog atau link internal blog , efek samping nya cukup bermanfaat buat blog kita, Cara ini bisa meningkat nilai pageview pada blog dan membantu dalam upaya sobat untuk meramping kan blog karena nilai pageview nya naik .

Nah,,, untuk lebih simplenya saya kasih beberapa tutorial bisa sobat pilih dan mencobanya, memang sebuah kendala pada tutorial kadang tidak bisa diterima setiap template alias berbeda-beda namun aslinya semuanya sama, cuma bagi blogger pemula akan merasa kesulitan. jika sobat tertarik membuat efek bayangan pada link blog, ikuti petunjuk dibawah ini: 

Cara Membuat Efek Bayangan Pada Link Blog (Cara Pertama)

1. Log in akun blog sobat.
2. Pada dasbor blog pilih Template » Edit HTML
3.Sobat Cari kode seperti dibawah ini :

a:hover {
color:#80ff00;
text-decoration:none;
}

4.Ganti kode diatas dengan kode dibawah ini

a:hover {color: #ff0000;text-shadow: 0 0 0.5em #000080,0 0 0.5em #0000ff;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

5.Kemudian Simpan dan lihat hasilnya.

Keterangan :

Bila sobat pengen efek shadow/bayangan yang dihasilkan menjadi lebih tebal, maka tambahkan lebih banyak kode  0 0 0.5em #000080 Hasil Efek bayangannya yang dikeluarkan akan semakin tebal.

Contohnya seperti ini :

a:hover{color: #ff0000;text-shadow: 0 0 0.5em #000080,0 0 0.5em #000080,0 0 0.5em #000080,0 0 0.5em #000080;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

Cara Membuat Efek Bayangan Pada Link Blog (Cara Kedua)

1. Log in akun blog sobat.
2. Pada dasbor blog pilih Template » Edit HTML
3.Sobat Cari kode #outer-wrapper  (Untuk lebih mudah dan cepat gunakan ctrl+f )
4. jika sudah ketemu, sobat tambahkan kode-kode dibawah ini tepat dibawahnya kode #outer-wrapper tadi.

box-shadow:0 0 20px #6d5d96;
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;

Untuk lebih jelas penempatannya, karena biasanya kurang tepat memasangnya jadi kode tidak berfungsi. kurang lebih hasilnya seperti dibawah ini sobat:

#outer-wrapper {
background:#ffffff;
border-left:1px solid #4169e1;
border-right:1px solid #4169e1;
border-bottom:1px solid #4169e1;
width: 1000px;
margin:0 auto;
padding:10px 10px 20px 0px;
text-align:left;
font: normal normal 11.5px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
box-shadow:0 0 20px #6d5d96;
-webkit-box-shadow:0 0 10px #6d5d96;
-moz-box-shadow:0 0 20px #6d5d96;
-o-box-shadow:0 0 10px #6d5d96;
}

Keterangan :

0 0 20px : Dapat sobat ganti, jika ingin efek bayangan lebih jelas dan tebal.
 #6d5d96 : Adalah warna bayangan, bisa sobat ganti dengan warna bayangan yang sobat inginkan.

Sekian dulu sobat  Cara Membuat Efek Bayangan Pada Link Blog, jika masih ada yang belum jelas bisa tinggalkan komentar. sampai bertemu kembali untuk modifikasi blog. Selamat Mencoba,

0 Cara Merubah/Mengganti Cursor di blog

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Cara Merubah/Mengganti Cursor di Blog

*Cara Merubah/Mengganti Cursor Blog* | artikel kali ini adalah Cara Merubah/Mengganti Cursor diBlog, para blogger untuk mempercantik tampilan blognya mempunyai banyak cara diantaranya spoiler atau auto hide bahkan memberi jam pada blog. untuk yang gemar variasi blog artikel ini tepat dech untuk mengganti cursor pada tampilan blog sobat.

banyak sekali blog yang sudah memasang tampilan cursor yang dulunya biasa sekarang sudah berubah menjadi unik dengan cursor animasi atau sekedar merubah bentuk cursor, kang zain punya hadiah tutorial yang sudah saya persiapkan untuk sobat blogger yang ingin merubah tampilan cursor pada blog. sesuai dengan judulnya Cara Merubah/Mengganti Cursor di Blog, bisa lihat pada cursor blog saya ini, dulunya biasa namun sekarang sudah saya rubah jadinya keren abiz,,, sobat juga bisa tambahkan efek bertaburan bintang atau salju DISINI.

Ok, jika tertarik dengan Cara Merubah/Mengganti Cursor Blog terasa kurang lengkap jika tidak dipraktekan, nah,,, untuk tambah ilmu baru langsung saja ikuti tutorialnya dibawah ini: sampai bawah ya,,,

1. Masuk ke link http://www.cursors-4u.com/ (situs tersebut adalah penyedia segala macam jenis tampilan cursor blog)

2. jika sudah masuk akan tampil seperti gambar ini:

3. Setelah masuk pilih pada categoris seperti pada tanda merah gambar diatas. pilih yang sobat suka. contoh pilih categories Cursors/Pointers maka akan tampil seperti gambar dibawah ini:

4. Pilih salah satu dari pilihan tampilan cursor yang sobat suka seperti gambar diatas, maka akan tampil seperti dibawah ini:

Keterangan gambar diatas :

Pilih nomor satu terlebih dahulu blogger/blogspot kemudian muncul seperti gambar diatas. kemudian copy kode pada nomor dua tersebut kedalam notepad atau wordpad. dan ikuti langkah selanjutnya :

Cara pemasangan kedalam bog.

1. Login ke akun bogger Anda
2. Plih rancangan
3. Klik tambah gadget
5. Pilih HTML/Javascript
6. Copy/paste kode yang anda simpan di notepad tadi
7. Save.

Sekarang lihat tampilan *cursor blog* sobat, udah unik dan menarik kan,,,, sekian dulu Cara Merubah/Mengganti Cursor di Blog. good luck

~ Selamat Mencoba ~