Home  ·  About  ·  Disclaimer  ·  Contact  ·  Sitemap

Cara Share Otomatis Posting ke Facebook dan Twitter

Sesuai dengan judul posting kali ini share otomatis posting blog ke facebook dan twitter, kita akan membuat postingan blog otomatis share sesaat setelah kita publikasi posting di blog, dengan menggunakan share otomatis update posting blog kita langsung diterima pengunjung lewat jejaring sosial.

Berikut cara membuat share otomatis postingan ke facebook dan twitter :
  1. Kunjungi situs http://app.dlvr.it/ 
  2. Klik 'Don’t have an account?'
  3. Kemudian masukkan alamat email dan password, klik 'Sign Up'.
  4. Pada step 1 masukkan alamat URL blog Anda, klik 'Next'.
  5. Step 2 pilih share via facebook atau twitter, contoh: kita akan pilih twitter. 
  6. Kemudian login dengan menggunakan akun twitter Anda. 
  7. Setelah itu akan muncul halaman utama, jika Anda ingin menambahkan share via facebook dan twitter klik 'add'.
  8. Terakhir masuk akun email Anda dan konfirmasi dlvr.it
Nah, lihat postingan Anda sudah terupdate otomatis via facebook dan twitter. Jika Anda masih mengalami masalah silahkan hubungi kami melalui contac.
Selengkapnya...

Info Kontes Blog Review STORE.co.id

Info kontes blog terbaru datang dari store.co.id. store.co.id merupakan salah satu took online di Indonesia yang menjual berbagai macam pakaian. Peserta wajib menulis artikel yang mereview tentang store.co.id dengan tema bebas.

Kontes ini dimulai dari tanggal 1 Mei 2013 s/d 31 Agustus 2013. Pengumuman pemenang akan diumumkan tanggal 13 September 2013.

HADIAH

Pemenang I   : Uang Tunai Sebesar Rp 3.000.000,-
Pemenang II  : Uang Tunai Sebesar Rp 500.000,-
Pemenang III : Voucher Berbelanja di store.co.id senilai Rp 250.000,-
Pemenang IV : Voucher Berbelanja di store.co.id senilai Rp 250.000,-
Pemenang V  : Voucher Berbelanja di store.co.id senilai Rp 250.000,-

Salah satu penilaian utama dalam kontes ini adalah kualitas dan isi artikel yang diikutsertakan dalam lomba.
Info selengkapnya: http://blog.store.co.id/kontes-blog-review-store-co-id/
Selengkapnya...

Cara Membuat Menu Horizontal di Blog

Sudahkan Anda membuat menu horizontal pada blog, rasanya kurang apabila sebuah blog tidak dilengkapi dengan menu horizontal. Selain untuk memperindah tampilan blog, menu horizontal berfungsi untuk memudahkan pengunjung dalam memilih kategori postingan sebuah blog.

Berikut cara membuat menu horizontal di blog :
  1. Login akun blogger Anda. 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode ]]></b:skin> (Gunakan Ctrl – F untuk memudahkan pencarian). 
  4. Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>
    #tejahtc{
    height:33px;
    width:1000px;
    margin:0 auto;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8yco6S-NIknCJiETwFVMOcWRMoV_AEPLSgLyr7LCsb_JtPJolUzu8W9RrBHWsxYYx-hB1ZihOH3GKAKNkrXtf4aEUG5W-_eRchot_jFNmTMu_UpLdFE_lbIa_YbKPDXKFNNbXjQaom3vg/s1600/catmenu.jpg) repeat-x;
    display:block;
    padding:0px 0 0px 0px;
    font-size:12px;
    font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
    font-weight:normal;
    border-top:1px solid #252424;
    }

    #tejas{
    margin: 0px;
    padding: 0px;
    width:1000px;
    background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8yco6S-NIknCJiETwFVMOcWRMoV_AEPLSgLyr7LCsb_JtPJolUzu8W9RrBHWsxYYx-hB1ZihOH3GKAKNkrXtf4aEUG5W-_eRchot_jFNmTMu_UpLdFE_lbIa_YbKPDXKFNNbXjQaom3vg/s1600/catmenu.jpg) repeat-x;
    height:33px;
    }

    #tejas ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #tejas li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #tejas li a, #tejas li a:link, #tejas li a:visited {
    color: #fae7df;
    display: block;
    margin: 0px;
    padding: 9px 10px 10px 10px;
    }

    #tejas li a:hover, #tejas li a:active {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYBnDaJ936Z9gBNaWxr_OsYa75IsjAk5TrZFfK8JxR5b2AnLgQmnETufGrvmspqa7tzO6joF55okxazrx0BhaxQxUgclF5mgNXLFDX0tyCl14J_Wnb9ED1onlCtKUX9JbJXwM9c8IXhFjH/s1600/aexpfq.jpg) repeat-x;
    color: #fff;
    margin: 0px;
    padding: 9px 10px 10px 10px;
    text-decoration: none;
    }

    #tejas li li a, #tejas li li a:link, #tejas li li a:visited {
    background:#ED4A05;
    width: 150px;
    color: #fae7df;
    font-family:Tahoma,century gothic,Georgia, sans-serif;
    font-weight: normal;
    float: none;
    margin: 0px;
    padding: 9px 10px 10px 10px;
    border-bottom: 1px solid #FF7800;
    }
    #tejas li li a:hover, #tejas li li a:active {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYBnDaJ936Z9gBNaWxr_OsYa75IsjAk5TrZFfK8JxR5b2AnLgQmnETufGrvmspqa7tzO6joF55okxazrx0BhaxQxUgclF5mgNXLFDX0tyCl14J_Wnb9ED1onlCtKUX9JbJXwM9c8IXhFjH/s1600/aexpfq.jpg) repeat-x;
    color: #fff;
    padding: 9px 10px 10px 10px;
    }

    #tejas li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px;
    padding: 0px;
    }

    #tejas li li {
    }

    #tejas li ul a {
    width: 140px;
    }

    #tejas li ul a:hover, #tejas li ul a:active {
    }

    #tejas li ul ul {
    margin: -34px 0 0 170px;
    }

    #tejas li:hover ul ul, #tejas li:hover ul ul ul,
    #tejas li.sfhover ul ul, #tejas li.sfhover ul ul ul {
    left: -999em;
    }

    #tejas li:hover ul, #tejas li li:hover ul,
    #tejas li li li:hover ul, #tejas li.sfhover ul,
    #tejas li li.sfhover ul, #tejas li li li.sfhover ul {
    left: auto;
    }

    #tejas li:hover, #tejas li.sfhover {
    position: static;
    }
    Keterangan:
    Sesuaikan lebar menu 1000px dengan ukuran template blog Anda. 
  5. Selanjutnya letakkan kode berikut dibawah kode <div id='content-wrapper'> atau copy kode tersebut pada HTML/JavaScript dan letakkan dibawah header.
    <div id='tejahtc'>
    <div id='tejas'>

    <ul>
    <li><a href='http://blogatap.blogspot.com/'>Home</a></li> <li><a href='Link sobat di sini!' title='Link-Title'>Link-Name-1</a>
    <ul class='children'>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-1-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-1-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-1-3</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2</a>
    <ul class='children'>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-2-3</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-3</a>
    <ul class='children'>
    <li><a href=Link Anda di sini!' title='Link-Title'>Link-Name-3-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-3-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-3-3</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-4</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5</a>
    <ul class='children'>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5-2</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5-3</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-5-4</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-6</a>
    <ul class='children'>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-6-1</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-6-2</a></li>
    </ul>
    </li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-7</a></li>
    <li><a href='Link Anda di sini!' title='Link-Title'>Link-Name-8</a></li>
    </ul>

    </div>
    </div>

    <div class='clear'/>
    Keterangan:
    Ganti tulisan yang berwarna merah dan 'Link Anda di sini!' dengan link kategori blog Anda, contoh seperti dibawah ini.
    'http://blogatap.blogspot.com/search/label/Adsense'
    Ganti tulisan link name dengan judul kategori atau apapun agar tampilan menu terlihat menarik, begitu juga link title bisa Anda samakan dengan link name. 
  6. Simpan template.
Nah, sekian postingan cara membuat menu horizontal di blog, jika Anda masih mengalami masalah silahkan hubungi kami melalui contac.
Selengkapnya...

Cara Membuat Efek Petir pada Blog

Pada postingan sebelumnya telah kita bahas yaitu cara membuat efek salju pada pointer mouse, tapi kali ini kita akan membahas efek petir pada blog. Alasan membuat efek petir pada blog biasanya untuk mempercantik halaman/tampilan blog.

Berikut langkah cara membuat efek petir pada blog :
  1. Login akun blogger Anda. 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
  3. Copy-Paste kode di bawah pada HTML/JavaScript,
    <style
    type="text/css">body { background-image:
    url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTT3bvnRhtG8VcQynIW3jnR5XcREgjEHmn2XqNX79snclyDWNHCKqpMMNxZ0ShL77wRz9AefthPtQ78jtWLYehnmA5ps8G0lFwHMpAjwbM7JTRbO31Qoj74hIQPVGd4R3okg9q2iqMj2YE/s1600/storm.gif);
    background-color:transparent; }</style>
    Nb: Tidak semua template blog bisa menggunakan script tersebut, sebaiknya Anda coba terlebih dahulu.
  4. Klik Simpan.
Nah, sangat mudahkan cara membuat efek petir pada blog, jika Anda masih mengalami kesulitan silahkan hubungi kami melalui contac.
Selengkapnya...

Cara Memasang Facebook Rekomendasi di Blog

Facebook rekomendasi merupakan sebuah fitur dari facebook yang merekomendasikan pengunjung blog untuk melihat artikel blog yang banyak di like oleh pengunjung.

Sebelum Anda memasang widget facebook rekomendasi di blog, sebaiknya pasang terlebih dahulu tombol like atau share facebook pada posting blog. Nah kemudian Anda bisa langsung memasang facebook rekomendasi.

Berikut ikuti langkah-langkah memasang facebook rekomendasi di blog :
  1. Login akun blogger Anda. 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript. 
  3. Copy-Paste kode di bawah ini,
    <iframe src="http://www.facebook.com/plugins/recommendations.php?site=blogatap.blogspot.com&amp;width=200&amp;height=300&amp;header=true&amp;colorscheme=light&amp;font=arial&amp;border_color=%2523637BAD" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:300px;" allowtransparency="true"></iframe>
    Keterangan :
    blogatap.blogspot.com : ganti dengan alamat URL blog Anda.
    width : lebar widget ubah sesuai dengan ukuran sidebar Anda.
    height : tinggi widget ubah sesuai keinginan Anda. 
  4. Simpan.
Nah, selain Anda bisa langsung memasang kode script diatas Anda juga bisa mengunjungi situsnya yaitu Facebook Apps. Jika Anda masih mengalami kesulitan hubungi kami melalui contac.
Selengkapnya...

Cara Mengubah Ukuran Halaman Blog

Template blog hasil download, biasanya ukuran halaman posting, sidebar,dll seringkali tidak sesuai dengan keinginan kita. Tapi jangan khawatir pada kesempatan ini kita akan membahas cara mengubah ukuran halaman blog.

Berikut simak cara mengubah ukuran halaman blog:
  1. Login akun blogger Anda. 
  2. Pilih Template > Edit HTML > klik Expand Template Widget
  3. Untuk menghindari kesalahan yang tidak diinginkan dalam mengedit, download terlebih dahulu template blog Anda. 
  4. Cari kode seperti dibawah ini untuk mengubah ukuran header:
    #header-wrapper{width:970px;margin:0 auto 0;height:60px;padding:34px 0px 34px 0px;overflow:hidden;}
    Ganti ukuran header 970px sesuai dengan keinginan Anda. 
  5. Cari kode seperti dibawah ini untuk mengubah ukuran lebar halaman:
    #outer-wrapper{width:970px;margin:10px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;background:url( ... )
    Ganti ukuran lebar halaman 970px biasanya harus sesuai dengan header. 
  6. Cari kode seperti dibawah ini untuk mengubah ukuran halaman posting:
    #main-wrapper{width:485px;padding-top:10px;padding-left:0px;padding-right:0px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
    Ganti ukuran halaman posting 485px sesuai dengan keinginan Anda. 
  7. Cari kode seperti dibawah ini untuk mengubah ukuran sidebar:
    #sidebar-wrapper{width:320px;float:left;padding-left:10px;margin-top:10px;margin-left:0px;margin-right:10px;word-wrap:break-word;
    Ganti ukuran sidebar 320px sesuai dengan keinginan Anda.
Untuk mengubah ukuran halaman blog, Anda harus teliti menghitung antara halaman, header, posting, sidebar, agar tampilan template blog nantinya terlihat bagus. Jika Anda masih mengalami masalah hubungi kami melalui contac.
Selengkapnya...

Cara Membuat Banner dengan Flashvortex

Sebelumnya kita sudah membahas cara membuat banner dengan picasion.com, tapi kali ini kita akan membahas cara membuat banner dengan flashvortex. Flashvortex merupakan salah satu tool online yang digunakan untuk membuat flash banner gratis.

Selain kita bisa membuat banner di flashvortex, kita juga dapat membuat menu, texts, buttons, clocks. Berikut simak langkah-langkah pembuatan flash banner menggunakan flashvortex :
  1. Kunjungi situs flashvortex.com 
  2. Pilih salah satu menu yang ingin Anda buat, misalnya: Anda ingin membuat banner, klik 'Banners'.
  3. Kemudian pilih design banner sesuai keinginan Anda. 
  4. Selanjutnya Anda bisa mengatur ukuran, tulisan, background, link target banner yang akan Anda buat. 
  5. Setelah selesai, klik 'Generate Animation' untuk mengambil kode scriptnya.
  6. Copy paste kode tersebut pada HTML/JavaScript blog Anda.
Nah, sekian postingan cara membuat banner dengan flashvortex jika Anda masih bingung silahkan hubungi kami melalui contac.
Selengkapnya...

Cara Memasang Tombol Print pada Blog

Setelah sebelumnya kita telah membahas Cara Membuat Save page as PDF pada Blog, kali ini kita akan membahas Cara Memasang Tombol Print pada Blog. Fungsi dari memasang tombol print pada blog adalah untuk memudahkan pengunjung agar dapat mencetak artikel/postingan blog.

Berikut cara memasang tombol print pada blog :
  1. Login akun blogger Anda. 
  2. Pilih Template > Edit HTML > klik 'Expand Template Widget'.
  3. Cari kode <data:post.body/> (Gunakan Ctrl + F untuk mempercepat pencarian).
  4. Jika menginginkan tombol Print berada diatas postingan letakkan diatas kode <data:post.body/>, jika menginginkan dibawah postingan letakkan script dibawah ini tepat dibawah <data:post.body/>
    <a href='javascript:window.print()' title='Print this Page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIR9q0i8N37s9Y3o0Svz7U5WDja_9ElmjUdRAGEyAymS7T40bgCWxZi3dCnqZ3L9vX75ERcOXKuFbCcz4zlfThLTYZBDi3CKDTh-9JCDDmTaOYW1cV0m_GurQidWSv-SEnPtMph1-e9cVL/s1600/print.gif'/></a> <script type='text/javascript'>
    var authorId = &quot;C7AAB579-3D36-4A37-B7A1-0863E2F39F4B&quot;;
    var pageOrientation = &quot;0&quot;;
    var topMargin = &quot;0.5&quot;;
    var bottomMargin = &quot;0.5&quot;;
    var leftMargin = &quot;0.5&quot;;
    var rightMargin = &quot;0.5&quot;;
    </script>
  5. Klik Simpan template.
Nah, selesai sudah cara memasang tombol print pada blog. Jika Anda mengalami kesulitan silahkan hubungi kami melalui contac, selamat mencoba.
Selengkapnya...

Info Kontes SEO AnekaHosting 2013

Info kontes datang dari anekahosting.com, anekahosting.com merupakan salah satu situs penyedia layanan hosting di Indonesia. Keyword yang harus digunakan peserta dalam kontes ini adalah anekahosting.com web hosting murah terbaik di Indonesia.

Pelaksanaan kontes dimulai dari tanggal 7 April 2013 s/d 7 Agustus 2013. Pengumuman pemenang akan diumumkan pada tanggal 16 Agustus 2013.

HADIAH

Juara 1: Uang tunai Rp 3.000.000,-
Juara 2: Uang tunai Rp 1.500.000,-
Juara 3: Uang tunai Rp 750.000,-
Juara 4-10: Uang tunai Rp 150.000,-
Juara 11-20 : Uang Tunai Rp. 75.000.-
Juara 21-30 : Uang Tunai Rp. 10.000,-

Apabila pada hari terakhir lomba jumlah peserta di Google masih dibawah 100, maka pelaksanaan lomba akan diperpanjang selama 30 hari.
Info selengkapnya: http://kontesseo.anekahosting.com/index.php
Selengkapnya...
 
Copyright © . blogatap.blogspot.com · Powered by Blogger
Support Infoblog_ID