Feb
19
Cara Membuat Tool Tips Jquery di Blogger
Cara Membuat Tool Tips Jquery di Blogger, wah baru sempat posting disini lagi, setelah kemarin udah update tentang Threaded Comment styles dengan CSS yang masih segar dalam ingatan kita semua.
bagi anda yang kepengen blognya tampil keren gak ada salahnya kalo Mencoba Tootips keren Jquery ini. Trik ini di populerkan oleh helperblogger.
View Demo
Langkah langkah menerapkan Tootips Jquery di Blog :
Masuk blogger »» Rancangan »» Edit Html »» centang Expand Widget Template.
Kemudian Paste Kode berikut diatas kode ]]>
.tooltip {
position: relative;
display: inline-block;
cursor: help;
white-space: nowrap;
border-bottom: 1px dotted #777;
}
.tooltip-content {
opacity: 0;
visibility: hidden;
font: 12px Arial, Helvetica;
text-align: center;
border-color: #aaa #555 #555 #aaa;
border-style: solid;
border-width: 1px;
width: 150px;
padding: 15px;
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -76px;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
background-image: linear-gradient(rgba(0,0,0,.1), rgba(255,255,255,0));
-moz-box-shadow: 1px 1px 0 #555,
2px 2px 0 #555,
3px 3px 1px rgba(0, 0, 0, .3),
0 1px 0 rgba(255,255,255, .5) inset;
-webkit-box-shadow: 1px 1px 0 #555,
2px 2px 0 #555,
3px 3px 1px rgba(0, 0, 0, .3),
0 1px 0 rgba(255,255,255, .5) inset;
box-shadow: 1px 1px 0 #555,
2px 2px 0 #555,
3px 3px 1px rgba(0, 0, 0, .3),
0 1px 0 rgba(255,255,255, .5) inset;
-webkit-transition: bottom .2s ease, opacity .2s ease;
-moz-transition: bottom .2s ease, opacity .2s ease;
-ms-transition: bottom .2s ease, opacity .2s ease;
-o-transition: bottom .2s ease, opacity .2s ease;
transition: bottom .2s ease, opacity .2s ease;
}
.tooltip-content:after,
.tooltip-content:before {
border-right: 16px solid transparent;
border-top: 15px solid #fff;
bottom: -15px;
content: "";
position: absolute;
left: 50%;
margin-left: -10px;
}
.tooltip-content:before {
border-right-width: 25px;
border-top-color: #555;
border-top-width: 15px;
bottom: -15px;
}
.tooltip:hover .tooltip-content{
opacity: 1;
visibility: visible;
bottom: 30px;
}
Kemudian Tambahkan kode berikut sebelum/diatas kode
Nb : Kalau dalam template anda sudah ada kode yang berwarna merah jadi anda tidak perlu lagi menambahkannya, cukup tambahkan kode yg dibawahnya aja.
Kemudian Save Template.
Untuk menerapkannya dipostingan anda bisa memakai cara berikut ini :
Kata Anda Disini
Semoga bermanfaat ya, tapi jangan lupa dukung terus Sumber Berita Cerita Inspirasi Motivasi Dunia Terbaru - Beritama.com
Original Articles by : How To Add jQuery Tool Tips To Blogger Very Easily ?
Posted 19th February by Blogging
Labels: CSS Artikel menarik Trik
27
View comments
Blogging With Me
Beranda
Guest Book
Trik Alexa
Oct
5
Cerita-Cerita Menarik Cuma Di Cerita Lucu, Unik, Seram, dan Menarik
Cerita-Cerita Menarik Cuma Di Cerita Lucu, Unik, Seram, dan Menarik,Membaca judulnya yang begitu panjang membuat mata terasa was was ketika pertama kali anda membaca ini di blog ini.
Jadi saya cuma sekedar update ajja tanpa membagikan apapun itu seperti trik blogger dan trik facebook yang saya ketahui.
Anda disini diberikan Cerita Menarik yang memang agak lucu sih tapi jangan keseringan tertawa sendiri nanti malah dianggap jadi gila.Ada gak sih cerita yang lucu tapi menarik ? itu biasanya adalah konteks yang sangat wajar.
Tetapi cerita yang Menarik atau seram mungkinkah ada suatu perbedaan ? silahkan tanyakan apa aja mengenai post yang gak sengaja diketik untuk mengupdate blogqu.
Feb
19
Cara Membuat Tool Tips Jquery di Blogger
Cara Membuat Tool Tips Jquery di Blogger, wah baru sempat posting disini lagi, setelah kemarin udah update tentang Threaded Comment styles dengan CSS yang masih segar dalam ingatan kita semua.
bagi anda yang kepengen blognya tampil keren gak ada salahnya kalo Mencoba Tootips keren Jquery ini. Trik ini di populerkan oleh helperblogger.
View Demo
Langkah langkah menerapkan Tootips Jquery di Blog :
Masuk blogger »» Rancangan »» Edit Html »» centang Expand Widget Template.
27
Feb
10
Threaded Comment styles dengan CSS
Threaded Comment styles dengan CSS , wah udah lama gak posting nih semenjak ikutan kontes Sumber Berita Cerita Inspirasi Motivasi Dunia Terbaru - Beritama.com jadi kangen sebarin Tutorial Blogger lagi. Nah pasti kalian udah pada tau tentang Threaded Comment Blogger yang baru baru ini diluncurkan .
Tentunya ini memberi kesan decak kagun kepada pengguna blogger. dengan adanya Threaded Comment jadi komentar lebih agak keren dibanding yang standar dulu.
14
Feb
6
Sumber Berita Cerita Inspirasi Motivasi Dunia Terbaru - Beritama.com
Sumber Berita Cerita Inspirasi Motivasi Dunia Terbaru - Beritama.com , Kali ini saya akan mencoba peruntungan dengan mereview sebuah blog senior kita yang sedang mengadakan kontes SEO antar anggota Group Diskusi Blogger Pemula yaitu mas Dudi Jaya dengan blognya Beritama.com yang sebelumnya beralamatkan di dudijaya.blogspot.com.
2
Jan
30
Nembak Keyword : Diskusi Blogger Pemula
Nembak Keyword : Diskusi Blogger Pemula, bentar lagi nih kompetisi nembak keyword Diskusi Blogger Pemula akan berakhir di tanggal 31 Januari 2012.
Padahal blog ini gak ada masuk halaman google sedikitpun, apa mungkin karena udah usang atau bagaimana ya ? saya jarang update juga sih. Pokoknya menang atau kalah ya diterima aja kan cuma kompetisi nembak keyword.
Diskusi Blogger Pemula adalah group facebook dimana anggotanya saling membantu dalam menyelesaikan masalah.
7
Jan
22
Related Post Feed Blogger | Cara Membuat Related Post/Artikel Terkait dengan Feed
Related Post Feed Blogger | Cara Membuat Related Post/Artikel Terkait dengan Feed, nah baru kali ini saya update lagi, tadi sih cuma iseng aja buka blog Blogging with me - Tutorial Blogger - Trik Blogspot ini. dan sekalian mengganti baju yang udah usang ditahun lalu.
Baiklah kita kembali ke topik kita adalah Cara Membuat Related Post/Artikel Terkait dengan Feed pernah mendengar bukan ? tapi ada beberapa blogger juga yang belum tau jadi aku share aja degh.
9
Jan
22
Bisnis Online Daftar Gratis Bonus Jutaan Rupiah Ternyata Masih Berlangsung
Bisnis Online Daftar Gratis Bonus Jutaan Rupiah , merupakan kata kunci yang udah lama banget dijadikan kontes oleh jullycell yang mengambil keyword Bisnis Online Daftar Gratis Bonus Jutaan Rupiah. saya sampai kaget karena gak nyangka aja ini masih berlangsung padahal ada beberapa kontestan yang ikut melansir ini scam ternyta bukan.
Nah mengapa saya membuat artikel ini ? karena saya juga gak percaya kalo ini masuk di page 1 mungkin hasil pencarian dibrowser saya belum clear chace.
Dec
31
Diskusi Blogger Pemula (DBP)
Diskusi Blogger Pemula (DBP) adalah sebuah grup diskusi dimana di dalamnya berisi para blogger Indonesia yang khususnya masih belajar. Di Group ini banyak pengalaman yang saya dapatkan didunia Blogger. Tentunya dibantu oleh temen temen Diskusi Blogger Pemula (DBP) semua masalah saya terpecahkan juga.
Sekilas tentang Misi Diskusi Blogger Pemula (DBP) :
Misi Diskusi Blogger Pemula:
1. Mendidik anggotanya untuk dapat menjadi blogger yang berguna bagi pengunjungnya
2. Membantu Blogger yang Baru.
4
Dec
13
Cara Membuat Efek Getar pada Gambar pada Blogger
Cara Membuat Efek Getar pada Gambar pada Blogger, udah lama nih gak update, saya sekarang mau kasi Efek gambar Bergetar bila di mouseover, coba liat demonya ya berikut :
Gimana mau gak efeknya kalau diarahin kursornya ke Nenek anda ?
Caranya Masuk Blogger
Klik Rancangan --> Edit Html --> Centang "expand Widget Template"
Kemudian letakkan CSs berikut diatas kode ]]>
.gambargetar {
position: relative;
}
Kemudian Save.
Kemudian Add Element -- Add Widget -- Html/Javascript.
8
Dec
5
Di Cari Penulis Untuk Blog Ini
Penulis Untuk Blog Ini, ya kali ini Blogging With Me mau menawarkan pada anda untuk ikut serta menjadi penulis blog ini. Saya banyak tugas sekolah dan jarang Online jadi kasian kalo blog kesayangan ini tidak diupdate. Bagi siapa saja yang mau jadi penulis di Blog ini, berikut Syarat dan ketentuanya :
Penulis harus menulis postingan yang berupa,Tutorial Blog, Trik Blog,dll yang menyangkut dengan Blogger. Penulis tidak boleh full Copy Paste.
6
Dec
2
Toko Sprei Online Jual Grosir Sprei dan Bed Cover dengan Harga Murah Model Cantik dan Kualitas Bagus
Toko Sprei Online Jual Grosir Sprei dan Bed Cover dengan Harga Murah, Model Cantik, dan Kualitas Bagus, baru kali ini saya berbagi info Toko Sprei Online yang terbukti bagus dan kualitasnya murah. hihi, yap betul nih buat teman teman yang mau ikut kontes SEO yang diadakan oleh Zim Zam Collection, silahkan klik link berikut : Toko Sprei Online Jual Grosir Sprei dan Bed Cover dengan Harga Murah, Model Cantik, dan Kualitas Bagus..
Nov
21
Cara Membuat CSS Smart Image Enlarger di Blogger
Cara Membuat CSS Smart Image Enlarger di Blogger, kali ini blogging With Me mau berbagi ilmu yang saya kiranya sangat menarik untuk anda baca Membuat Efek Zoom Gambar saat Dilalui Cursor. Ini saya dapatkan di Dynamic Drive, disitu sangat banyak ilmu mengenai CSS dan lainya.
6
Nov
19
Cara Mengubah Judul Postingan Blog Menjadi Gambar
Cara Mengubah Judul Blog Menjadi Gambar di Blogger, kali ini Blogging With Me akan membagi tutorial tentang Mengubah Judul Postingan/blog menjadi gambar. Postingan ini saya buat untuk kk dwinkha yang kepingin judul postinganya menjadi gambar. Belum terbayang kan gmna bentuknya ? saya juga belum tau, makanya kita liat ke TKP :
Demo Judul Postingan Gambar
Langkah langkahnya adalah sebagai berikut :
Masuk ke Blogger coy
Pilih ajja Rancangan -- Edit Html -- centang Expand Widget template.
9
Nov
16
Cara Membuat Tooltips Menggunakan CSS3 Blogger
Cara Membuat Tooltips Menggunakan CSS3 Blogger - Blogging With Me,akan membahas mengenai Tooltips CSS3 yang saya temui pada CSS3 Tooltips di web aslinya. udah lama saya gak update nih, langsung update saya akan berikan trik yang menarik yang akan saya beri nama Cara Membuat Tooltips Menggunakan CSS3 pada Blogger.
3
Nov
6
Membuat Efek Lipatan Kertas CSS di Blog
Cara Membuat Efek Lipatan Kertas CSS di Blog - Blogging With Me kali ini akan membahas yang namanya CSS, ni tutor dari tetangga sebelah,saya cuma pengen share ke teman teman supaya bisa lebih bermanfaat.
Pernah melihat lipatan kertas kan ?? itu lho yang dipojoknya dilipat.
2
Oct
29
Cara Membuat Bouncing Image CSS Hover
Cara Membuat Sebuah Bouncing CSS Image Pada Hover - sebelumnya saya sudah posting Cara Membuat Syntax Highlighter pada Blogger tapi masih belum diindex, mungkin karena jarang blogging update, mungkin ada yang mau menjadi author blog ini ??
ok,kembali ke topik, yang akan saya bahas kali ini adalah Cara Membuat Bouncing Image CSS Hover di BLog, mungkin ada yang belum pernah lihat langsung aja cek demonya berikut :
Masuk Blogger - Rancangan - Edit HTML - Expand Template Widget
Kemudian letakkan
5
Oct
24
Cara Membuat Syntax Highlighter pada Blogger
Cara Membuat Syntax Highlighter pada Blogger , kebetulah hari ini bisa OL untuk mengurusi kontes Bisnis Online Daftar Gratis Bonus Jutaan Rupiah , jadi yang saya mau bagikan kali ini adalah mengenai Syntax Highlighter . fungsi Syntax Highlighter disini adalah untuk mempermudah dan memperjelas kode JS atau CSS pada postingan kita.
4
Oct
14
Membuat Efek Zoom Gambar saat Dilalui Cursor
Cara Membuat Efek Zoom Gambar saat Dilalui Cursor , masih sengit persaingan di Bisnis Online Daftar Gratis Bonus jutaan Rupiah yang baru berlangsung 1 minggu, tapi dengan adanya itu menambah kesibukan saya buat postingan, baik saya langsung aja jelasin Cara Membuat Efek Zoom Gambar saat Dilalui Cursor berikut :
coba demo berikut :
Login ke Blogger
Pilih rancangan --> Edit HTML --> Centang Expand.
16
Oct
9
Cara Membuat Artikel Terkait/Related Post Bawah Postingan Blogger
Cara Membuat Artikel Terkait/Related Post Bawah Postingan Blogger - Related Post memang menjadi salah satu trik agar menjadi SEO Friendly, sebelumya juga saya pernah memabahas Cara Membuat Artikel Terkait/Related Post Di Sidebar Blog, cara ini beda, yang dulu saya buat itu terletak disidebar sedangkan yang ini dibawah postingan.
15
Oct
9
Bisnis Online Daftar Gratis Bonus Jutaan Rupiah | Bisnis Online Gratis
Bisnis Online Daftar Gratis Bonus Jutaan Rupiah – Bisnis Online Daftar Gratis? Siapa sih yang gak mau ? Pasti banyak yang kepingin dengan semua hal yang berbau Bisnis Online Gratis. Nah pada kesempatan yang berbahagia ini saya akan memberitahu dan sekaligus mengajak anda Mendaftar ke Bisnis Online Daftar Gratis Bonus jutaan rupiah.
50
Loading
Send feedback
0 komentar:
Posting Komentar