Go Frosk

Cara Memasang Komentar Google Plus

Google Plus adalah jejaring sosial baru yang diluncurkan oleh raksasa internet, google. Tentu saja hal ini dilakukan untuk mengikis dominasi Facebook yang sangat berjaya di dunia jejaring sosial dalam beberapa tahun ini. Setelah sebelumnya Blogger mengadakan inovasi yaitu Tampilan baru pada Edit HTML, kini kembali menambahkan fitur terbaru yaitu mengintegrasikan kolom komentar dengan Google+ (Google Plus). Jika sudah dapat dimengerti kita masuk "Cara Memasang Komentar Google+", Simak Sob :

Cara Memasang Komentar Google+ di Blogger

1. Login ke Blogger
2. Pastikan profil sobat sudah menggunakan Profil Google+
3. Klik ▼ kemudian klik Google+
4. Centang (tandai) Gunakan Google+ Komentar di Blog ini

5. Lihat blog sobat yang sudah mempunyai komentar, apabila belum berubah, maka kembali ke Dasboard, klik Template -> Edit HTML. Cari kode seperti ini :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <b:if cond='data:post.showThreadedComments'>
  <b:include data='post' name='comments'/>
        <b:else/>
        <b:include data='post' name='comments'/>
    </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='comments'/>
        <b:else/>
        <b:include data='post' name='comments'/>

  </b:if>
</b:if>

ganti dengan :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:include data='post' name='comment_picker'/>
</b:if>

6. Simpan template.

Cara Membuat Huruf Besar pada Awal Posting Blogger

alt="Cara Membuat Huruf Besar Di Awal Postingan Blog "

embuat huruf besar di awal paragraf pada sebuah postingan blog mungkin terinspirasi dari gaya tulisan yang banyak dipakai dan digunakan oleh koran, majalah maupun tabloid. Mungkin cara ini sudah pernah ditulis oleh blogger lain, postingan disini hanya mengingatkan kembali dan mencoba membantu sobat blogger yang pengen membuatnya. Nah kalau teman-teman semua tertarik untuk membuat nya, saya akan kasih tau tutorialnya. Sebenarnya membuat huruf besar diawal paragraf ini sangatlah mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah di bawah ini :

1. Login ke blogger
2. Langsung ke Tata Letak (sekarang design/rancangan) - Edit HTML
3. Cari kode berikut ]]></b:skin>
4. Masukkan kode di bawah ini, di atas ]]></b:skin>

/* kode untuk huruf awal

----------------------------------------------- */

.awal {

float:left;

color: #000000;

background:#ffffff;

line-height:80px;

padding-top:1px;

padding-right:5px;

font-family:times;

font-size:100px;}

atau

.dropcaps {

color: #000;

float: left;

font-family: "Old London";

font-size: 350%;

line-height: 45px;

padding-right: 3px;}

Silahkan pilih mana yang sobat sukai

5. Klik Save Template / Simpan
Selanjutnya kalian tulis artikel dan cara membuat besar huruf pada awal kalimat yaitu tambahkan kode salah satu kode dibawah pada posisi HTML
Ketikkan kode ini dulu huruf awal Kata huruf awal, ganti dengan huruf pertamamu yang akan kamu posting.

Misalnya :

LLukman

CCara

catatan
line-height: 45px; adalah tingginya huruf, silahkan ganti sesuai selera anda.
saya kira penjelasan diatas cukup dimengerti oleh anda semua mengenai cara membuat huruf besar di awal postingan atau drop caps semoga bermanfaat bagi pembaca.

Cara Membuat Widget Email Subscribe

- Email subscribe tidak hanya berfungsi sebagai langganan artikel saja, namun juga berguna untuk menjadi 'reminder' atau pengingat tatkala seseorang pengunjung lupa untuk mengunjungi blog kita secara rutin seperti yang biasa Ia lakukan. Memang tidak mudah untuk mendapatkan banyak pelanggan yang ingin berlangganan artikel blog kita, tapi ada baiknya kita "berusaha" dahulu, yang penting kita harus bersikap user friendly dan menyuguhkan konten-konten yang menarik serta informatif bagi pengunjung, agar pada akhirnya mereka bersedia untuk berlangganan artikel dan menjadi pengunjung loyal blog kita.

Berikut Cara Pasang Widget Email Subscribe

Pertama , Anda harus Login akun blogger Anda.
Kedua, pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
Ketiga, Cari kode ]]></b:skin> tekan tombol Ctrl + F untuk melakukan pencarian.

Letakkan kode berikut dibawah kode ]]></b:skin>

.form {
border:1px solid #aaa; /* warna garis pinggir form */
background: #f0f0f0 /* warna background form */
padding:3px; /* spasi form */
width:300px; /* panjang form */
height:120px /* tinggi form */
}
.rss {
background:#f4f4f4;
}
.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 11px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #234B69; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
font-weight: bold;
}

Kemudian Kembali Ke Menu Awal, Pilih Tata Letak / Layout.
Klik Add Gadget, Lalu Pilih HTML/JavaScript.

Letakkan kode di bawah ini ke dalamnya.

<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/LukmanOfficial"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd3q7JrN67vNqqQqGO-c_wIyov_gEzW-S6IfYPDrmoRRfcJ6VIrSCWCzkQxuBgJQejmE_Gp4pm8fX9iq61IbqRyfRvzEXVYhttNRSFwb4kNc7MZhsMTGhlA_wb48l4JtDyz-XrdDzPKHnA/s800/005.png" /></a> <a href="http://feeds.feedburner.com/LukmanOfficial">GET UPDATE VIA RSS</a></div>
<div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA EMAIL</div>
<div style="padding-left:10px">Dapatkan kiriman artikel terbaru langsung ke email anda!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=LukmanOfficial', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="LukmanOfficial" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
<div style="padding-left:10px"><a href="http://feeds.feedburner.com/LukmanOfficial"><img src="http://feeds.feedburner.com/~fc/LukmanOfficial?bg=ff7c00&amp;fg=444444&amp;anim=0" width="88" height="26" style="border:0" alt="" /></a></div>
</div></div>

Klik "Save/Simpan" gadget, dan selesai.

UPDATE :

membuat Widget Email Subscribe agak lebih bagus. Caranyapun sama dengan diatas agan tinggal ganti kode diatas dengan kode dibawah ^_^

CSS :

#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS23MFwIqJHT3vvebj_tqAxBplXtlAaZ2N2r_eRl2US_OuyqRUAAEvuuhnKR3Qr5lipe7bMnRydG08NEbAiNsbkvtBB8wCGakTGmxpIryTUBxuVpFh2ogctS0kGyi39bdG-RfvNCUvOer5/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrAZQ2MQyrjExAuyE4BOxkRHB_utoESV1OWlrw5F3RywGSqpIxk6EU-rCPKGWSTDWvzZSjlN8EnxpynjWmyrkslMAk60Vn40ruzPRmn66Xb2OM4fLgzM4pQeRXNge7aGONZi-4Hhy00Z43/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLcSXdVVFqqryApDJWK9L-hz1ghzzzpjnRIwNX__4SP5Q85GVg-zfewb8SBL2q5LCSoHL9j4rRoQf8Ckn7VWoKuUFQmhiltVZ7Mr5yg80P4MzPzQ2EGyslq6KsQgE81V9G3oSmuuKy4ns/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHChYkAemMFBn2ESHhPYUzVtbAAQQGpGpFJwe7h3w-PeYwuvUkeA6TB6wIciOhzyaA62tZPPb3vk3qOzxuEzgjeCGAoc-9eOZ2bgX2i6DQMw9CQG4Ughd-YLXLyEMQBGp3Rml1MNbVDF6l/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}

HTML :

<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Langganan Artikel,Game,Software dan Tutorial Blog, Langsung dikirim ke Email kamu.</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=LukmanOfficial" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=LukmanOfficial', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="LukmanOfficial" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div>
<p align="center"><p><a href="http://feeds.feedburner.com/LukmanOfficial"><img src="http://feeds.feedburner.com/~fc/LukmanOfficial?bg=0099FF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p></p>
</div></div>

NB : Sobat ganti nama LukmanOfficial dengan Url RSS blog sobat

Demikian informasi terbaru tentang Membuat Widget Email Subscribe Keren di Blog, baca juga artikel menarik lainya seputar tutorial blog tentang Cara Membuat Contact Form (Kontak Formulir) di Blog, Jangan Lupa Memberi Komentar ya dan Selamat Mencoba :)

Cara Membuat Efek Loading di Blog

Kali ini saya ingin berbagi Cara Membuat Efek Loading di Blog, jadinya saat kita ngeklik suatu artikel akan ada efek loadingnya, contohnya diblog saya ini. Mungkin efek loading blog ini tidak perlu bagi blog, tetapi jika sobat ingin terapkan silahkan sobat bisa langsung copas saja scipt di bawah ini sebelum kode ]]></b:skin> :

How To Make Loading Effect :

Masuk dulu ke Blogger
Pilih Template > Edit HTML
Taruh Kode Dibawah ini diatas kode </style> atau ]]></b:skin>

#page-loader {
    position:fixed !important;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999;
    background: #303030 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQzY1uLuOVz6LZJdzeXf-fel6rMkVmimdSlMwxaqBmk7WVtMNYW-NtDmJsbzdvdggige-zwuW03IEzlYOddfhpkye7NxLNLu6DtrdLwVtLLgPMIcg3tLFpodRHnLSvtc-yPjujutjrnuY/s200/load6.gif") no-repeat 50% 50%;
    padding:1em 1.2em;
    display:none
    }

Masukkan kode dibawah ini diatas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Kalo Jquery sudah ada di blog agan, langkah ini dilewati saja

Masukkan kode dibawah ini diatas kode </body>

<script type='text/javascript'>
    //<![CDATA[
    // Menyisipkan markup tabir animasi
    $(document.body).append('<div id="page-loader"></div>');
    // Saat halaman aktif terpicu untuk berpindah/keluar menuju halaman lain...
    $(window).on("beforeunload", function() {
        // ... tampilkan tabir animasi dengan efek `.fadeIn()`
        $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
    });
    //]]>
    </script>

Yang terakhir Save template, Selesai

Agar Artikel Cepat Terindex Google

Cara agar artikel cepat terindex Google. cara ini merupakan tambahan dalam pengoptimalan seo off page. Mengapa cuman tambahan?

Karena tanpa melakukan tahap ini pun artikel kita dapat terindex oleh mesin pencari terutama Google. Tetapi, butuh waktu 2 sampai 3 hari. (cukup lama)

Maka di sarankan menggunakan tehnik ini agar mempercepat pengindexkan ke mesin pencari.

Submit Url ke google.

Cara ini merupakan cara yang paling mudah, sejatinya google menyediakan layanan ini untuk para pemula yang baru membuat blog, agar blognya dengan segera mendapatkan respon dari pihak google.

Namun kita bisa menggunakan untuk menyubmitkan url artikel kita, agar langsung terindex oleh google hanya dalam hitungan detik.

Caranya mudah kq sob.

Pertama masuklah ke layanan Alat webmaster - Rayapi URL. Jika belum login ke google maka loggin terlebih dahulu.

Setelah berhasil login,

Maka baca seksama tulisan dibawah ini : "Google menambahkan situs baru ke indeks kami, dan memperbarui yang sudah ada, setiap kali kami merayapi web tersebut. Jika Anda memiliki URL baru, beri tahu kami mengenai hal itu di sini. Kami tidak menambahkan semua URL yang dikirimkan ke indeks kami, dan kami tidak dapat memprediksi atau menjamin kapan atau apakah URL yang dikirimkan akan muncul dalam indeks kami".

Begitulah kira-kira Google berucap. Tidak memberikan jaminan artikel bisa masuk ke index mereka.

Masukkan Url Sobat di situ. Kemudian masukkan kode yang tertera. dan klik tombol pamungkasnya, kirim permintaan. setelah berhasil, maka akan ada notifikasi yang backgrounnya berwarna kuning. Tapi jika gagal akan berwarna merah, jika gagal ulangi lagi sob.

Setelah langkah penyubmittan, sering sering melakukan ping,

Apa itu ping?

Ping sejenis dengan merah muda, hehehe... Ping itu ibarat melayangkan surat kepada mesin pencari, jika nanti mesin pencari menerima suratnya maka akan segera blog Anda di eksekusi oleh Search Engine..

Lakukan ping bisa di situs Mypagerank.net, atau bisa langsung ke Googleping.com

Jika di situs mypagerank, hanya di minta memasukkan judul blog, url blog/url postingan, masukan code yang tertera, lalu centang select, (biarkan mereload) selesai reload, gulir kebawah dan klink tombol pamungkasnya, "ping updates site"

Bagaimana jika di googleping? Kalian masuk link di atas tadi, lalu masukkan nama/judul blog, blog home page isi dengan Url blog sobat/url postingan, Rss URL (optional) kalian bisa isi Url blog sobat, bukan Url artikel. Di tambah dengan "atom.xml". Contohnya gini : http://-.mywapblog/atom.xml, lalu masukan email anda, pastikan e-mail aktif karna nantinya akan di kirim kode ferifikasi. Lalu gulir kebawah, setiap menu maka klik lah (check all).

Popular choices (check all)

Blog service (check all)

Teruss.. Ke bawah check all semua dan masukan chapta, geser kekanan dan send ping.

Mengertikan sob?

Kalo masih kurang paham tanyakan di komentar. Yang paling penting di baca, bukan cuman di baca judulnya.

Cara Menghapus Code Captcha di Komentar Blog

rasanya membosankan sekali jika sedang berkomentar diblog orang kalo ada kode Captchanya, apalagi jika kita menggunakan mobile harus Reload 2x untuk berkomentar :(.

nah maka dari itu saya berbagi bagaimana cara menghapus Code Captcha di Komentar blog, kan enak jika tidak ada kode capha diblog, pengunjung blog juga pasti gak ada bosen-bosennya mengkunjungi dan berkomentar diblog sobat. yukk simak cara menghapusnya :D

1) Pertama, Login ke Dasboard Blog Anda

2) Kedua, Pilih Menu Setelan :

3) Ketiga, Setelah sampai disana, kita pilih menu Pos Dan Komentar

4) Pilih Tampilkan verifikasi kata, jika Ya maka sobat pilih tidak

5) Klik Simpan dan Selesai :D

Gimana?? cukup mudahkan??

demikian Tutorial " Cara Menghapus Code Captcha di Komentar Blog" Semoga Bermanfaat bagi yang mencoba dan membacanya, jangan lupa tinggalkan komentar yaa