Tab Panel Google+ Fitur Baru dari Blogger

Pasti Anda sudah tidak aneh lagi dengan salah satu social network yang satu ini namanya Google+, minggu terakhir ini blogger lebih melangkah lagi dalam integrasi dengan jaringan sosial baru dari google. mereka bilang itu bukan namanya sosial jaringan tetapi sebuah lapisan sosial untuk layanan mereka dan termasuk google+ yang ada pada panel tab blogger, bisa Anda lihat di iklan forum yang resmi. Dengan mengakses pilihan baru dipanel admin Anda, Anda dapat melihat pilihan yang berbeda sesuai dengan menggunakan apa yang sudah Anda lakukan di google+. Jika akun blogger Anda belum terhubung ke google+ maka sangat disarankan untuk melakukannya, seperti pada contoh gambar dibawah. Setelah akun blog Anda terhubung ke google+, blogger akan menyajikan kesempatan untuk membuat halaman blog Anda di google+ atau bisa juga memilih yang sudah ada di akun Anda.

Jika Anda belum membuat akun google+ sangat direkomendasikan agar Anda bisa membuatnya minimal mempunyai satu akun google+, Anda dapat melihat para pembaca jauh lebih efektif yang menggunakan jaringan sosial baru.

READ MORE - Tab Panel Google+ Fitur Baru dari Blogger

Cara Membuat Like di Header Ala OOM.COM

Kali ini saya akan membahas sedikit ilmu lagi tentang tutorial blog, yakni Cara Membuat Kotak like di Header seperti di blog OOM. untuk lebih jelasnya bisa anda lihat screenshoot dibawah ini:

Sebenarnya ide saya membuat postingan kotak like di header ini tersinspirasi dari blognya Mas Oom dengan URL http://oom.com/ saya pun langsung tertarik dengan pandangan pertama saat saya mengunjungi blog Mas O-om. Gimana Anda juga tertarik kan dengan fasilitas like di header ini? Jika Anda tertarik ikuti langkah-langkahnya dibawah ini:

Seperti biasa:

• Login dulu ke Blogger > Tata Letak > Tambah gadget lalu pilih HTML/Java Script.
• Kemudian letakkan kode dibawah ini pada gadget HTML/Java Script tersebut.

<div class="widget-content"><div style="padding-top: 8px; float: right; text-align: right;">
<a rel="nofollow" target="_blank" title="Gabung di Google+" href="https://plus.google.com/u/0/108226894865009900472/"><img alt="Kreasi Anak Garut di Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCCgS0rqkAhwtmhb5kDbqYaBgA4jcTbgsldrdCfTCGtmQBGg8UsXHHJdp9tgnE0Qe8LWpdL5B_a_O8WFlH8BRL1r2_5Lw8wXLZ9nojjM1sbH1hC7Rtk0iRLP27VHsXxFRexwp19-11Ytdw/s421/oom%2520plus1.png" border="0" /></a>
<br /><div style="float: right; padding-top: 2px; text-align: right;"><a rel="nofollow" title="Kreasi Anak Garut di RSS FEED" target="_blank" href="http://feeds.feedburner.com/rezza"><img alt="RSS FEED" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZRb7LHLrGyiE3HfHx8DiigI32NUkFy5RZt71JByMSQafcAiraTcrfx8uWtJlK759lrul0NU21rkJhLY9pRwaRBJ1F8KHWqxXwZaf0x7ve124iAQGuOj47blSq3J0X4G2S2ZyqOYEJDzq/s106/rss.png" border="0" /></a><a rel="nofollow" title="Kreasi Anak Garut di Facebook" target="_blank" href="https://www.facebook.com/kreasianakgarut">
<img rel="nofollow" alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeNfutCHo0mrQXbnVsFCrUg9LZvkVwq4Q1ATe-XDRzfaB7at2SclSBPON0UIYYHGjqDn7iuXUbVl9-eFfKHp5X_2-bI-hq7OWEYXto1x-K7s42PIcLrDkTIYm7Fv5pv0fdjyV6QG67rdsC/s123/fb.png" border="0" /></a><a title="Kreasi Anak Garut di Twitter" target="_blank" href="http://twitter.com/Rezza_ir"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlaGqwnnGiVsF980nh5oDSBKAKhf7qz717Y53JgItxvaH225JtCc-ncFOpGamV2mOLUBjfqLX8iU4mDrVK6h8_ry61fwiK6Joma0gvuqjJ4kN4ecYSlVY7kkuhYrgJNzZxzoFA9n2wm5JT/s105/tw.png" border="0" /></a></div><span style="float: left; padding-top: 5px; width: 50px;"><!-- customized for a specific address --><div style="height: 24px; width: 106px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;" id="___plusone_1"><iframe allowtransparency="true" hspace="0" id="I2_1325610637183" marginheight="0" marginwidth="0" name="I2_1325610637183" src="https://plusone.google.com/_/+1/fastbutton?url=https%3A%2F%2Fplus.google.com%2F118355552986094397395&amp;size=standard&amp;count=true&amp;annotation=&amp;hl=en-US&amp;jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fwidget%2F__features__%2Frt%3Dj%2Fver%3Dpkz_8_jpZ30.id.%2Fsv%3D1%2Fam%3D%21itqi7GDL5S6I4GqN1g%2Fd%3D1%2F#id=I2_1325610637183&amp;parent=http%3A%2F%2Fwww.o-om.com&amp;rpctoken=339437469&amp;_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" style="position: static; left: 0pt; top: 0pt; width: 106px; margin: 0px; border-style: none; height: 24px; visibility: visible;" tabindex="-1" vspace="0" title="+1" scrolling="no" width="100%" frameborder="0"></iframe></div></span></div></div>

Catatan:

1. Ganti kode yang berwarna Hijau dengan alamat halaman google plus Anda
2. Ganti kode yang berwarna Kuning dengan nama blog Anda
3. Ganti kode yang berwarna Biru dengan gambar yang Anda inginkan
4. Ganti kode yang berwarna Hijau tua dengan Alamat Rss Feed anda
5. Ganti kode yang berwarna Biru muda dengan Alamat Facebook Fan Page anda
6. Ganti kode yang berwarna Ungu dengan Alamat Twitter anda

• Langkah terakhir simpan. Gimana cukup mudah bukan? kiranya itu yang saya sampaikan mengenai Bagaimana Membuat Like di Header ala OOM, bagi Anda yang mendapat kesulitan dalam mempraktekkan tutorial ini silahkan sampaikan dikotak komentar, kritik dan sarannya juga terbuka lebar bagi Anda demi kemajuan kita bersama. Dengan segala kekurangan artikel ini saya minta maaf. cukuo sekian sedikit tutorial ini Terimakasih.

Referensi: http://bloggerpas.blogspot.com/2012/01/membuat-kotak-like-disamping-header-ala.html

READ MORE - Cara Membuat Like di Header Ala OOM.COM

Cara Membuat Artikel Terkait dengan Fasilitas Scrolling

Sebelumnya saya pernah menjelaskan bagaimana cara membuat artikel terkait atau related post dan memang tanpa menggunakan fasilitas scroll bila Anda berkenan bisa baca kembali disini. Kali ini postingannya dalam kategori yang sama yakni Bagaimana Membuat Artikel Terkait atau Related Post dengan fasilitas scroll. Seperti contoh pada gambar berikut ini. Untuk lebih jelasnya bisa Anda lihat Demonya.

Gimana Menarik bukan? Jika Anda tertarik untuk memasangnya ikuti langkah berikut ini:

Seperti biasa:

• Login ke blogger > pada dasboard pilih Template > Edit HTML > Lanjutkan.
• Jangan lupa centang Expand Templates Widgetnya.
• Letakkan kode berikut ini tepat dibawah kode <data:post.body/> (jika kode tersebut terdapat 3 pada template Anda pilih yang kedua).

<!--Related-Posts-dengan-Scroll--> <b:if cond='data:blog.pageType == &quot;item&quot;'><br/><br/><H2>Artikel Terkait:</H2><div class='rbbox'><div style='margin:0; padding:10px;height:100px;overflow:auto;border:1px solid #ccc;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 4;var maxNumberOfLabels = 10;maxNumberOfPostsPerLabel = 15;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);a.href = alturl;if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);var txt = document.createTextNode(label);var h = document.createElement(&#39;b&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;albri&#39;).appendChild(div1);}}}function search10(query, label) {var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);document.documentElement.firstChild.appendChild(script);}var labelArray = new Array();var numLabel = 0;<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = &quot;<data:label.name/>&quot;;var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div><script type="text/javascript">RelPost();</script></div></b:if>

• Selanjutnya Letakkan kode berikut ini tepat diatas kode  ]]></b:skin>

.rbbox{border: 1px solid #0B3B39;padding: 5px;
background-color: #FFF;-moz-border-radius:5px;
margin:5px;}
.rbbox:hover{background-color: #E6E6E6;}

• Langkah terakhir simpan template anda dan lihat hasilnya, setiap dibawah postingan sekarang terdapat  related post dengan scrolling. Selamat mencoba!

READ MORE - Cara Membuat Artikel Terkait dengan Fasilitas Scrolling

Kreasi Label Blog dengan Efek Nudging

Screenshoot Efek Nudging

Setelah saya sekian lama ngutak-ngatik blog, saya kira sudah lama tidak share artikel lagi. memang bener yah ganti template blog malah buang-buang waktu, tapi share kali ini saya bukan mengenai tentang template melainkan membuat efek nudging pada label blog, mungkin cara ini sudah tidak aneh lagi bagi para blogger. Tetapi saya ini cuman memberikan sekedar informasi. efek nudging ini membuat link secara halus ketika mouse diarahkan pada label tersebut, pasti efek ini akan menambah sedikit keindahan pada blog Anda. Jika Anda tertarik dengan efek nudging pada label ini silahkan ikuti langkah-langkah dibawah ini:

Seperti biasa:

• Login ke blogger > Edit HTML
• Letakkan script Jquery dibawah ini diatas kode </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>

Catatan: Jika Anda sudah terdapat script diatas maka lewati saja cara diatas.

• Setelah itu tambahkan script berikut ini dibawah script Jquery tadi. paham kan? 

<script type='text/javascript'>

$(document).ready(function() {

$(&#39;#Label1 li&#39;).hover(function() { //mouse in

$(this).animate({ marginLeft: &#39;12px&#39; }, 400);

}, function() { //mouse out

$(this).animate({ marginLeft: 0 }, 400);

});

});

</script>

• Langkah terakhir save template Anda dan coba lihat hasilnya. 

Catatan: Jika Anda ingin melihat Efek Nudging pada label ini maka Anda harus menggunakan Label dengan tampilan Daftar.

Itulah tutorial Label Blog dengan Efek Nudging, jika Anda ada yang tidak paham silahkan tanyakan dikotak komentar yang sudah disediakan. Semoga bermanfaat dan Selamat Mencoba!

Information Article:

Rating: 5

Description: Kreasi Label Blog dengan Efek Nudging Reviewer: Rezza Indra Rahayu

Itemreviewed: Kreasi Label Blog dengan Efek Nudging

READ MORE - Kreasi Label Blog dengan Efek Nudging

Cara Meramaikan Pengunjung di Blog

Banyak sekali di jejaring media yang menawarkan bebagai cara meramaikan pengunjung blog, ada yang berbabayar dan atau menyedeiakan gratis, mungkin bagi para pemula seperti saya banyak yang bertanya-tanya. Saya mencoba mencari ilmu lagi di beberapa blog senior yang sudah laris manis dikunjungi para pembaca. Mempunyai blog yang sering dikunjungi adalah impian kita semua mulai dari pemula sampai yang sudah lama hidup di dunia blogging :D. Blog mana yang tidak ingin dikunjungi orang begitu juga dengan blog Kreasi Anak Garut, selalu mengharapkan peningkatan dari perngunjung. yang tentunya memberikan keuntungan bagi pengguna blog, apalagi blog yang memuat tentang penjualan barang atau produk jasa dipasarkan melalui online. Semakin banyak pengunjung maka semakin banyak pula presentasi pembeli yang ditawarkan. Beberapa hari yang lalu saya mencari di mbah google, ternyata seperti yang dibilang para webmaste cara meramaikan pengunjung blog ini cukup mudah, kita harus ada kemauan, tetap konsisten, kerja keras, dan tetap lebih sabar tentunya. Yah itu kan tidak usah ditanyakan lagi bukan? Selain itu saya akan mencoba menjelaskan sedikit tips bagi para blog cara meramaikan pengunjung blog dan tindakan yang harus dilakukan blogger agar blog kita menjadi ramai dari pengunjung:

1. Menulis Artikel Berkualitas.
   Menulis artikel yang berkualitas adalah salah satu cara meramaikan pengunjung blog. Dengan menulis artikel yang bermanfaat maka dapat dipastikan seorang pengunjung akan betah berlama-lama untuk mencari informasi sebanyak-banyaknya di blog milik kita. Artikel yang berkualitas adalah artikel yang bermanfaat bagi pengunjung weblog. Jika dirasa bermanfaat maka seorang pengunjung akan tetap membaca serta mencari artikel lain yang berkaitan dengan informasi yang dibutuhkan pada blog tersebut, begitu juga sebaliknya, apabila artikelnya di blog tersebut dirasa tidak bermanfaat maka pengunjung akan segera meninggalkan blog tersebut dan kemungkinan kecil untuk kembali lagi, justru oleh karena artikel yang bermanfaat membuat orang akan berkunjung kembali ke blog tersebut di kemudian hari karena sudah merasakan manfaatnya.
2. Tetap Konsisten Post Artikel Terbaru.Menulis artikel berkualitas saja tidak cukup untuk menarik pengunjung atau meningkatkan pengunjung ke blog milikmu, harus secara terus menerus melakukan update tulisan. Tulisan harus terus bertambah, dan jangan pernah berhenti menulis di blog agar mesin pencari menggap blog tersebut adalah blog yang aktif. Dengan aktifnya sebuah weblog maka dikategorikan weblog yang memiliki artikel up to date, sehingga mesin pencari memprioritaskan blog yang aktif yang berada di halaman depan hasil pencarian.
3. Mengenalkan Blog kita ke Pengguna Internet.
   Setelah membuat artikel yang berkualitas dan memuat artikel yang up to date, hal yang penting dilakukan adalah Mengenalkan blog ke pengguna Internet. Untuk mengenalkan blog ke pengguna internet, para blogger biasanya berusaha untuk memunculkan blognya di halaman depan google sebagai mesin pencari (search engine). Dengan muncul di halaman depan google, maka kemungkinan untuk diketemukan pengguna internet semakin besar, karena rata-rata para pengguna internet mencari informasi menggunakan mesin pencari seperti google, bing, yahoo. Daftarkan blog anda ke google webmaster karena mesin pencari paling banyak digunakan adalah google, maka sudah pasti jika blog didaftarkan di google webmaster maka blog tersebut menjadi perhatian si pemilik mesin pencari ini.Agar blog bisa muncul di halaman depan google, seorang blogger (pemilik blog) dapat melakukan beberapa langkah seperti mendaftarkan blog ke mesin pencari, mengunjungi blog orang lain dan meninggalkan komentar di sana untuk meninggalkan jejak backlink (link balik ke blog kita).

Ketiga cara meramaikan blog di atas, terbukti sangat ampuh meningkatkan pengunjung ke blog kita. Anda bisa mencobanya dengan membuat blog baru kemudian mendaftarkan blog tersebut di mesin pencari kemudian tulis artikel yang berkualitas serta terus update artikelnya, kurang lebih seminggu 3 artikel yang harus ditulis dan lihat hasilnya, pengunjung akan mulai terlihat ramai di blog anda. Teknik SEO apapun kalau tidak melakukan ketiga cara meramaikan blog di atas maka sia-sialah blog itu.

Itulah sedikit tips buat Anda semua, semoga bermanfaat. Mari budayakan menulis artikel yang berkualitas mulai dari sekarang. :)

READ MORE - Cara Meramaikan Pengunjung di Blog