Masuk
Tampilkan postingan dengan label tutor. Tampilkan semua postingan
Tampilkan postingan dengan label tutor. Tampilkan semua postingan

Minggu, 10 Juni 2012

Form berlangganan melayang di blog

Form berlanggan..kayaknya form ini sungguh wajib bagi para blogger mania dan banyak model-model form yang telah ada sekarang saya akan menshare cara membuat form subscriber melayang atau pop-up..Banyak blogger mengatakan bahwa berlangganan sebuah pop-up dengan jquery sangat membantu dalam meningkatkan jumlah subscriber. .

sebelum memulai, disarankan baiknya anda BackUp dulu template anda.
  1. Login Blogger.com, Klik Template > Edit HTML
  2. Tekan Ctrl+F cari kode ]]></b:skin> copy kode berikut letakan tepata di atas kode ]]></b:skin>
  3. Selanjutnya cari </body> letakan kode berikut tepata di atas kode </body>
    <div id='popupContact'>
    <a id='popupContactClose'><img alt='Close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDU9EP-j7Kg4XBtHIjHdgS9GQKxzVuZ9WkPlewb1QQaPMpAEBVXRYoQFnwrKlxyNT7hYYdbsXCvQNe0vlT5GXjptPPrcODAzfr9g0fXZkviI3BvAr6R8Z8cERe5BsJrc8AU0LHOjFdr0/s1600/SexyClose.png'/></a>
    <div id='cont'>
    <h1>CEPETAN BURUAN !!!!!!!! DAN DAPATKAN GRATIS UPDATE HARIAN</h1>
    <h2>(Jangan lewatkan posting harian kami dari E-mail Anda)</h2>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=p4nt3k&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=500,height=520&apos;);return true' target='popupwindow'>
    <h3>Ambil Berita Terbaru</h3>
    <input class='txt-news' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter alamat email anda&apos;;}' onfocus='if (this.value == &apos;Enter alamat email anda&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter alamat email anda'/>
    <input name='uri' type='hidden' value='pant3k'/>

    <input name='loc' type='hidden' value='en_US'/>
    <input class='btn-news' type='submit' value='Kirim'/>
    <div style='clear: both;'/>
    </form>
    <p>(Jangan khawatir Layanan didukung oleh Google, kita mengambil privasi dengan sangat serius, Email Anda tidak akan dibagi. Dan Anda dapat berhenti berlangganan setiap saat)</p>
    <h2>Periksa update bulanan kami dan <a expr:href='data:blog.homepageUrl'>Penawaran Gratis</a></h2>
    <p>(Hosting review, domain gratis, gratis SEO pelatihan, setup Free Website)</p>
    <div id='fb-root'/>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
    <div class='fb-like' data-send='true' data-show-faces='false' data-width='400' expr:data-href='data:blog.homepageUrl'/>

    </div>
    </div>
    <div id='backgroundPopup'/>
    Ganti teks yang berwarna biru dengan link subscription yang didapat dari feedburner misalnya link subscription punya saya "http://feedburner.google.com/fb/a/mailverify?uri=p4nt3k" cukup anda ganti link ID belakannya saja. Sedangkan uraiannya anda ganti dengan selera anda
  4. Terakhir cari </head> masukan kode berikut tepat diatas kode </head>

    Script yang bertulisan { expires: 7 } menujukan jumlah nilai hari, dengan mengatur nilai 7 menjadi nilai lain misalnya 6 maka Pop-up akan mucul lagi pada hari ke 6.
  5. Langkah terakhir Klik Save Template

                                                                                                        sumber donorilmuDotCom
READ MORE - Form berlangganan melayang di blog
Diposting oleh di Tidak ada komentar:
Label: , , , , ,

Merubah tampilan form Komentar Blogger

Komentar Fantastis
Form Komentar yang akan dibuat kali ini cukup menarik, untuk blog Karena form komentar ini sudah diedit dengan baik dan sempurna, dengan berbagai fitur seperti. dibawah ini
  • Style Elegan dan Simpel
  • Image Avatar
  • Tombol Reply
  • Styel Reply WP
  • Highlight Blog Owners
  • Pesan Ucapan "Terimakasi"
  • Emoticon Onion (Kucing)
blog ini juga memakai form Komentar ini?
  1. Login di Blogger.com, Pergi ke Template > Edit HTML (Expand Template Widget)
  2. Tekan Ctrl+F cari ]]></b:skin>, Letakan kode berikut di atas ]]></b:skin>

    Untuk menganti background agar sesuai dengan template yang anda gunakan cari saja kode CSS .cm_entry
  3. Berikutnya cari </body>, Masukan kode berikut di atas kode </body>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script src='http://donor-ilmu.googlecode.com/files/comment.js' type='text/javascript'/>
    <script src='http://donor-ilmu.googlecode.com/files/emoticon_wp2.js' type='text/javascript'/>
    </b:if>
  4. Selanjutnya cari kode
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    Kalau suda ketemu letakan kode berikut tepat dibawah kode yang anda temukan.
  5. Terakhir cari <b:includable id='comments' var='post'>, ganti kode yang berada diantara dua kode dari pembuka <b:includable ...> sampai penutup </b:includable>
    <b:includable id='comments' var='post'>

    Kode yang harus di ganti

    </b:includable>
    Ganti kode dia antara b:includable dengan kode di bawah ini

    Dalam kode di ini anda perlu menganti Nomor 0000000000000000000 dengan ID Blog anda.
  6. Langkah terakhir simpan template, Klik Save Template.                                                                                                              sumber  donorilmuDotCom
READ MORE - Merubah tampilan form Komentar Blogger
Diposting oleh di Tidak ada komentar:
Label: , , , , ,

Menyimpan Script CSS blogger agar tidak ditiru

Tutorial kali ini kita akan membahas sedikit tentang css...dan mungkin berguna bagi anda yang memiliki template blogger original alias bikin sendiri  agar tak ditiru oleh tangan jahil dan berikut tutorialnya, Sangat  disarankan agar anda memback up template anda terlebih dahulu.
  1. Login ke Blogger.com Pergi ke Rancangan/Template > Edit HTML 
  2. Potong (Cut) script CSS diantara tengah-tengah kode berikut
    <b:skin><![CDATA[ script css (cut) ]]></b:skin> 
  3. Paste script tersebut dalam sebuah notpad dan simpan dengan nama style.css (selain nama style juga tidak apa-apa asalkan ada .css)
  4. Upload file style.css tersebut dalam sebuah hosting. Jika anda tidak mempunyai sebuah hosting anda bisa mengunakan Google Sites sebagai hosting anda.
  5. Setelah anda upload tahap selanjutnya membuat script pemanggil, masi pada halaman Edit HTML
    anda ganti kode <b:skin><![CDATA[ ]]></b:skin> dengan kode dibawah ini
    <link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <b:skin><![CDATA[ ]]></b:skin>
    </b:if>
    Teks yang berwana biru anda ganti dengan URL file CSS yang anda copy dari file hosting anda.
  6. Terakir klik Save Template dan lihat pada blog anda apakah script CSSnya sudah menghilang pada open source.

Bagi anda yang mempunyai 2 atau lebih script CSS yang berbeda dan hanya berfungsi pada saat di halaman tertentu MISALNYA seperti kode di bawah ini yang berfungsi hanya di halaman post
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style  type='text/css'>
SCRIPT CSS (cut)
</style>
</b:if>
Cara membungkusnya cukup sederhana ikuti langkah 1-4 dan setelah selesai proses 1-4 sampai proses upload anda ganti kode
<style  type='text/css'>
</style>
Dengan kode
<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
Sehinga menjadi seperti ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
</b:if>
Teks yang berwana biru anda ganti dengan URL file CSS yang anda copy dari file hosting anda.
                                                                                                                          sumber donorimuDotcom
READ MORE - Menyimpan Script CSS blogger agar tidak ditiru
Diposting oleh di Tidak ada komentar:
Label: , ,

Mengganti background blog

Beberapa hari yang lalu, bulan lalu, atau tahun lalu banyak sobat blogger menanyakan bagaimana cara untuk mengganti background blog, dan saya akan mencoba membahasnya. Menurut saya, ada dua kemungkinan mengganti background yaitu yang pertama adalah mengganti hanya warna background (latar belakang) saja, yang kedua adalah mengganti background blog dengan menggunakan gambar atau image.

Ada bebraa hal yang penting apabila sobat berniat mengganti background (latar belakang) yaitu gantilah background dengan warna atau image yang sekiranya tidak membuat tulisan-tulisan kita menjadi susah untuk di baca. Jika tulisan yang tersedia berwarna gelap, maka pilihlah warna atau image yang terang, akan tetapi sebaliknya apabila tulisan yang ada berwarna terang, maka sebaiknya warna atau image background berwarna gelap. Tulisan yang susah untuk di baca oleh pengunjung, tentunya akan membuat pengunjung tersebut malas untuk membaca artikel-artikel yang kita tulis, dan tentunya percuma saja kita memposting artikel jika tidak ada yang mau untuk membacanya.OK, biar tidak menyita halaman langsung saja pada topik utama. Karena kode template sangat bervariasi, yang akan saya jadikan contoh adalah template asli blogger yaitu template minima.


Untuk template minima klasik :

  1. Sign in
  2. Klik menu Template
  3. Klik menu Edit HTML
  4. cari kode | body { | kalau mau lebih gampang nyarinya karena pasti pusing dah kalo ngeliat html sebanyak itu .  tekan ctrl + f lalu ketikan body { enter
    tahap ketiga 
    anda akan bertemu dengan html sperti ini :
    body {
      background: #000;
      margin:0;
      color:#FFFFFF;
      font: 12px helvetica, verdana, sans-serif;
      text-align: left;
    }     
  5. yang berwarna biru ganti dengan url dibawah ini
    background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3pac9eZv_4uhtAHRyXsKjGksmuGIrhvTAwGPbZU7MDeePV9_xG_OoplOagzG3ZdE1d93apq6UsPuEPE7Rik4srlWHze3hmrPM4h1NSI4flKL27aaQ8JV57OjKzFabEGdWTt-_alYIPrc/s1600/pattern_098.gif) repeat;


  • Klik tombol Pratinjau untuk melihat perubahan

  • atau yang berwarna biru ganti dengan url background yang anda punya


  • Jika sudah OK, klik tombol Simpan Perubahan Template


  • Selesai.

    • bagi sobat yang malas membuat gambar, sobat bisa mendownload berbagai gambar pattren di sini.
    READ MORE - Mengganti background blog
    Diposting oleh di 1 komentar:
    Label: ,

    Sabtu, 05 Mei 2012

    10 things why Slow Internet Speed

    We all suffer at some point and it is very frustrating trying to find why the connection suddenly went to a snail's pace. This article looks at 10 for the most common reasons for slow internet speeds.

    1. Some P2P software program that runs in the background or other computers that use all the bandwidth. Ensure that all P2P programs shut down at any computer at home and then re-test your connection.

    2. Operating system or other programs on your computer may perform pembaruan.Ini is a common cause slowdowns on your internet connection. Check the windows taskbar icon and check the updates for other programs in the background updating

    3. BT can do work on your telephone exchange as they perform routine maintenance on their systems. It could also be that the fault has developed in your telephone exchange.There are a number of web sites that allow you to check the status of your telephone one of which can be found at the end of this article

    4. An error on the side of your internet service provider. You can usually tell whether this is the case by their service status on their website. If this happens you may have to wait until the problem is resolved or if not resolved within 24 hours to give a call.

    5. Malware or spyware can often cause a slowdown of your internet connection because they can use the connections or restricting it. Perform a full malware scan with something like byte malware and virus scan will usually clear this

    6. An incorrectly configured router can often be found to be the cause of slow internet connection. This can sometimes be resolved simply by changing the router off for 5 minutes and then brought him back.

    7. Is someone at home streaming movies or play games online via Xbox or some other device? This is another common cause with the availability of streaming movies online.Make sure no other devices using the connection and then test your connection again

    8. Someone leeching (use) your wireless network connection. Although not common now can still happen to an unprotected wireless network

    9. Very low wireless signal if you use a wireless device
    10. A problem with the internal wiring of your home can cause problems in internet speed.

    READ MORE - 10 things why Slow Internet Speed
    Diposting oleh di Tidak ada komentar:
    Label: , , , ,

    Several reasons why your website should be a refresher


    suppose     If your website has been made or designed in the last 3-5 years, you owe the business has a fresh design - face-lift as we can tell.     If that was more than five years since your company's website was originally designed or redesigned, you are way too late.

    Refresh the elements of your website:

    A website should keep customers coming back to you instead of making them leave in frustration. Listed are the 7 reasons you need to update our main source of your on-line presence.

    A. Update the content, it is the main king:
    Remember, content is king, and to engage with your visitors, you need to offer important information that they can rely on.

    2. Refresh image, color and style
    Check the use of the image on the site. Could you use some new pictures, or maybe add some galleries? How to change the color or style of the site.

    3. Give the audience a reason to visit your site innovative?
    Why visitors come to your web site? Your visitor interests and browsing behaviors will inform and guide how you go about making this change.

    4. Explore the diverse target audience
    You need to understand everything about your visitors from the background, education, employment, motivation, interests, hobbies and personal life. Enter the time in because it can yield some interesting insights and tangible benefits.

    5. Provides a gripping content
    A true understanding of your audience will help you to provide content that they can share, from on-line tools for insightful article that will get the tag, forwarded, bookmarked, love and tweeted all over the web, spreading the name of your business.

    6. Identify areas for improvement
    Regularly browse the entire website with impartial eyes. Try to see it through the eyes of new visitors and see what you find is slow, frustrating or just clumsy.

    7. Build the brand
    The desire to do something different or new does not necessarily mean wiping the slate clean. Refreshing your website should be viewed as an opportunity to reinvigorate your brand, to put the energy and momentum back into it.

    A website needs constant work progress. Little enhancement on a regular basis is very important to keep everything up to date and save money on big projects may build up again.
    READ MORE - Several reasons why your website should be a refresher
    Diposting oleh di 1 komentar:
    Label: , , ,
    Langganan: Postingan (Atom)