Posts

Showing posts with the label Widget

Cara Pasang Kalender Di Blog

Image
Untuk memasang kalender di blog Anda , langkah-langkahnya sama dengan memasang jam di blog . Fungsinya memudahkan para pengunjung agar tidak lupa mengingat tanggal dan tentunya menambah keindahan blog Anda .
Berikut langkah-langkahnya : 1.Buka alamat http://www.free-blog-content.com , arahkan ke menu bagian bawah halaman web ,dimana tertampil berbagai kategori tamplan kalender . Anda klik salah satu kategori yang diinginkan. 2.Pada setiap preview masing-masing kalender sudah teradapat kode HTML di bawahnya .Copy kode HTML pada kalender yang ingin Anda pasang .

Cara Pasang Jam Di Blog

Image
Agar menambah tampilan blog Anda , supaya terkesan indah dan juga sebagai pengingat waktu agar pengunjung tidak lupa. Untuk memasang jam di blog Anda sangat gampang karena tidak melalui proses pendaftaran seperti memasng widget lainya di blog .Anda hanya perlu mengkopy kode HTML-nya saja .
Untuk memasang jam di blog ,ikuti langkah-langkah berikut ini : 1.Anda buka alamat http://www.clocklink.com/ .Disini tersedia banyak tampilan/model jam ,mulai dari jam analog, digital hingga yang berbentuk animasi .Anda pilih sesuia kebutuhan blog Anda . 2.Anda arahkan ke menu Gallery yang terletak disebelah kiri halaman web .Klik View Tag yang ada dibawah jam yang ingin Anda pasang .

3.Klik Accept jika muncul halaman persetujuan penggunaan jam . 4.Anda atur dulu waktu di mana Anda tinggal dengan  mengatur waktu pada Timezone . Untuk waktu WIB(Waktu Indonesia Barat) , gunakan setting GMT+07:00,WITA(GMT +08:00) , WIT(GMT + 09:00) .Kemudian kopy kode HTML yang tersedia pada kotak kode . 5.Login ke akun Blogg…

Pasang Tombol Go To Down Pada Tombol Back To Top

Image
Pasang Tombol Go To Down Pada Tombol Back To Top Sebelumnya saya sudah share tips " Pasang Tombol Smooth Scroll Back To Top dengan jQuery di Blogspot" .
Nah kali ini, saya ambil tips dari Kompi Ajaib dimana denga menambahkan tombol go to down.Untuk tampilan tombolnya kita buat sama dengan sebelumnya yang menggunakan before dan after, hanya membalikan arah panahnya menjadi ke bawah (membalikan border pada before dan after).

Sebelumnya Anda perlu membaca tips berikut ini, simak bai-baik :
Cara Pasang atau Membuat Tombol Back To Top Dengan Before And After

Jika Anda sudah memasang tombol Back To Top tersebut, kini tinggal menambahkan tombol Go To Down.

Langkah pemasangan :

1. Tambahkan kode CSS untuk tombol go to down di bawah ini dan Anda taruh/simpan di atas kode ]]></b:skin> atau </style>

#GoToDown {background:#fff;text-align:center;position:fixed;top:13px;right:10px;z-index:999;cursor:pointer;width:30px;height:20px;padding:5px;border-radius: 2px;}#GoToDo…

Cara Pasang atau Membuat Tombol Back To Top Dengan Before And After

Image
Cara Pasang atau Membuat Tombol Back To Top Dengan Before And After Sobat bloggers,sebelumnya saya sudah share tips "Pasang Tombol Smooth Scroll Back To Top dengan jQuery di Blogspot" kali ini kita akan membuat membuat tombol back to top atau scroll to top
dengan menggunakan kode CSS   :before dan :after sehingga tidak menggunakan gambar.
Script ini dikembangkan dari tips Blog Kang Ismet, karena scriptnya lebih simple dan memiliki efek bounce pada halaman ketika sampai ke atas.

Langkah/Cara Pasang atau Membuat Tombol Back To Top Dengan Before And After 1. copy script di bawah ini, dan taruh di atas kode </body> .

<scripttype='text/javascript'> $(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } }); $('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0}…

Pasang Widget JQuery Countdown Timer di Blog

Image
Pasang Widget JQuery Countdown Timer di Blog, Anaktimor17 Blog - Sobat bloggers, kembali saya share tips blogging untuk Anda. Nah pada tips kali ini saya akan membagikan kepada

Pasang Widget Prakiraan Cuaca di Blog Anda

Image
Pasang Widget Prakiraan Cuaca di Blog Anda, Anaktimor17 Blog - Menampilkanwidgetcuaca padablogAndabisamenjadi hal yang menarikbagi pengunjung blogger. Dengan Widget ini kita bisa mengetahui ramalan cuaca di daerah kita.

Cara Pasang/Membuat Iklan Seperti Google Adsense di Blog V2

Image
Cara Pasang/Membuat Iklan Seperti Google Adsense di Blog V2,Anaktimor17 Blog - Sobat bloggers, sebelumnya saya sudah share Membuat Iklan Seperti Google Adsense V1 .

Cara Pasang Widget Sidebar Social Slide Vertical Colorfull

Image
Cara Pasang Widget Sidebar Social Slide Vertical Colorfull,Anaktimor17 Blog - Widget ini sangat simpel dan tentunya memiliki tampilan yang bagus pula. Widget ini merupakan hasil kreasi Kompi Ajaib

Cara Membuat Table Rounded Corner di Blog

Image
Cara Membuat Table Rounded Corner di Blog,Anaktimor17 Blog - Sobat blogger, mungkin Anda masih menggunkan tabel default milik blogger yah?? Nah dalam tips ini saya akan berbagi tips membuat table rounded corner yang terlihat sexy

Cara Modifikasi Efek Tooltip Widget Popular Post di Blog

Image
Cara Modifikasi Efek Tooltip Widget Popular Post di Blog,Anaktimor17 Blog - Untuk membuat widget popular post dengan efek tooltip di blog

Cara Pasang/Membuat Iklan Seperti Google Adsense di Blog

Image
Cara Pasang/Membuat Iklan Seperti Google Adsense di Blog,Anaktimor17 Blog - Hallo sobat blogger, pasti semuanya tau apa itu google adesense kan?? nah layananan periklanan milik google ini

Cara Pasang dan Memodifikasi Widget Google+ Badge Pada Blog

Image
Cara Pasang dan Memodifikasi Widget Google+ Badge Pada Blog,Anaktimor17 Blog - Widget Google+ sangat banyak mamfaatnya untuk para blogger termasuk saya. Nah dalam pembahsan kali ini, untuk memodifikasi widget google+ badge

Pasang Author Box Dengan Tombol Langganan dan Sosial Media

Image

Cara Membuat Link Pop Up Profil G+ Di Blog ala Kompi Ajaib

Image
Cara Membuat Link Pop Up Profil G+ Di Blog ala Kompi Ajaib, Anaktimor17 Blog - Sobat blogger saya akan membagikan tips blogger berikut ini untuk Anda.Sobat script ini saya copy dari blognya Kang Adhy Suryadi . Nah berikut penjelasan mengenai kegunaan script ini:

Cara Pasang PRISM SyntaxHighlighter untuk Blogger Terbaru

Cara Pasang PRISM SyntaxHighlighter untuk Blogger Terbaru, Sobat blogger  pasti sudah tidak asing lagi dengan istilah Syntax Highlighter. Tapi mungkin juga masih ada yang bertanya, apa sih sintaxhighlighter itu? Bahasa mudah nya membuat kode berwarna warni

Sobat blogger, cara ini saya copy dari salah satu blog master Kang Ismet yang selalu memberikan tutorial terbaru dan bagus. Nah awalnya saya juga kurang paham dengan  Syntax Highlighter  tapi setelah saya baca di blog Kang Ismet dengan seksama maka saya pun mengerti.
Nah sobat gak usah basa-basi lagi, yukk kita langsung ke pembahasanya :) 

Demo Light ThemeDemo DarkTheme

Untuk pemasangannya, hanya memerlukan dua langkah mudah, yaitu memasang kode CSS dan JavaScript. Ada dua tema PRISM SyntaxHighlighter , silahkan Sobat pilih tema Dark atau Light.


Pasang JavaScriptLangkah 1 : Tambahkan JavaScript di atas </body>
<scripttype="text/javascript"src='http://yourjavascript.com/14323011921/prism.js '></sc…

Cara Pasang Recent Comments Dengan Avatar Untuk Blogger V.3

Image
Cara Pasang Recent Comments Dengan Avatar Untuk Blogger V.3 ,sobat blogger Recent comment atau widget komentar terbaru ini diberinama Recent Comments v.3.