Blogger cerita

Showing posts with label membuat. Show all posts

Wednesday, February 19, 2014

6 Daya Tarik Pria yang Membuat Wanita Jatuh Hati

Dok. Thinkstock

Jakarta - Walaupun bukan termasuk makhluk visual, hal-hal fisik yang terdapat pada pria dapat segera membuat para wanita jatuh hati. Wajah tampan atau tubuh yang atletis adalah salah satu kriteria yang sering diimpikan wanita. Akan tetapi, dalam menjalin sebuah hubungan wanita memerlukan adanya sentuhan emosional. Apa sajakah hal itu? Simak enam hal berikut seperti dikutip dari Times of India.

1. Terawat
Seperti halnya pria yang menyukai wanita yang tampil bersih dan indah. Perawatan diri yang baik menunjukkan kemampuan pria tersebut untuk menjaga diri sendiri. Sehingga wanita melihatnya sebagai sosok pria yang dapat dipercaya.

2. Selera Berpakaian
Pria yang berpakaian rapi dan bergaya sesuai kepribadiannya secara tidak langsung membuat wanita bangga berjalan di dekatnya. Bukan menjadi korban mode, tetapi cukup dengan menjadi diri sendiri. Selain terlihat menarik, karisma pria yang sebenarnya dapat terpancar.

3. Humoris
Wanita tak jarang menghadapi masalah-masalah yang datang padanya dengan cara yang rumit. Maka dari itu, ia membutuhkan lelucon lucu atau komentar ringan yang dapat membuatnya tertawa. Tetapi hati-hati, wanita tidak bisa diajak bercanda terlalu kasar seperti pada pria. Alih-alih, lelucon yang dilontarkan dapat menyakiti perasaannya.

4. Perhatian
Tidak ada yang lebih membahagiakan untuk seorang wanita selain kucuran perhatian dari pria yang disukainya. Hal-hal sederhana seperti berpegangan tangan, melihat matahari terbenam, kecupan dan pelukan hangat yang tiba-tiba dapat menciptakan perasaan aman dan menunjukkan bahwa dia bangga jalan bersamanya.

5. Kerlingan
Cara menunjukkan senyum atau memberikan kerlingan juga menampilkan kesan yang seksi. Walaupun terkesan sederhana, tetapi hal ini membuat wanita merasa spesial. Namun, kerlingan yang terlalu sering akan menimbulkan kesan bermain-main.

6. Tenang
Wanita kerap dikaitkan dengan sikap yang mudah panik dan stres. Itulah sebabnya mereka membutuhkan pria yang dapat menenangkan dan memberitahu bahwa semua akan baik-baik saja. Sosok pria yang tenang dan damai adalah salah satu wujud daya tarik seksual yang kuat.

ReadFull Article ..

Saturday, December 7, 2013

Membuat Halaman Forum Komunikasi Dalam Blog Dengan Nabble

(Masih tulisan lama yang baru sempat dipublish)

Bagi sebuah blog komunitas atau lembaga, baik lembaga formal maupun informal, sebuah halaman forum diperlukan untuk menjalin komunikasi antarsesama komunitas tersebut. Dengan adanya halaman forum ini setiap anggota komunitas dapat membuat topik-topik menarik, baik berupa diskusi, pernyataan, pertanyaan, atau yang lainnya, menyangkut komunitas tersebut.

Salah satu situs yang menyediakan layanan forum ini adalah nabble.com. Kelebihan forum dari nabble.com ini adalah dapat kita masukkan kedalam halaman artikel pada blog kita (sebagai contoh dapat dilihat pada blog ini). Selain itu, nabble.com juga menyediakan layanan mailing list, photo gallery, dan newspaper.

Bagi kamu yang tertarik untuk membuatnya, kamu bisa mengikuti langkah-langkah berikut:

Langkah Pertama

Kunjungi situs www.nabble.com, lalu klik Register untuk mendaftar.
Isi form isian registrasi yang disediakan, lalu klik Register.
Lakukan konfirmasi dengan mengklik tautan yang dikirim ke akun email.
Setelah terkonfirmasi, klik Start a Free Forum.
Isi Nama Forum sesuai keinginan (deskripsi boleh kamu kosongkan), lalu klik Create.
Selanjutnya klik Embedding Option lalu kopi kode script-nya.

Langkah Kedua

Dari dasbor blogger, klik Entri Baru - Edit Laman.
Klik Laman Baru lalu tempelkan (paste) kode script tadi.
Buatlah judul halaman ini, misalnya: Forum SC Community.
Setelah Tayangkan Laman, buatlah sebuah link untuk halaman ini yang ditempatkan pada navbar menu atau di sidebar.
Atau bisa juga dengan cara:
Dari dasbor blogger, klik Entri Baru.
Pilih opsi penulisan HTML, lalu tempelkan (paste) kode script tadi.
Buatlah judul halaman ini, misalnya: Forum SC Community.
Klik pada Opsi Entri, lalu ubah opsi komentar kedalam "Jangan Izinkan".
Atur tanggal entri supaya di-setting mundur.
Setelah diterbitkan, buatlah link untuk halaman ini yang ditempatkan pada navbar menu atau di sidebar.

Mengedit Forum

Jika kamu ingin mengedit nama forum dan/atau deskripsi forum, klik pada bagian nama kamu lalu pilih My Satrred Items.

Selanjutnya klik Options lalu pilih Editor - Edit name & description.

Mengedit Avatar

Untuk mengedit avatar profil kamu, klik pada bagian nama kamu lalu pilih My Personnal Settings.

Selanjutnya klik Change Avatar lalu upload foto kamu.

Untuk melakukan pengaturan yang lainnya, silahkan kamu set sendiri.

Segitu aja informasinya. Semoga bermanfaat .....

ReadFull Article ..

Friday, December 6, 2013

Cara Membuat Tombol Share Media Sosial di Blog

Pada kesempatan ini saya akan membahas tentang cara membuat tombol share di blog. Dari sekian banyak cara untuk meningkatkan lalu lintas blog Anda salah satunya bisa dengan memanfaatkan media jejaring social seperti facebook, twitter dan Google+. Dengan media social itu sangat membantu untuk meningkatkan mesin pencari dalam menemukan blog Anda. Yang perlu kita lakukan adalah berbagi postingan blog kita ke situs media tersebut untuk mendapatkan pengunjung ke blog kita. Oke, langsung saja ikuti langkah di bawah ini untuk membuat tombol sharing atau berbagi posting ke media social Facebook, Twitter, Google Plus, Pinterest, StumbleUpon, Delicious, LinkedIn dan Reddit.

1. Login ke blooger Anda

2. Klik Template - Edit HTML

3. Tekan Ctrl+F dan cari kode :

<data:post.body/>

4. Saat pencarian Anda akan menemukan beberapa kode yang sama, cari kode pertama saat pencarian.

5. Setelah menemukan kode tersebut paste kode di bawah tepat selelah kode di atas.

<b:if cond=data:blog.pageType == "item"> <div class="sharelordhtml"> <center><div class="headinglordhtml">Like the Post? Do share with your Friends.</div> <ul class=social id=cssanimation> <li class=facebook> <a expr:href="http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title onclick=window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false; rel=nofollow><strong>Facebook</strong></a> </li> <li class=twitter> <a expr:href="http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url rel=nofollow target=_blank><strong>Twitter</strong></a> </li> <li class=googleplus> <a expr:href="https://plusone.google.com/_/+1/confirm?hl=en&url=" + data:post.url onclick=window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436'); return false; rel=nofollow target=_blank><strong>Google+</strong></a> </li> <li class=pinterest> <a href=javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)()); rel=nofollow target=_blank><strong>Pinterest</strong></a> </li> <li class=stumbleupon> <a expr:href="http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title rel=nofollow target=_blank><strong>StumbleUpon</strong></a> </li> <li class=delicious> <a expr:href="http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title rel=nofollow target=_blank><strong>Delicious</strong></a> </li> <li class=linkedin> <a expr:href="http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source=" rel=nofollow target=_blank><strong>LinkedIn</strong></a> </li> <li class=reddit> <a expr:href="http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title rel=nofollow><strong>Reddit</strong></a> </li> <li class=technorati> <a expr:href="http://technorati.com/faves?add=" + data:post.url rel=nofollow target=_blank><strong>Technorati</strong></a> </li> </ul></center></div> <link href=http://fonts.googleapis.com/css?family=Englebert rel=stylesheet type=text/css/> <style> ul.social { list-style:none; display:inline-block; margin:15px auto; } ul.social li { display:inline; float:left; background-repeat:no-repeat; } ul.social li a { display:block; width:50px; height:50px; padding-right:10px; position:relative; text-decoration:none; } ul.social li a strong { font-weight:400; position:absolute; left:20px; top:-1px; color:#fff; z-index:9999; text-shadow:1px 1px 0 rgba(0,0,0,0.75); background-color:rgba(0,0,0,0.7); -moz-border-radius:3px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-border-radius:3px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.5); padding:3px; } ul.social li.facebook { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-M8ngGJjBZD07nB6b8fxZMjSyVYTmVowX__NTkiMxA_0nIOcpyvPUK3BdAg0lSf_p-80o6w-5C8z3mQzWuOy-fUVyJ4qCihHPazF8R6VHRRE0Lwqath5FChqSjIY6R4rEL44bXXBhAs/s50/facebook.png); } ul.social li.twitter { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNW-zYCztStf8Plf5qJmBL8SNwtQkNIKVLYBzGOE6DVW2Wjzx6zlgcnw7rPetEeaLz2l4WT66N7pKTH3w3OdxVV3JUSZ5i5LvejrgweY4hYWRt5j35prsNdp2DdIV1XcnxU7TqCctikTo/s50/twitter.png); } ul.social li.googleplus { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu1WcM5Pb4IzfUJOZJ96N4Q8EU9kJHeke0GiJ3Za1fchE0kmZij6JnZ6_FSxZY7divlEwoBDeWh8nFBMA-DQRSCwDgLbf4QGDEMK_O4r4HG-MX6dqQxbOIT35doOtnraNZgiLxqhktcMM/s50/google%252B.png); } ul li.pinterest { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh1-r95P1akYndO5vxv5pc7pEcKuF6-t7sKbW8qnZuoO5B4MrRtLVRmmFqfh6N0qiY4Z_YZ1BO4VrDnxhNFeue67fv59kGVvFFmAU0dUuMrD6BMeGTvcUo2xSSA5aG6Me7_MBBBq5E85c/s50/pinterest.png); } ul.social li.stumbleupon { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvQMdoU7jXuW-WIxTc3ftDVJfo1_noNd_2pzxso6X8hHaPJJ0DS8z3WNtDvgE4zn4XqoP0eemYtNuuf-xh_Nkg7erU4eCABYjNH5wKA_5YCGCXgwTC0kCXL7Ud84zjMJAAkdOAjuFWZbA/s50/stumbleupon.png); } ul.social li.delicious { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVXVC1c3zks5-KIpyAhqoizq3qrsH1IbHIjNEiHoIZHWgu4urYfPs53bjgTeLYyYu9ZTnbgL9gFp26ciHmnDjoHNLUoryiPjBJ_yDF1XE1NK0q4Zkq6lSZP3C3V_1Io5Pg8YZ0HxnVZ08/s50/delicious.png); } ul.social li.linkedin { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCOsoLzoq__ixVvZ7OqZay40KJs0o3jzw_tyMqoqQI1G4HKgbXi3MIDP-sJFLNZavaMYW_BTHV3ILmKVbnGqqItyyMEp2H_xktXn2UV9UiAZYeaQPVKFFBOq-JcI1F3XMDw5xm3LxKXGI/s50/linkedin.png); } ul.social li.reddit { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmAQv6kUIexF5f74CGrCtkeNe6SqpNv0CU9j1pA2I00hJZn46SZsiTT9X2vseTBsFhFbLeKGs-TMqcL25tozOreSPTK7tWP6qiTBMIAVcHIRIFCwh35Ye-vU7ouj5gdmPxThy4fAu3UUg/s50/reddit.png); } ul.social li.technorati { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP1ZVZcgpYYt-EuBTd6W3AnJS75wR_-xQs-j52tOkVxQ_yoE09H-sTz6-yxrO_bBJPisfF-h39NkTFm-DDI1poFNwCaxTqwo9eLXFtWxSTENP6wO4hVdhCswjtilmHjiSLXaNuqE_xJGr4/s1600/TBI-technorati.png); } #cssanimation:hover li { opacity:0.2; } #cssanimation li { -webkit-transition-property:opacity; -webkit-transition-duration:500ms; -moz-transition-property:opacity; -moz-transition-duration:500ms; } #cssanimation li a strong { opacity:0; -webkit-transition-property:opacity, top; -webkit-transition-duration:300ms; -moz-transition-property:opacity, top; -moz-transition-duration:300ms; } #cssanimation li:hover { opacity:1; } #cssanimation li:hover a strong { opacity:1; top:-10px; } .headinglordhtml{ font-size:25px; font-family: Englebert, sans-serif; } .sharelordhtml{ border-top:30px solid #3873CC; padding:16px; -webkit-box-shadow: 0px 7px 9px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 7px 9px rgba(50, 50, 50, 0.75); box-shadow: 0px 7px 9px rgba(50, 50, 50, 0.75); transition: background .777s; -webkit-transition: background .777s; -moz-transition:background .777s; -o-transition: background .777s; -ms-transition: background .777s; background:#D9D6FF; } .sharelordhtml:hover { background:white; } </style> </b:if>

6. Langkah terakhir Klik Simpan template. hasilnya seperti gambar di bawah ini:

Gimana cukup mudah kan untuk menambahkan tombol media social di blogger. Apabila ada kesalahan atau tidka jelas silahkan tinggalkan komentar Anda, umpan balik Anda sangat berharga buat penulis . Happy Blogging !

ReadFull Article ..

Thursday, October 24, 2013

Cara Mudah Membuat Gallery Photo di Blogspot

! -Assalamualaikum ... Salam sejahtera untuk sahabat semuanya,,,Kali ini saya akan berbagi cara,Yaitu Bagaimana Cara Mudah Membuat Gallery Photo di Blog>>Cara Mudah Membuat Gallery Photo di Blog>>Cara Mudah Membuat Gallery Photo di Blog ,,, Dengan MenDesaign gambar atau gallery photo yang rapi dan menarik untuk di pandang, tetapi tidak membutuhkan tempat yang banyak? Mungkin inilah Solusi yang Sahabat Blogger cari. Cara Mudah Membuat Gallery Photo di Blog, jika Sahabat tertarik Sahabat bisa Mengikuti cara berikut:

Siapkan Foto, upload ke (Postingan blog, picasa, atau photobucket, atau yang lainnya)
Copy Url Foto kamu
Buatlah postingan dalam mode HTML (bukan Compose)

4. Gantilah Url yang berwarna merah di bawah ini dengan kode Url foto kamu.

<div class="snap_preview">
<div>
<a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_9939.html" target="_blank"><b><span style="color: #0066ff; font-size: large;">Miss Universe 2011 - Contestants  Museum Tour</span></b></a></div>
<style type="text/css">
.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }
</style>
<div class="gallery snap_nopreview">

Gallery of Contestants Miss Universe 2011, Museum Tour :
Click Picture to Full
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_5540.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="133" src="http://1.bp.blogspot.com/-LEdQaEyI2R8/TmNkA8uF8gI/AAAAAAAAEVc/O_h8X8qFOmw/s1600/16.jpg" title="Miss Universe 2011 - Contestants - Museum Tour16" width="200" /> </a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_1469.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants Museum Tour" border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2uTsjMl8mrs2A5_Zne54W3y6wN0ZOs4KfDN2GuvpUQbpypj7da1MmCrObmYXbMh0HtJfJ3D1t6IpcTeHCGLBl_EcuGgKaHah5oFaBdpSJyyPi8Avw4uapnqrMsmmGfizekBvgI8c_Kuw/s200/17.jpg" title="Miss Universe 2011 - Contestants Museum Tour" width="200" /></a> </dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_2773.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants Museum Tour" border="0" height="133" src="http://1.bp.blogspot.com/-yMah8Qm7VyI/TmNkheJH0JI/AAAAAAAAEVs/8zVKBgYapC8/s200/20.jpg" title="Miss Universe 2011 - Contestants Museum Tour" width="200" /></a> </dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_8316.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants Museum Tour" border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFhX3RxbMnKe2-HG0uWvLfTAIRUtYfSJ-pUz8ZN7-aY-yLwZNyuOyTk_yLizoIQn4IiCbJHUCyfAhESHU4n6-Ys8xRz_PXslMFKhWY3ZxaHAVuahJ4pLGEiSpM5_L6QCqyYrrvKq1UCPU/s200/19.jpg" title="Miss Universe 2011 - Contestants Museum Tour" width="200" /></a> </dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_1219.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants Museum Tour" border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRXYmKX3SEjy9u4D5jrYpxWTrLcdk5rV0sNrUF9_s1NUsbOrcqwsEJeeZC1qlqe_ahnDZ3_yn5G-c64DWLDqU4r5L2uKTV223FLVXm-YP7bCQpcic9wEgXXh8fRqcc6qWnxQ4MPc_rIjg/s200/18.jpg" title="Miss Universe 2011 - Contestants Museum Tour" width="200" /></a> </dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_4726.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants Museum Tour" border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaUabGK8WDbEu7Nk2LKVUE3XTeJvg1EnWv2QTDZhw-aIdfLSzorJuy-jcueSKvYWNvUVCtQ3OF7hXfCbJMODDe5gAZeup9LOyJWs8kWRme550-ET3YslTMN5x92s3RS5rUl7ttkFeWvHQ/s200/21.jpg" title="Miss Universe 2011 - Contestants Museum Tour" width="200" /></a> </dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_3985.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants Museum Tour" border="0" height="133" src="http://3.bp.blogspot.com/-M496EQmEhRc/TmNkyzmN4LI/AAAAAAAAEV0/nSAFyKN8XKY/s200/22.jpg" title="Miss Universe 2011 - Contestants Museum Tour" width="200" /></a> </dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_3271.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants Museum Tour" border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7nsHw2MjmMn1a-Rl5Jezjukemy3pbkTs4uzB-2Muog8sm8NFvmZiPpvYsKnFKDfFKdjLWzCznciVtDS7w9PVUyLSRsICyvU9VJ23dfCOMMOAB22HcMUnDyQf47vDhgIorpibVugreF-Q/s200/23.jpg" title="Miss Universe 2011 - Contestants Museum Tour" width="200" /></a> </dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http://bloggertrikz.blogspot.com/2011/09/miss-universe-2011-contestants-museum_5711.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="Miss Universe 2011 - Contestants Museum Tour" border="0" height="133" src="http://4.bp.blogspot.com/-_Hr-A2KJXQU/TmNlUzWKnYI/AAAAAAAAEWE/ju5h9_6GMKk/s200/26.jpg" title="Miss Universe 2011 - Contestants Museum Tour" width="200" /></a> </dt>
</dl>
</div>
</div>

Kode Script di atas adalah Code>>Cara Mudah Membuat Gallery Photo di Blog>>Cara Mudah Membuat Gallery Photo di Blog>>Cara Mudah Membuat Gallery Photo di Blog>>Cara Mudah Membuat Gallery Photo di Blog

Perhatian :

Kode yang berwarna merah adalah url foto yang didapatkan dari hosting setelah foto diupload.

Ukuran foto bisa diganti dengan merubah angka 150 dan 200.

Angka 25% adalah prosentase untuk membuat foto berjajar menyamping 4 kolom (rumusnya: 100% dibagi 4 = 25%)

Bila ingin menambah jumlah foto tinggal copy saja mulai kode <dl class="gallery-item"> sampai dengan kode </dl> demikian pula jika ingin menguranginya.

Saat menuliskan kode harus benar-benar rapat, jangan menggunakan enter, bila masih terdapat ruang kosong maka fungsikanlah backspace untuk menghapusnya sehingga kode menjadi rapat.

Jika Sudah Selesai Save dan lihat Hasilnya.

ReadFull Article ..

Cara Mudah Membuat Background Post Berubah Saat Di Sentuh Mouse

! --->> Apa Kabar...? Kali Ini Saya Akan Berbagi Dengan Sahabat Blogger Dan Pembaca Setia....Ketemu lagi dengan saya. Disiang hari ini saya akan memberikan tutorial dengan BLOG yaitu CARA MUDAH MEMBUAT BACKGROUND POST BERUBAH SAAT DISENTUH MOUSE. Udah tau kan post kali ini, sebagai contohnya liat di blog saya atau gambar dibwah ini :

Udah tau kan, okedeh berikut caranya :

1. Login dahulu ke Blog Sobat.
2. Setelah login klik TEMPLATE - EDIT HTML - LANJUTKAN - kemudian Centang EXPAND TEMPLATE WIDGET.

3. Jika sudah cari code ]]></b:skin> ( gunakan CTRL + F ). Kemudian masukan code dibwah ini tepat diatas code ]]></b:skin>

.post-body:hover {background:#000;color:#fff;}

Lihat Gambar jika kurang jelas :

4. Jika sudah klik SIMPAN TEMPLATE, SELESAI !!

Oh iya jika anda ingin menganti warna background & warna hurufnya ganti dibagian :
Warna background ialah : #ooo
Warna tulisan ialah : #fff
Selamat mencoba
Semoga Bermanfaat..................

ReadFull Article ..