Subscribe:

Ads 468x60px

Labels

Tampilkan postingan dengan label BLOGERtrik. Tampilkan semua postingan
Tampilkan postingan dengan label BLOGERtrik. Tampilkan semua postingan

Sabtu, 24 November 2012

Membuat Like Box Facebook Tersembunyi Di Blog

       Facebook dapat di jadikan sumber promosi para blogger, karena pengguna facebook kian hari kian banyak maka tidak ada salahnya mempromosikan blog kita di facebook. Like box fb di blog bisa membuat orang yang berkunjung ke blog sobat bisa sekalian meng-like fanspage blog sobat, tetapi agar tidak memakan tempat like box fb dapat disembunyikan seperti tutorial berikut. 

1. Log in ke blogger.
2.Klik rancangan  » add gadget » HTML/Java Script.
3.Pastekan kode di bawah ini pada kolom yang sudah disediakan.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggO3DSLOnLDg17YS88S91WImkqv5Sy0bPp1Dpz1wHI5saokzU7ii0Vj_qWZSrVZa7G458CPJtyqH9eIVqVaOUiJE-mEvupqcKB2HtDAm18tQEn-aFV5rjaQ5XmPHRPq0vehMCSib9CtfU/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/CB-Cebbing-Budaya/318710158167099?ref=hl&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>


 Keterangan :
  • Ganti kode yang berwarna biru dengan url fans page anda.
 
4.Pergi ke edit HTML dan letakkan kode dibawah ini di atas kode </head>.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
Diposting oleh Mr. BLACK di 11.22 0 komentar
Label:

Jumat, 23 Maret 2012

MEMBUAT MENU DROPDOWN LAMAN PADA BLOG


http://sobatpc.com/wp-content/uploads/2011/08/menu-dropdown.jpgKetika sebuah blog tumbuh menjadi besar, maka semakin banyak pula menu dan link yang dibutuhkan. Jika kebetulan thema yang disediakan tidak mendukung, maka kita sendiri yang akan kebingungan dalam meletakan menu-menu tadi. Memang bisa kita mengganti thema kembali tetapi konsekuensinya kita harus melakukan setting ulang terhadap thema tersebut. Salah satu alternatif agar kita tidak perlu mengganti thema adalah dengan membuat menu drop down. Menu drop down merupakan menu tersembunyi di menu utama dan akan muncul ketika kita mengklik menu utama tadi atau hanya meletakan kursor di menu utama tadi. Bagaimana cara membuat menu drop down tadi ? Berikut ulasannya.
Drop Down Menu memang sangat populer dan sangat dibutuhkan pada saat ini. Jika di blog anda terdapat banyak link dan bingung untuk menaruhnya dimana. Nah, Drop-Down Menu adalah jawabannya. Drop Down Menu yang bagus dan indah ini dibuat full CSS tanpa JS (JavaScript). Sehingga anda tidak perlu khawatir jika loading blog anda lambat.
Langkah untuk membuat Drop-Down Menu :
  1. Login ke blogger.com
  2. Masuk ke menu Rancangan (Design) dan pilih Edit HTML
  3. Centang Expand Widget Template
  4. Cari kode <body>
  5. Masukkan kode berikut dibawah kode <body>
    <link href=’http://dl.dropbox.com/u/11103024/menu.css’ media=’screen’ rel=’stylesheet’ type=’text/css’/>
    <b:section id=’menu’ maxwidgets=’1′ showaddelement=’no’>
    <b:widget id=’HTML91′ locked=’false’ title=’Menu’ type=’HTML’/>
    </b:section>
    Kode diatas berfungsi untuk membuat sebuah JavaScript/HTML di Elemen Laman.
  6. Klik  Simpan Template
  7. Masuk ke Elemen Laman
  8. Cari Elemen Laman yang bernama Menu, kemudian klik Edit. Lihat Screenshoot !
  9. Masukkan kode dibawah ini
    <ul>
    <li><a href=”">Home</a></li>
    <li><a href=”#”>1 Column</a>
    <div>
    <div>
    <ul>
    <li><a href=”#”>Totto 1</a></li>
    <li><a href=”#”>Totto 2</a></li>
    <li><a href=”#”>Totto 3</a></li>
    <li><a href=”#”>Totto 4</a></li>
    <li><a href=”#”>Totto 5</a></li>
    <li><a href=”#”>Totto 6</a></li>
    <li><a href=”#”>Totto 7</a></li>
    <li><a href=”#”>Totto 8</a></li>
    <li><a href=”#”>Totto 9</a></li>
    <li><a href=”#”>More…</a></li>
    </ul>
    </div></div></li> <li><a href=”#”>2 columns</a>
    <div>
    <div>
    <h3>Totto 10</h3>
    <ul>
    <li><a href=”#”>Totto 11</a></li>
    <li><a href=”#”>Totto 12</a></li>
    <li><a href=”#”>Totto 13</a></li>
    </ul>
    </div>
    <div>
    <h3>Totto 14</h3>
    <ul>
    <li><a href=”#”>Totto 15</a></li>
    <li><a href=”#”>Totto 16</a></li>
    <li><a href=”#”>Totto 17</a></li>
    </ul>
    </div>
    <div>
    <h3>Totto 18</h3>
    <ul>
    <li><a href=”#”>Totto 19</a></li>
    <li><a href=”#”>Totto 20</a></li>
    <li><a href=”#”>Totto 21</a></li>
    </ul>
    </div>
    <div>
    <h3>Totto 22</h3>
    <ul>
    <li><a href=”#”>Totto 23</a></li>
    <li><a href=”#”>Totto 24</a></li>
    <li><a href=”#”>Totto 25</a></li>
    </ul>
    </div></div></li></ul>
    Tag Cloud
    • Windows media player
    • Elektronika
    • Online Games
    • Blogs
    • Klik
    • Digital media player
    • Game
    • Facebook
  10. Ganti kode # dengan URL tujuan. Ganti Totto 1, Totto 2, Totto 3, Totto… dengan anchor teks dari URL tersebut.
  11. Kemudian Klik  Simpan
Mudah bukan ? Sebenarnya semua hal tidak terlalu sulit seperti yang kita bayangkan.
sumber :http://totto-apa-adanya.blogspot.com/2011/06/membuat-drop-down-menu.html
Diposting oleh Mr. BLACK di 00.31 0 komentar
Label: ,

Kamis, 16 Februari 2012

MEMASANG GLOBE 3D PADA BLOG

Dari beberapa blog sering kita melihat ada seperti ini :
hal ini membuat indah blog anda. GLOBE 3D ini kita pasag supaya pemilik blog merasa blognya lebih keren dan lain sebagainya. Ini saya share dari apa yang saya tahu...
Pertama anda harus menuju link http://www.revolvermaps.com/ disitu anda bisa mengikuti langkah demi langkah.
Disitu anda akan dipertemukan pada menu macam ini
Get Standard Version  Get Mini Globe  Get Plain Map  Get Button.
Selanjutnya anda bisa menyeting sendiri sesuai variasi blog anda.
Bagi yang berminat anda bisa langsung ke TKP. atau link ini http://www.revolvermaps.com/?target=setupmini 
Semoga bermanfaat.!!!
Diposting oleh Mr. BLACK di 21.40 1 komentar
Label:

Sabtu, 21 Januari 2012

ANIMASI SPIDERMAN PADA BLOG

Setelah melihat dari beberapa sumber bloger. Ternyata pembuatan ANIMASI SPIDERMAN di Blog sangatlah mudah. HAl ini saya lakukan karena saya salah satu penggemar SPIDERMAN. Setelah saya coba lucu juga untuk menghiasi Blog saya.
Hal ini bisa kita lihat di blog saya, jika anda tertarik anda bisa mengikuti langkah berikut :
  1. Masuk pada blog tentunya.
  2. Menuju TATA LETAK
  3. Tambah Gagnet
  4. Mengambil JAVAscript
  5. Copy Kode berikut :

Baca selengkapnya »
Diposting oleh Mr. BLACK di 12.50 0 komentar
Label:

Jumat, 13 Januari 2012

Membuat widget Like FB pada BLOG Menggulung

Dalam hal ini saya memberikan tips menyembunyikan LIKE FB pada blog. Tapi sesekali  muncul dan nampak keren. Seperti yang ada di blog saya.
Baiklah, kita langsung saja pada langkah-langkahnya;
begini langkahnya:
  1. Masuk pada desain, lalu ilih tata letak,
  2. Tambah widget, HTML/script java
  3. Masukan kode berikut :
Baca selengkapnya »
Diposting oleh Mr. BLACK di 07.57 0 komentar
Label:

Minggu, 01 Januari 2012

BLOG DIHIASI HUJAN SALJU

Hujan SALJU di blog. Hal ini sudah tidak begitu asing bagi sobat bloger. Tapi bagi saya yang msaih pemula,,,penting ini buat tambahan....
Seperti yang nampak pada blog saya ini...Sobat Bloger..bisa lihat kan?,,,,





Cara membuat hujan salju pada blog sebagai berikut:
  1. Login ke blog sobat.
  2. Klik Rancangan/design.
  3. Add gadget lalu pilih HTML/Javascript.
  4. copy dan paste kode berikut:
    <script src="http://infonetmu.googlecode.com/files/snowstorm.js" type="text/javascript"></script>
  5. Simpan dan lihat hasilnya.
Diposting oleh Mr. BLACK di 09.16 0 komentar
Label:

Mengganti tulisan Home, Posting Lama dan Baru


bAGI YANG TERGOLONG BARU, Seperti saya mungkin. Dlam menulis blog mesti selalu g`srek. Hingga akhirnya saya cari sana-sini mengenai BLOG temen yang saya lihat ada posting lama dan posting barunya berupa gambar. Saya cari tahu itu. akhirnya dapat juga. 
Contohnya bisa di lihat di blog saya bagian bawah artikel :



Caranya begini Sobat..........

Baca selengkapnya »
Diposting oleh Mr. BLACK di 06.58 0 komentar
Label:

MEMASANG ANIMASI DI POJOK BLOG

Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

UNTUK Membuat lebih menarik BLOG. Salah satunya dapat memberi animasi dipojok-pojok  blog. Animasi ini saya share dari temen BLOGER juga. Ternyata setelah saya coba, lucu juga. Animasi ini bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.
Contoh dan scriptnya bisa dilihat di bawah ini :
 
Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini dibuat oleh sahabat bloger menggunakan kode html ditambah gambar dari situs sweetIM.
Untuk mengetahui penggunaannya.....

Baca selengkapnya »
Diposting oleh Mr. BLACK di 06.45 0 komentar
Label:
Langganan: Postingan (Atom)