Nama Bagus Bukan Jaminan Popularitas Blog Mulus

Popularitas Blog � Popularitas blog memang dipengaruhi oleh namanya. Akan tetapi, nama blog saja tidak cukup untuk menjamin kepopulerannya. Ada banyak faktor yang menjadi pertimbangan agar sebuah blog mencapai kepopuleran dan bertahan lama.

Nama blog yang bagus bukan jaminan bagi kepopuleran blog. Dua faktor utama yang menjadi penentu kepopuleran sebuah blog adalah isi atau materi dari blog itu sendiri dan cara mempromosikannya. Blog yang berisi materi yang update, bermutu, dan dikemas dalam tata bahasa yang baik akan menjadi pilar penting kebesaran sebuah blog. Dengan dukungan promosi blog yang gencar, kebesaran blog tersebut akan tersebar luas hingga menciptakan sebuah kepopuleran.

Nama bagus dari sebuah blog menjadi salah satu unsur promosi blog, karena dengan nama blog yang bagus akan mudah diingat oleh banyak orang. Selain itu, kesesuaian antara nama blog dengan materinya juga dapat menciptakan pemahaman yang baik bagi pembaca untuk menyimpulkan jenis blog yang kita miliki, misalnya blog yang bertemakan musik, transportasi, kuliner, wisata, hingga pribadi.

Kesalahan besar akan muncul apabila kita hanya mengandalkan nama blog kita yang bagus saja untuk mendongkrak popularitasnya. Itu salah, karena orang kebanyakan mengagumi kepopuleran blog kita setelah mereka mendapatkan materi bermanfaat yang kita bagikan dari blog kita, bukan sekadar mengetahui nama blog yang bagus saja. Orang tidak akan berkunjung ke blog kita untuk kesekiankalinya karena nama blog yang bagus dan mudah diingat saja. Akan tetapi, orang akan terkesan dan ingin berkunjung berulang kali ke blog kita jika mereka merasa mendapatkan manfaat berupa materi informasi dan lainnya setelah mereka mengunjungi blog kita.

Jadi, temukan nama blog yang bagus terlebih dahulu, kemudian isi blog kita tersebut dengan materi informasi yang ingin kita bagikan dengan komposisi yang bermutu dan dikemas dalam tata bahasa atau kemasan lain yang menurut kita menarik bagi orang banyak. Jangan lupa juga untuk mempromosikan blog kita agar kepopulerannya tersebar luas. Jangan hanya mengandalkan nama blog karena nama bukanlah segalanya.

Membuat Auto Drop Cap Pada Postingan di Blog

Membuat Auto Drop Cap Pada Postingan di Blog - Hello, kawan! Kali ini saya ingin share sebuah tutorial tentang cara membuat auto drop cap pada postingan di blog. Auto drop cap, maksudnya adalah membuat huruf pertama pada setiap postingan di blog anda menjadi kapital (besar) dan memiliki warna yang berbeda dengan yang lainnya sesuai dengan apa yang sudah di atur. Auto drop cap ini biasanya sering di gunakan untuk memperindah struktur tampilan dalam setiap paragraf yang ada supaya terlihat lebih rapi, unik, dan terkesan indah.

Untuk contoh dari auto drop cap ini kurang lebihnya bisa anda lihat pada gambar di bawah ini :

Nahhh, kira-kira begitu penampakannya... :D Dan bagi anda yang tertarik silahkan bisa langsung anda ikuti saja tutorial cara membuat auto drop cap pada postingan di blog berikut ini :

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".

3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".

4. Kemudian letakkan script kode berikut ini tepat di atas kode ]]></b:skin>.

.capital:first-letter {
float: left;
display: block;
font-family: Times, serif, Georgia, Arial;
font-size: 50px;
color: green;
margin: 5px;
padding: 5px;
}

atau script kode yang ini juga bisa :

p:first-letter {
display: block;
float: left;
color: lime;
font-size: 50px;
font-family: Georgia, Times, Courier, Arial;
margin: 5px;
padding: 5px;
}

5. Pilih salah satu dari kedua script kode di atas, setelah itu klik save/simpan template. Selesai dan lihat hasilnya...

Selamat mencoba yaaa... :) Cukup sekian dulu postingan saya pada kesempatan kali ini, semoga postingan tentang cara membuat auto drop cap pada postingan di blog ini bisa bermanfaat bagi anda. Selebihnya saya mohon ma'af atas segala kekurangan yang ada. Salam sejahtera by Seputar Ketramilan...

Membuat Animasi Cloud (Awan) Dengan CSS3

Membuat Animasi Cloud (Awan) Dengan CSS3 - Pada kesempatan kali ini saya akan share sedikit tutorial tentang cara membuat animasi cloud (awan) dengan CSS3. Efek animasi ini sangat menarik dan unik... Selain itu, efek ini juga bisa membuat blog anda menjadi lebih menarik dan lebih bagus lagi dalam segi design tampilannya.

Cara membuatnya cuku simple sekali, kita hanya perlu membuat efek animasinya menggunakan CSS3 dan kemudian kita panggil dengan syntax html biasa. Untuk lebih jelasnya silahkan bisa anda simak tutorial tentang cara membuat animasi cloud (awan) dengan CSS3 berikut ini :

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".

3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".

4. Kemudian letakkan script CSS berikut di atas kode ]]></b:skin> dan script HTML berikut di bawah kode <body>.

Script CSS :

#cloud1-Seputar Ketramilan {position: absolute;
z-index: 0;
width:100%;
margin-top: 0px;
height: 0px;}
.cloud1-Seputar Ketramilan {
width: 200px; height: 60px;
background: #ddd;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
position: relative;
}
.cloud1-Seputar Ketramilan:before, .cloud1-Seputar Ketramilan:after {
content: '';
position: absolute;
background: #ddd;
width: 100px; height: 80px;
position: absolute; top: -15px; left: 10px;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
-moz-transform: rotate(30deg);
}
.cloud1-Seputar Ketramilan:after {
width: 120px; height: 120px;
top: -55px; left: auto; right: 15px;
}
.gray1 {
-webkit-animation: moveclouds1 15s linear infinite;
-moz-animation: moveclouds1 15s linear infinite;
-o-animation: moveclouds1 15s linear infinite;
}
.gray2 {
left: 200px;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
opacity: 0.6;
-webkit-animation: moveclouds1 25s linear infinite;
-moz-animation: moveclouds1 25s linear infinite;
-o-animation: moveclouds1 25s linear infinite;
}
.gray3 {
left: -250px; top: -200px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds1 20s linear infinite;
-moz-animation: moveclouds1 20s linear infinite;
-o-animation: moveclouds1 20s linear infinite;
}
.gray4 {
left: 470px; top: -250px;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.75;
-webkit-animation: moveclouds1 18s linear infinite;
-moz-animation: moveclouds1 18s linear infinite;
-o-animation: moveclouds1 18s linear infinite;
}
.gray5 {
left: -150px; top: -150px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds1 20s linear infinite;
-moz-animation: moveclouds1 20s linear infinite;
-o-animation: moveclouds1 20s linear infinite;
}
@-webkit-keyframes moveclouds1 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds1 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds1 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}

Script HTML :

<div id='cloud1-Seputar Ketramilan'>
<div class='cloud1-Seputar Ketramilan gray1'></div>
<div class='cloud1-Seputar Ketramilan gray2'></div>
<div class='cloud1-Seputar Ketramilan gray3'></div>
<div class='cloud1-Seputar Ketramilan gray4'></div>
<div class='cloud1-Seputar Ketramilan gray5'></div>
</div>

5. Kemudian klik save/simpan template, selesai dan lihat hasilnya... :)

Note :
Warna dari cloud (awan) tersebut bisa anda sesuaikan sendiri, caranya dengan mengubah/mengganti kode yang saya beri warna hijau (lihat pada script CSS di atas) dengan kode warna pilihan anda. Dan untuk previewnya bisa langsung anda lihat pada halaman postingan ini...

Selamat mencoba dan semoga postingan tentang cara membuat animasi cloud (awan) dengan CSS3 ini bermanfaat. Selebihnya saya mohon ma'af atas segala kekurangan yang ada. Salam sejahtera by Seputar Ketramilan...