Posts

Showing posts with the label tips dan trik blogger blogspot

Pasang Dialog/Pesan Pembuka Ketika Masuk Blog

Image
Pasang Dialog/Pesan Pembuka Ketika Masuk Blog - tips ini saya ambil dari blog Kompi Ajaib, dimana sangat berguna untuk memberitahukan para pengunjung tentang suatu hal yang penting. Tips ini juga bisa di terapkan pada hari raya tertentu, misalnya pada saat lebaran,dan hari besar keagamaan lainnya. Hal ini tergantung kreatifitas Anda kembali.


Tanpa basa-basi, silahkan Anda ikuti tips dan cara pasang dialog atau pesan pembuka saat masuk blog :

Pasang Dialog/Pesan Pembuka Ketika Masuk Blog Buka akun blog anda , pilih menu edit html dan cari kode ]]></b:skin> atau</style> (tekan CTRL+F)Anda Copy script css di bawah ini dan simpan di atas ]]></b:skin> atau</style>. Anda pilih salah satu css di bawah ini :CSS 1
/* Pesan Pembuka Homepage */ #welcomebox {position: fixed;top: 10%;left: 50%;width: 70%;margin-left: -37%;z-index: 1000000;text-align: center;background: rgba(0, 0, 0, 0.5);padding: 20px 2%;} #welcomebox p{color: #FFF;font-size: 150%;line-height: 1.6em;ma…

Cara Pasang Widget Label Cloud Blogger Keren

Image
Cara Pasang Widget Label Cloud Blogger Keren 
sobat bloggers, salah satu nilai tambah untuk blog kita adalah dengan tampilan blog yang elegant dan full color...nah salah satu poin plus tersebut adalah dengan memasang widget label cloud blogger warna-warni. oleh kareana itu, berikut ini saya share untuk Anda cara pasang widget label cloud blogger keren dan warna-warni :)





Cara Pasang Widget Label Cloud Blogger Keren Masuk Dasboard Blogger Pilih TemplateKemudain Pilih Edit HTMLAnda copy kode CSS berikut dan letakkan diatas kode </b:skin> atau </style> (pilih salah satu).
<!-- cssuilabelcolorby Anaktimor17 Blog--> .sidebar.label-size{ position:relative;text-transform: uppercase;text-decoration:none;font-size:11px;font-family:Oswald, Arial, Sans-Serif;color:#fff!important;}.sidebar.label-sizea{ color:#fff!important;font-weight:300;padding:8px 10px;margin:06px 6px 0;float:left;display:block;-moz-transition: all 0.4s ;-o-transition: all 0.4s;-webkit-transition: all 0.4s ;-ms…

Pasang Widget Share Valid HTML 5 di Bawah Posting Blog

Image
Pasang Widget Share Valid HTML 5 di Bawah Posting Blog - sobat bloggers, lama sudah saya tidak melakukan aktivitas blogging...karena ada pekerjaan di dunia nyata yang harus saya selesaikan. Oleh karena itu pada perjumpaan kali ini, akan saya share kepada Anda cara membuat atau Pasang Widget Share Valid HTML 5 di Bawah Posting Blog. Tutorial ini saya buat karena ada pertanyaan dari sahabat Faisal Fahri. Silahkan ikuti langkah-langkahnya di bawah ini :

Pasang Widget Share Valid HTML 5 di Bawah Posting BlogAnda masuk ke akun blogMasuk ke menu edit HTMLAnda cari kode ini (tekan CTRL+F) <div class='post-footer'>...</div>Biasanya kode di atas ada lebih dari satu, Anda pilih yang terakhir/bawahhapus kode tersebut, lalu Anda ganti dengan kode di bawah ini :<b:ifcond='data:blog.pageType == &quot;item&quot;'><divclass='post-footer'><p>Terimakasih sudah berkunjung dan membaca artikel mengenai <i><data:post.title/></i>…

Pasang Share Button di Blog Di Atas Posting Keren

Pasang Share Button di Blog Di Atas Posting Keren, Anaktimor17 Blog- kali ini saya akan membahasCara Membuat Share Button di Blog,

Cara Buat Tombol Demo dan Download Keren ala Anaktimor17 Blog

Image
Cara Buat Tombol Demo dan Download Keren ala Anaktimor17 Blog - Banyak tutorial cara membuat tombol "Demo" dan "Download" yang sudah sahabat lain bagikan, kali ini saya akan membuat tutorial cara membuat tombol demo dan download ala blog ini.

Pantau Pemirsa Blog Anda denga widget amoung.us

Image
Pantau Pemirsa Blog Anda denga widget amoung.us - untuk mengatahui siapa saja yang sedang online di blog , maka admin harus memasang widget stat counter sejenis amoung.us(tanpa javascript) . Sobat bloggers , dengan adanya widget  amoung.us akan mempermudah admin mengetahu berapa banyak visitor pada blog-nya.

cara Pantau Pemirsa Blog Anda denga widget amoung.us :
sobat masuk ke situs amoung.us >> widgetspilih salah satu style widgetlalu copy javascript widget tersebut ke notepad dan ambil kode penayangannyalihat gambar di bawah ini :  Anda pilih salah satu widget amoung.us di bawah ini lalu taruh di widget baru.

<a href="http://whos.amung.us/stats/kode-anda"><img src="http://whos.amung.us/widget/kode-anda" /></a><a href="http://whos.af/mung.us/stats/kode-anda"><img src="http://whos.amung.us/swidget/kode-anda" /></a>


<a href="http://whos.af/mung.us/stats/kode-anda"><img src="http://whos.…

Tabel Kode Warna Flatuicolorpicker Untuk Flat Design UI Terlengkap

Image
Tabel Kode Warna Flatuicolorpicker Untuk Flat Design UI Terlengkap- sobat bloggers berikut ini kumpulan kode warna flat ui yang saya ambil dari situs  Flatuicolorpicker.Com. Selamat menikmati !!





Flat Design UI adalah salah satu topik yang banyak dibicarakan dalam tren web design dan UI (User Interface) di beberapa tahun belakang ini.
Dalam Flat Design ini, kita hanya perlu menggunakan shape dan warna cerah. Kita tak perlu disibukkan dengan pemberian efek-efek seperti shadow, gradient, bevel, dan lainnya yang memberi kesan 3D. Dalam Flat Design kita dapat menggabungkan variasi warna yang berbeda yang biasanya, dalam Web Design sebaiknya membatasi jumlah warna yang digunakan. Flat Design ini, cocok untuk pembuatan web responsive dengan bantuan html5 dan CSS3. Tampilan web atau blog responsive biasanya minimalis, dan dapat dibuka di semua ukuran layar device. Penggunaan elemen besar dan padding pada web akan cocok bagi pengguna layar sentuh. Typography juga bagian yang palin…

HTML Special Characters Terlengkap

Image
Sobat bloggers, untuk membuat halaman blog menjadi lebih baik sangat diperlukan, oleh karena itu kali ini saya akan berbagi informasi kode-kode khusus untuk ditampilkan di halaman HTML. Kode khusus ini biasa disebut dengan istilah HTML Special Characters. Jadi untuk menampilkan karakter-karakter yang tidak umum seperti huruf biasa yang ada di keyboard komputer.
The following list includes the HTML codes for many of the special character symbols used on Web pages. Not all browsers support all the codes, so be sure to test your HTML codes before you use them.

demo pada laman pesan komentar blog ini guys !!
Daftar berikut memuat kode-kode HTML untuk banyak digunakan dari simbol-simbol karakter khusus pada halaman Web. Namun perlu diingat bahwa tidak semua browser mendukung semua kode dibawah, jadi pastikan Anda untuk menguji kode HTML sebelum menggunakannya. Anda juga harus menggunakan set karakter Unicode, dan menetapkan bahwa di header halaman HTML Anda mengandung kode:
<meta http-equ…