Showing posts with label Tutorial Blogger. Show all posts
Showing posts with label Tutorial Blogger. Show all posts

Friday, March 15, 2013

Cara Menambahkan Elemen Di Header Custom Di Blogger dengan Mudah



Sesuai dengan judulnya postingan Cara Menambahkan Elemen Di Header Custom Di Blogger dengan Mudah , ini agar memudahkan dalam penambahan widget di atas header custom dan dengan menambahkan elemen di header custom ini, kita dapat menyentuh dan menghapus header standar.

Caranya sebagai berikut:

1. Login ke Blogger, kemudia go to Dashboard > Template > Edit HTML
2. Disarankan untuk mengbackup template terlebih dahulu agar tidak terjadi kesalahan
3. Jangan centang "Expand Template Widget" Pada jendela Edit HTML.
4. Cari baris kode berikut:

<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’> <b:widget id=’Header1′ locked=’true’ title=’YOUR_BLOG_TITLE (Header)’ type=’Header’/>

5. Ubah maxwidgets menjadi 2, ubah juga showaddelement menjadi yes, dan ubah terkunci menjadi false, seperti yang ada ditunjukkan di bawah ini :

<b:section class=’header’ id=’header’ maxwidgets=’2′ showaddelement=’yes’> <b:widget id=’Header1′ locked=’false’ title=’YOUR_BLOG_TITLE (Header)’ type=’Header’/>

6. Sekarang Simpan Template.
7. Pergi ke tab Page Elements atau layout.
8. Cari elemen header blog Anda, elemen yang paling atas.
9. Sekarang klik link Edit sesuai dengan header.
10. Pada kotak pop-up langsung, klik Hapus tombol dan mengkonfirmasi penghapusan.
11. Maka default Header telah dihapus. Anda dapat melihat link Tambah Gadget di tempat Header default ditempatkan sebelumnya. Klik pada link untuk menerapkan header.

Semoga Cara Menambahkan Elemen Di Header Custom Di Blogger dengan Mudah dapat bermanfaat.





Cara Menambahkan Elemen Di Header Custom Di Blogger dengan Mudah, Cara Mudah Menambahkan Elemen Di Header Custom Di Blogger, Menambahkan Elemen Di Header Custom Di Blogger dengan Mudah, Cara Menambahkan Elemen Di Header Custom Di Blogger, How to Add Elements In Custom Header In Blogger with Easy, Easy Ways Adding Elements In Custom Header In Blogger, Adding Elements In Custom Header In Blogger with Easy, How to Add Elements In Custom Header In Blogger

Wednesday, March 13, 2013

Cara Membuat dan Mengatur Jadwal Posting Otomatis di blogger

Cara Membuat dan Mengatur Jadwal Posting Otomatis di blogger ini agar kita dapat mempostingkan blog secara otomatis dan tidak perlu selalu online untuk melakukan postingan. Dengan fitur ini kita dapat diberikan kemudahan untuk membuat postingan dengan terjadwal.
Untuk melakukan penerapan ini, cobalah untuk membuat postingan uji coba di blog kamu.
Sebenarnya cara untuk membuat postingan secara otomatis ini tidaklah sulit. Caranya adalah sebagai berikut:

1. Buka New Post/ entri baru.
2. Tulislah postingan baru

2. Jika sudah selesai untuk menulis, Lihat menu pada bagian samping kanan Post Settings / Setelan entri, seperti terlihat gambar dibawah ini:



3. Setelah itu, silahkan pilih jadwal / Schedule.
4. Kamudian pilihlah Setel tanggal dan waktu / Set date and time
5. Pilih tanggal dan jam postingan tersebut akan terpublish secara otomatis. Lihat gambar di bawah ini:



6. Jika sudah klik selesai
7. Langkah terakhir silahkan publikasikan postingan blog tersebut.
8. Lihatlah di Post, maka ada postingan yang terjadwal / Schedule.



Semoga Cara Membuat dan Mengatur Jadwal Posting Otomatis dia blogger ini dapat bermanfaat.





Cara Membuat dan Mengatur Jadwal Posting Otomatis di blogger, Membuat dan Mengatur Jadwal Posting Otomatis di blogger, Cara Mengatur Jadwal Posting Otomatis di blogger, Cara Membuat Jadwal Posting Otomatis di blogger, How to Create and Set Auto Schedule Posts in Blogger, Create and Set Schedule Automatic Posting in blogger, How to Set Auto Schedule Posts in Blogger, How to Make Auto Schedule Posts in Blogger

Monday, March 11, 2013

Cara Menghapus Widget yang Tidak Bisa di Hapus di Blogger

Saya akan share tentang Cara Menghapus Widget yang Tidak Bisa di Hapus. Widget yang tidak bisa di hapus ini karena blog yang sering ganti-ganti template. Bagi kalian yang mengalami Widget yang Tidak Bisa di Hapus ini saya share tutorial langkah-langkah dibawah ini:

1. Login account blogger > masuk tab Rancangan > Edit HTML dan centang Expand Template Widget
2. Cari Kode dibawah ini (untuk memudahkan pencarian gunakan Ctrl+F):

<;....id='pagelist' locked='true' title='pagelist' type='LinkList'/>;

3. Setelah ketemu ubah value locked='true' menjadi locked='false' , Klik Save Template.
4. Selanjutnya masuk ke Elemen Halaman atau Page Element, kemudian cari Widget Pagelist, klik Edit dan klik Hapus.

Selamat mencoba dan semoga bermanfaat.....





Cara Menghapus Widget yang Tidak Bisa di Hapus di Blogger, Menghapus Widget yang Tidak Bisa di Hapus di Blogger, Widget yang Tidak Bisa di Hapus di Blogger, How to Delete Widgets Can not Delete on Blogger, Can not Delete Widgets on Delete on Blogger, Widgets Can not Delete Blogger

Sunday, March 10, 2013

Cara Membuat Tombol Spoiler di Blog

Saya akan share Cara Membuat Tombol Spoiler, sebelumnya apa itu Tombol Spoiler? Tombol spoiler adalah tombol yang mampu menyembunyikan sesuatu baik itu berupa tulisan,widget ataupun gambar. Tombol spoiler juga untuk meringankan loading blog.


Ada berbagai macam Tombol Spoiler yang di gunakan di Blog, untuk itu langsung aja Memulai Cara Membuat Tombol Spoiler di Blog

Contoh Spoiler Ke 1 :

Kode untuk membuatnya :
<div style="border: 0px inset green; padding: 0px;"><div><button class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none';" title="Click to show the spoiler." type="button"><span style="color:black;"><span style="color: rgb(0, 102, 0); font-weight: bold;"><blink>NAMA SPOILER 1</blink></span></span></button></div><div id="spoiler" style="display: none;"><span style="font-weight: bold; color: rgb(0, 102, 0);">LETAKKAN KODENYA DISINI</span></div></div>

Contoh Spoiler Ke 2 :

Kode untuk membuatnya :
<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="LIHAT" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><p style="text-align: justify;">LETAKKAN KODENYA DISINI</p></div><div id="hide"></div></div></div>

Contoh Spoiler Ke 3 :

Kode untuk membuatnya :
<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="BUKA" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;"><p style="text-align: justify;">LETAKKAN KODENYA DISINI</p></div><div id="hide"></div></div></div>

Contoh Spoiler Ke 4 :
LETAKKAN KODENYA DISINI

Kode untuk membuatnya :
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 80px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">LETAKKAN KODENYA DISINI</div></div></div>

Contoh Spoiler Ke 5 :
Judul
LETAKKAN KODE SOBAT DISINI

Kode untuk membuatnya :
<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Judul</span></i><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="NAMA SPOILER 5" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
LETAKKAN KODENYA DISINI</div>
</div>
</div>
</div>


Pilih yang anda suka, tinggal copy salah satu kode di atas.
Semoga Cara Membuat Tombol Spoiler di Blog ini bisa bermanfaat.





Cara Membuat Tombol Spoiler di Blog, Membuat Tombol Spoiler di Blog, Tutorial Membuat Tombol Spoiler di Blog, How to Make Spoiler Button in Blog, Make Spoiler Button in Blog, Tutorials Make Spoiler Button on Blog

Saturday, March 9, 2013

Cara Membuat Blog Menjadi Dofollow

Sebelum mengetahui Cara Membuat Blog Menjadi Dofollow , kita harus tahu terlebih dahulu apa itu dofollow. Dofollow adalah link yang mempunyai attribut follow, jadi apabila kita memberi komentar dan meninggalkan link web atau blog kita, otomatis web atau blog kita mendapatkan backlink dari blog atau web tempat kita memberikan komentar tersebut.

Untuk membuat Blog menjadi dofollow ini yang perlu dilakukan adalah mengedit template dengan cara login account blogger > masuk tab Rancangan > Edit HTML dan centang Expand Template Widget > cari kode seperti bawah (untuk memudahkan pencarian gunakan Ctrl+F)

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

Hapus nofollow dengan dofollow seperti dibawah ini

<a expr:href='data:comment.authorUrl' rel='dofollow'><data:comment.author/></a>

Selanjutnya cari kode di bawah ini

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>

Ganti dengan kode dibawah ini

<a expr:href='data:backlink.url'><data:backlink.title/></a>

Dan terakhir Save





Cara Membuat Blog Menjadi Dofollow, Membuat Blog Menjadi Dofollow, Tutorial Membuat Blog Menjadi Dofollow, How to Make a Blog Become Dofollow, Dofollow Making Blog Being, Becoming Dofollow Blog Making Tutorial

Monday, February 4, 2013

Cara Membuat Headline News di Blog


Cara Membuat Headline News di Blog ini seperti yang tanyangan pada berita di televesi, yang terletak di bagian atas atau bawah blog. Headline News ini melayang bisa dibagian atas atau bawah tergantung selera. Headline News ini akan berjalan layaknya berita yang ditayangkan di televisi.
Cara Membuat Headline News di Blog, berikut langkah-langkahnya :

  1. Login akun blogger 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
  3. Copy-Paste kode di bawah ini pada HTML/JavaScript
    <script type="text/javascript">
    var hn_url_blog = "http://gonxbross.blogspot.com";
    var hn_jumlah_post = 8;
    var hn_warna_latar = "#FFFFFF";
    var hn_warna_garis = "#000000";
    var hn_posisi = "bottom";
    var hn_tampilkan_judul = true;
    var hn_backlink = true;
    </script>
    <script src="http://gonxbross.googlecode.com/files/headlinenews.js">
    </script>
    Keterangan :
    http://gonxbross.blogspot.com : Ganti alamat URL blog Anda
    8: Jumlah judul posting yang akan ditampilkan
    #FFFFFF : Warna background headline news
    #000000 : Warna bingkai atau border blog
    Bottom : Posisi headline news, jika diatas ganti “Top
    True : Menampilkan tulisan “Headline news of Nama Blog”, jika tidak ingin ditampilkan “false” 
  4. Kemudian klik Simpan
Semoga Cara Membuat Headline News ini bisa membantu. Terimakasih.





Cara Membuat Headline News di Blog, Tutorial Membuat Headline News di Blog, Cara Membuat Headline News di Blog dengan Mudah, Membuat Headline News di Blog, How To Make Headline News in Blog, Tutorials Make Headline News in Blog, How to Make Headline News in Blog with Easy, Making Headline News in Blog

Sunday, November 25, 2012

Cara Membuat Form Kontak di Blog


Postingan kali ini adalah Cara Membuat Form Kontak di Blog . From Kontak ini gunanya untuk mempermudah pengunjung memberi kritk/saran pada blog. Dengan kata lain kedua pihak antara pemilik suatu blog/website dan pengunjung suatu blog/website dapat menjaga privacy masing-masing karena contact form ini. Selain itu, memasang contact form juga berfungsi untuk menghindari spam yang dikirim melalui email.
Contoh yang saya buat dibawah ini:

Bila mau membuat From Kontak silahkan klik link berikut ini disini

Semoga Cara Membuat Form Kontak di Blog ini bermanfaat. Terimakasih







Cara Membuat Form Kontak di Blog, Tutorial Membuat Form Kontak di Blog, Tips Membuat Form Kontak di Blog, Cara Membuat Form Kontak di Blog dengan Mudah, How to Create a Contact Form in Blog, Tutorials Make Contact Form on the Blog, Tips to Make Contact Form on the Blog, How to Create a Contact Form in Blog with Ease

Friday, October 5, 2012

Cara membuat Kotak Komentar Facebook di Blogger

Saya akan memberikan cara untuk membuat kotak komentar di facebook dan semoga ini bermanfaat untuk semua pengguna blogger.
Caranya sebagai berikut:
  1. Seperti biasa masuk dulu ke akun blogger
  2. Klik Template >> Edit Template >> lalu centang Expand Template Widget
  3. Kemudian cari kode berikut <b:includable id='status-message'> (agar lebih mudah pencariannya menggunakan Ctrl+F) setelah ketemu sobat cari kode </b:includable> .
  4. Copy Paste kode ini <b:includable id='status-message'> kedalam kontak pencarian. Selanjutnya Copy paste kode di bawah ini dan diletakan di atas kode </b:includable>


Lalu simpan dan lihat hasilnya di postingan single sobat.

    Sunday, September 16, 2012

    Cara Menampilkan Postingan Blog di Akun Facebook atau Twitter | dlvr.it

    Ini adalah cara untuk mempromosikan blog kita lewat akun Facebook atau Twitter. Dengan posting akan terkirim ke akun kita sendiri.
    Berikut Caranya:
    1. Kunjungi http://dlvr.it/
    2. Lalu Sign Up mengisikan email dan password anda
    3. Di Step 1 masukan Feed Blog anda, bila tidak tau feed anda bisa di lihat disini
    4. Di Step 2 klik icon facebook atau twitter
    5. Masuk ke Akun facebook atau Twitter anda. klik Ijinkan untuk Facebook dan klik Autorize App untuk Twitter
    6. Untuk facebook ada pilihan FEED blog kita auto post ke profil facebook atau pagefans. Pilih salah satu.
    7. Klik Continue
    8. Selesai

    Semoga Cara ini bermanfaat. Terimakasih

    Cara Mengetahui Url Feed Blog


    Feed merupakan suatu layanan website atau blog yang berfungsi untuk mengumpulkan RSS (Really Simple Syndication) dan mendistribusikan kepada pelanggan blog kita atau feed tersebut. Sedangkan RSS adalah versi sederhananya blog kita yang menampilkan posting kita tanpa menyertainya pernik-pernik widget, sidebar, footer, heater, iklan dan lain sebagainya. Dengan melakukan Subcribe (mendaftar) RSS kita dapat mengetahui posting baru dari blog favorit kita melalui email dan biasanya hanya memunculkan satu atau dua kalimat di postingan yang bersangkutan.
    Cara mengetahui alamat URL feed blog sebenarnya cukup mudah, berikut ini caranya :
    1.Buka Halaman Web yang ada tuju
    2. Klik kanan dimana saja yang tertuju pada blog
    3. Klik View Page Info
    4. Pilih Tab Feed, lalu akan muncul halaman seperti ini



     Selesai dan bisa mengetahui feed pada blog.

    Semoga Cara Mengetahui Url Feed Blog bisa bermanfaat.

    Saturday, April 14, 2012

    Cara Memasukan Gadget Sms Gratis di Blogger












    Bila kamu sedang internetan dan tidak punya pulsa gunakan gadget ini yang telah ada di blog mu sendiri dan tidak perlu ribet-ribet lagi.
    kita langsung saja.

    1. Login dulu di blog mu sendiri
    2. Masuk ke desain ke bagian Tata Letak. disana ada memilih tata letak Gadget yang kamu mau di bagian mana.

    3.lalu klik den cari nama Edit Html dan masukan kode ke html kamu.

    <iframe frameborder="0" height="350" name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270"></iframe>

    4. bila selesai simpan dan lihat blog kamu.

    jadi gampang kan, dan bisa di coba sendiri.

    Saturday, March 17, 2012

    Cara Membuat Blog

    Bagi yang belum bisa membuat blogger saya akan berikan cara mudah dan praktis untuk anda.

    Pertama yang anda lakukan adalah masuk ke alamat blogger klik Di sini.
    maka akan muncul gambar seperti dibawah ini. 


     
    dan klik gambar memulai untuk melakukan pendaftaran blog akun baru.
    akan muncul gambar dibawah ini.







































    masukan alamat email, password, nama tampilan dan lain-lain yang telah disediakan.
    centang lah Perintah Persyaraannya dan klik Lankutkan.
    akan ada perintah selanjutnya dibawah ini.



    isi judul blog yang ingin kamu buat dan beserta alamat blog mu.
    lalu klik Lanjutkan.



    lalu pilih template awal yang menjadikan blog anda menarik.
    Klik lagi Lanjutkan bila selesai memilih.
    akan ada pemberitahuan blog ada telah jadi.



    Klik mulai Blogging untuk memulai pengeposan




    isi apa saja yang kamu ingin melakukan posting di blog kamu.

    bila selesai terbitkan enteri

    dan muncul gambar seperti ini enteri anda berhasil diterbitkan.



    coba lihat enteri yang anda buat.
    maka akan hasilnya seperti ini.



    ini adalah hasil blog yang saya buat. dan Selamat Mencoba :)