Tampilkan postingan dengan label blogger. Tampilkan semua postingan
Tampilkan postingan dengan label blogger. Tampilkan semua postingan

Sabtu, 23 Maret 2013

MEMBUAT WIDGET AUTO HIDE FACEBOOK DI BLOG



Jika Tertarik Langsung saja ikuti Langkah-Langkah berikut ini :
Langkah 1
1. Seperti biasa Masuk ke Akun Blogger Anda
2. Klik Rancangan --> Edit HTML --> Cari kode </head> (untuk mempercepat pencarian gunakan fasilitas Find/tekan Ctrl + F )
3. Letakkan kode berikut di atasnya.


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'  type='text/javascript'/>

Catatan : Jika Kode di atas sudah ada, langsung saja ke Langkah 2

4. Klik Save


Langkah 2
1. Pilih dan Klik Tata Letak
2. Klik Tambah Gadget => Pilih HTML/Javascript
4. Masukkan kode berikut ke dalam kotak yang di sediakan

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:35%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Berbagi-Pengetahuan/116066805250543?skip_nax_wizard=true&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://14bersama.blogspot.com/2013/03/membuat-widget-auto-hide-facebook-di.html">Cara Membuat</a></span></div></div>

Keterangan : “ Ganti tulisan warna Merah dengan URL Page anda, seperti gambar berikut :



5. Klik Save dan lihat hasilnya!!

!! Semoga bermanfaat !!

Senin, 18 Maret 2013

Kumpulan Template


1. Lighten Blue : Download

LightenBlue



2. Missing You : Download





3. Hifashion : Download





4. Bound By Love Blogger : Download

(Sumber dari : http://btemplates.com/tag/abstract/ )




5. Snow Does Know Blogger : Download






Jumat, 15 Maret 2013

Cara Mengganti Pointer Mouse pada Blog

Kali ini saya akan membahas tentang cara mengubah tampilan kursor yang ada di blog kita. Jika sobat Bosan dengan Kursor yang SNI ??? Pengen mengganti kursor yang lucu ??? tepat sekali kalo sobat nyasar kemari,,Disini saya akan sedikit share tentang Bagaimana caranya merubah atau mengganti kursor di blog yang standar menjadi elegan.




Nah, di atas itu adalah contoh kursor blog . Bagi sobat yang ingin mengubah kursor yang ada di blog sobat, maka sobat bisa mengubahnya melalui langkah-langkah berikut:

1. Login lah ke akun blogger sobat terlebih dahulu
2. Lalu klik "Layout"
cara ganti tampilan kursor

 3. Pilih "Add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

a. Kode 1: Mengubah kursor tapi tidak mengubah kursor ketika menyorot link


<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>

b. Kode 2: Mengubah kursor serta tetap berubah walau disorot ke arah link

<style type="text/css">
body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
body a:hover{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;}
</style>

SILAHKAN PILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"

PENTING:

Sobat bisa mengganti link gambar yang telah saya tandai warna biru dengan link gambar kursor sesuai keinginan sobat.
Ada beberapa situs penyedia cursor yang lucu dan keren, sobat bisa mengunjungi situsnya untuk memilih2 kursor mana yang menurut sobat pas di hati..situsnya antara lain:

Atau link gambar yang tersedia di bawah ini :


cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif 
 
http://i1200.photobucket.com/albums/bb321/aNyA_zdej28/FBML%20Vocaloid/C-GUMI.png
http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png
http://i44.photobucket.com/albums/f13/LONG65/Element2.gif
http://i1013.photobucket.com/albums/af252/oneuglycoffin/PhotoshopEdits/cuppycakecursor.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Q5i19SFc1aFNUQJBDyC4nAXn5QRIyXFb_gAPcOsmRpsiLSvtC-WqIafbtmrX2mY9YlRIn21LijTwrEzwu-TIyfCxI3OU1EiwU3AQVoeBcg_qRnBGokuPsWBOQqZGyuwzxFHLWh4YfOe4/s1600/cur283.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxR7xe8HP9DJ7oc0VLl4A_AlB3d63XLJWyPrSZFsO-JkwxlxtapYHgdEnYPt2VtpcaoJtagId5bKJylRfwZyjJaSPtTLMsWM4nmjPJLYqChBuFmfGR917qDGpNja2oVEf9S86Q_ppXBBqM/s1600/cur740.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo5Ppip5QjjLwKQz1NcARkI18vlKCaTqFFRc3btduVEi_6FBm0rSFySKtTd9Eji7nzw0pXiu2IDrp-IP1GStRe_JChCzsi2pZ7W61eYnBdADY1LpvlcuRhrL2pJDFVj41pIOIjkiDM9vCy/s1600/cur815.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJzDhkTRmGqV51oOiuhVLrPfq_DL289MFXdxvSlQ1tUy89RBCe50Ki3WXc3elFmLvr8_C7To4KGSo_Rs_fv6isZbsBlYcAnYtFaHx3QY5BfMi0BZyNuVwzVfhi_1Toh9xpm5kf85SKAJTC/s1600/oth617.png
 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8pgIYTrx_AanoiazbmaB6VA2lUDxnwG7KlLu0JtyR4R6HgWP9JvEvr65N8MizV2wbdr9i9i9dHTLpf3zpzBHgFU6K8S5RTV4w_FbrhZ2BRKkiKQkAdysipbb4rzAeQFjT_qyBW8F7I4t/s1600/cur1054.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy8WMvHFneaqAFtGODXq5LN33RqapGivHvVmDiqWs74Bz1e9Qwi5tTJ1W-eZdes1QhmgwkgyrXxV_PzvpLNYHxjNwfeHP39oe8YZPwLldV641cDIi3HElam7E3ONjnogLFtjet_JfhTWKD/s1600/cur1031.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT9i5cn7NfScSr5a-MWJq0qUHGR8BOQYpRPU5Qe8qD9lmRwCE5Fk-Pzu9L8_hx54EDs67xE72jlsvmtZf22TS_8-8WngC6WFddbudmc0evDsqyXGbnrGQZ5shSFj4krHKeWKTmUv5Hp0LI/s1600/cur951.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzH6CNwYD5e-XTl3UQ5crDZTMhpiP93lYofq9J6fwlpvESon2A1Y0KrEo2cclUCTJ0PdFlB0Ca-CuTx6x8MhB-LWqhgH0Rz_CVSRH9aw-FO4EAYak7djr6BHL3XiUTdxbkgiYEjQgBUP52/s1600/oth591.gif


Sekian dulu artikel dari saya....
Semoga artikel ini berguna...


Sumber dari :  http://smbjagasatru.blogspot.com/2013/01/cara-mengganti-kursor-mouse-pada-blog.html
dan http://galontong.blogspot.com/2013/01/kumpulan-cursormouse-pointer-untuk-blog.html

Kamis, 14 Maret 2013

Cara Membuat Read More Otomatis di Blog


Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blogspot :
1.      Login ke Blog anda
2.      Buka Halaman Design > Edit HTML > Centang Expand Template Widget
Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
Paste kode berikut tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

3.      Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama. Jika sudah ketemu silahkan anda ganti kode tersebut dengan 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:right;padding-top:20px;'>
    <a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

4.      Finish simpan template dan lihat hasilnya

Keterangan :

summary_noimg     =   430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
summary_img         =   340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
img_thumb_height =   100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
img_thumb_width =   120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.

Anda juga bisa mengubah Icon Read More (http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif) silahkan diganti URL Icon atau Tulisan  yang di inginkan yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More.

Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.

Rabu, 13 Maret 2013

Cara Membuat Widget Lagu di Blog


Langkah-langkahnya ;
1.      Sobat Log in ke dalam Blog sobat dulu
2.      Masuk Rancangan (Tata Letak)
3.      Tambah Gadget
4.      Pilih Html/Java Script,
5.      Kemudian Sobat Paste Code Html Dibawah Setelah di Copy Terlebih Dulu ,,,
6.      Klik simpan

 
<div style="text-align: center;">
<embed height="85" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://divine-music.info/musicfiles/Owl City - Fireflies(1)(1).swf" type="application/x-shockwave-flash" width="226" wmode="transparent"></embed></div>


7.      Yang warna merah Ganti URL Dengan URL Lagu Kesukaan Sobat Dibawah ...

Ø  2.Flo Rida - Low


Ø  4.Lady GaGa - Just Dance (Feat Colby O'Donis & Akon )
http://divine-music.info/musicfiles/Lady GaGa - Just Dance (Feat Colby ODonis & Akon).swf

Ø  5.Black Eyed Peas - I Gotta Feeling

Ø  Black Eyed Peas - Rock That Body

Ø  7.Akon - Right Now ( Na Na Na)

Ø  8.Evanessence - Bring Me To Life

Ø  9.Justin Bieber - Baby
Ø  Linkin Park - In The End

Ø  11. Bruno Mars-The Lazy Song

Ø  12.Avenged Sevenfold-Dear God

Ø  13.Eminem Ft Rihanna-Love The Way You Lie

Ø  14.Eminem Ft Akon-Smack That

Ø  15.Crazy Frog-Axelf

Ø  16.Avril Lavigne-When Your Gone

Ø  17.Rihanna Ft Jay Z- Umbrella

Ø  18.Taio Cruz Ft Ludacris-Break Your Heart

Ø  19.Gareth Gates-Anyonefus

Ø  20.Lady Gaga-Alejandro

Ø  21.Selena Gomez-Naturally

Ø  Green Day - Holiday

Ø  23.Green Day-wakemeupwhen

Ø  24.Green Day- Time of Your Life

Ø  25.Green Day-When I Come Around

Ø  26.Flo Rida-Get Low

Ø  27.Metallica - stanger

Ø  28.Metallica - Enter Sandman

Ø  29.Jennifer Lopez - On The Floor (feat. Pitbull)

Ø  30. Katy Perry-FireWork

Ø  31.Rihanna(Ft.Britney Spears)

Ø  32. Katy Perry - Wide Awake

Ø  33. Pitbull - Give Me Everything

Ø  34. Pitbull - Hotel Room Service

Ø  35. Carly Rae Jepsen - Call Me Maybe

Ø  36. Soulja Boy - Crank Dat

Ø  37. Soulja Boy - Kiss Me Through The Phone (feat. Sammie)

Ø  38.Taylor Swift - We Are Never Ever Getting Back Together

Ø  39. Owl City - Fireflies

Ø  40. PSY - Gangnam Style

Sumber dari : http://septianto04.blogspot.com/2013/01/langkah-langkahnya-1.html

CATATAN :

  1. Cara memasukkan Lagu dengan Format yang lain bisa juga dilakukan dengan cara Browsing lagu yang di inginkan di Mbah Google ,,,heeeee
  2. Setelah dapat situs lagu yang di inginkan (bukan di download), Pilih dan Klik pilihan Embed atau <Embed>
  3. Maka Anda akan ditampilkan Script Lagu tersebut, 
  4. Selanjutnya Copy Script tersebut dan Paste di Gadget HTML/Java Script