
Indonesia adalah negara yang di huni oleh sebagian besar masyarat perokok. Itu faktanya .

Label yang selama ini sering kita jumpai bentuknya hanya berupa tulisan saja, itupun sudah ada dalam fasilitas menu di blogger. Bagaimana jika mengganti label dengan thumbnail atau gambar dari postingan? caranya sangat mudah, hanya manambahkan sedikit kode css dan javascript maka label dengan thumbnail akan menghiasi blog sobat. Kali ini saya coba berikan tutorial blog tentang label dengan thumbnail hover.
Penulisan label juga harus sesuai dengan yang ada di blog sobat, seperti besar kecilnya huruf juga sangat memperangaruhi. Untuk memulainya, ada baiknya sobat backup terlebih dahulu templatenya dengan masuk ke Rancangan –> Edit HTML –> Download Template Lengkap.
img.label_thumb {
float:left;
padding:3px;
background:#CCC;
border:1px solid #A4A4A4;
width:100px;
height:75px;
margin-right:10px;
margin-top:10px }
img.label_thumb:hover {
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8 }
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>
<script type='text/javascript'>var numposts = 6;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Magazine?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Keterangan :
- Tulisan yang berwarna hijau adalah lebar dan tinggi thumbnail, sobat bisa sesuaikan dengan lebar widget template sobat.
- Tulisan yang berwarna biru untuk jumlah label yang akan di tampilkan.
- Dan tulisan yang berwarna merah untuk label yang akan sobat tampilkan, jangan sampai salah menulis labelnya, besar kecilnya huruf juga sangat mempengaruhi.
Sekian saja tips dari saya, semoga bermanfaat.
Sudah hampir sebulan saya tidak update blog ini, di samping kesibukkan saya di luar saya juga cukup kelelahan mengurus blog-blog saya yang lain. Muncul lagi dengan tutorial blog yang ringan, tapi mungkin bermanfaat, kita coba memodifikasi followers blogger.
Biasanya followers dipasang langsung pada widget yang sudah tersedia di blogger, tapi kali ini kita akan memasangnya di widget HTML/Javascript. Abaikan tutorial ini jika sobat menggunakan template minima atau template bawaan blogger.
Jika sobat menggunakan custom template, maka untuk mengedit link, warna text dan border akan mengalami kesulitan. Untuk itu kita coba menambahkan border dan mengedit sedikit warna pada followers, link color, text color, background color dan border color. untuk memulainya, silahkan sobat login ke blogger.
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-eknxr14kfzlq" style="width:280px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#dedede';
skin['ENDCAP_BG_COLOR'] = '#f0f0f0';
skin['ENDCAP_TEXT_COLOR'] = '#444';
skin['ENDCAP_LINK_COLOR'] = '#444';
skin['ALTERNATE_BG_COLOR'] = '#fff';
skin['CONTENT_BG_COLOR'] = '#f9f9f9';
skin['CONTENT_LINK_COLOR'] = '#444';
skin['CONTENT_TEXT_COLOR'] = '#444';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#444';
skin['CONTENT_HEADLINE_COLOR'] = '#444';
skin['NUMBER_ROWS'] = '3';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-eknxr14kfzlq',
site: '06215030860304111239' },
skin);
</script>
Keterangan :
Sekarang saya akan berbagi tentang ping service, yang saya artikan seperti sebuah mesin otomatis yang ketika kita klik maka mesin tersebut akan mengindeks artikel-artikel dari blog kita ke beberapa mesin pencari, seperti google, yahoo, dan berbagai situs-situs social bookmark lainnya. Jadi ping service adalah sebuah alat otomatis berbentuk web yang berfungsi menyebarkan artikel blog ke berbagai situs populer di seluruh dunia yang selalu dikunjungi orang.
Sebelum menggunakan ping service, saya sarankan sebaiknya lakukan ping setelah menulis postingan terbaru sehingga mesin pencari tahu bahwa sobat punya konten terbaru dan jangan terlalu sering menggunakan jasa ping service karena bisa saja dianggap spam yang mungkin bisa merugikan blog sobat. Seperti pengalaman blog ini yang pernah terkena google sandbox sehingga membuat blog ini menghilang dari mesin pencari.
Dibawah ini ada beberapa situs ping service yang selalu saya gunakan untuk mengupdate artikel-artikel blog saya, semoga bermanfaat.
Submit Gratis memungkinkan sobat mengirimkan URL blog sobat ke 20 search engine populer.
Gunakan Pingler.com untuk Drive Traffic Blog dan Website sobat. Gunakan Pingler.com untuk Ping Blog.
Ping-O-Matic adalah sebuah layanan untuk memperbarui mesin pencari yang berbeda untuk mengetahui bahwa blog Anda telah diperbarui.
Ping blog otomatis.
Layanan Submission Blog Multiple - Website FEED PING dan Pelayanan Feed Blog Multiple.
Blog dan ping, Blog Search, Speed Test.
Update ping untuk mendapatkan hasil terbaik dari semua search engine.
Ping lebih dari lima puluh layanan blog secara instan. Pingoat juga memiliki server XML-RPC. Ping layanan seperti Technorati, NewsGator, feedster.
Ping blog otomatis ke lebih dari 20 layanan blog.
Harus mendaftar dahulu sebelum melakukan ping.
Silahkan pilih yang menurut sobat bagus dan semoga bermanfaat dan bisa menaikkan traffic blog sobat.
Keyboard shortcuts membuat pekerjaan dalam urusan posting di blogger menjadi lebih mudah. Yang paling populer mungkin dalam urusan text dalam postingan, seperti membuat tulisan bold dengan CTRL+B atau untuk tulisan italic dengan CTRL+I. Sama dengan yang biasa kita gunakan pada saat menulis di office word. Dibawah ini ada beberapa list keyboard shortcuts, semoga bermanfaat.
Keyboard shortcuts ini telah di uji pada browser Internet Explorer 6+ dan tidak semua bisa berfungsi pada browser Firefox, Chrome dan Opera.
| Shotcut | Fungsi | Semua Browser ? |
| CTRL+B CTRL+I CTRL+U CTRL+L CTRL+Z CTRL+Y CTRL+SHIFT+A CTRL+SHIFT+P CTRL+D CTRL+P CTRL+S CTRL+G | Bold Text Italic Text Underline text Blockquote (hanya pada saat EDIT HTML) Undo last operation Redo last operation Insert Hyperlink Preview Post Save as Draft Publish Post Autosave Indic Transliteration | Ya Ya Ya Tidak Ya Ya Tidak Tidak Tidak Ya Ya Tidak |
Selamat menggunakan dan semoga dapat mempermudah sobat dalam membuat setiap artikel.
Ini sangat penting untuk sobat baca. Jika sobat menulis di blog, pastinya ingin memberikan tulisan yang terbaik dan bernilai fungsi untuk pembaca. Bernilai fungsi, maksudnya pembaca merasakan manfaat setelah membaca artikel sobat, seperti blog tutorial, blog tentang kesehatan, bisnis online atau fenomena alam. Jangan sekali-kali menulis artikel tentang kehidupan sobat sehari-hari yang tidak penting, Karena itu akan membuat pengunjung lari dan pasti tidak akan kembali.
Jika sobat rajin share artikel ke digg atau delicious, dan pada saat itu artikel yang sobat masukkan kesana adalah artikel yang sangat menarik dan bernilai tentunya. Sobat akan merasakan manfaatnya dengan jumlah traffic di blog sobat. Sobat harus ketahui, untuk membuat postingan kita menjadi di halaman depan digg, akan sangat sulit sekali dan mengharapkan sedikit keberuntungan. Sering kali kita submit artikel-artikel kita di digg namun artikel itu tidak kemana-mana alias tidak dibaca sama sekali oleh pengunjung, tentu akan menjadi sia-sia.
Berikut ada sedikit tips ala kadarnya untuk membuat artikel kita menjadi populer :
Semoga bermanfaat !
Belakangan ini ada beberapa sobat blogger yang mengeluh pada saat menambahkan widget HTML/Javascript pada blog. Dikarenakan judul pada widget tersebut harus di isi, karena jika dibiarkan kosong maka akan terjadi error dengan keterangan seperti pada gambar dibawah.
Ada cara mudah mengatasinya, tetap tambahkan kodenya seperti biasa, klik pada Tambah Gadget -–> pilih HTML/Javascript -–> tambahkan kodenya kedalam kotak kosong yang tersedia, kemudian beri pada judul dengan kode <h2></h2>
Oke, semoga tips singkat ini bisa bermanfaat.
Rasanya belakangan ini saya agak malas menulis di blog ini, sedikit jenuh dan ditambah dengan adanya world cup 2010 sedikit menyita waktu saya. Kali ini saya akan memberikan tips lama tapi baru, lama buat blogger senior dan baru buat newbie. Yaitu penggunaan atribut a name pada tulisan/postingan di blog. A name sendiri berfungsi untuk menyorot link secara otomatis jika di klik akan menuju pada link yang dimaksud dan tentunya pada halaman postingan yang sama.
Link tersebut langsung mengarah pada link lain pada satu halaman posting, sehingga bisa memudahkan penulis membawa pengunjung pada tulisan yang dimaksud. Kodenya sangat mudah, hanya dengan menambahkan <a href=”#link yang di maksud”>Link</a> dan <a name=”link yang maksud”>Hasilnya</a>
Contohnya seperti ini :
<p> <a href="#Blogger 8">Klik disini</a> </p>
<h2>Blogger 1</h2>
<p>Judul Tulisan bla bla bla bla bla</p>
<h2>Blogger 2</h2>
<p>Judul Tulisan bla bla bla bla bla</p>
<h2>Blogger 3</h2>
<p>Judul Tulisan bla bla bla bla bla</p>
<h2>Blogger 4</h2>
<p>Judul Tulisan bla bla bla bla bla</p>
<h2>Blogger 5</h2>
<p>Judul Tulisan bla bla bla bla bla</p>
<h2>Blogger 6</h2>
<p>Judul Tulisan bla bla bla bla bla</p>
<h2>Blogger7</h2>
<p>Judul Tulisan bla bla bla bla bla</p>
<h2><a name="Blogger 8">Hasilnya</a></h2>
<p>Hasilnya bisa dilihat disini</p>
<h2>Blogger 9</h2>
<p>Judul Tulisan bla bla bla bla bla</p>
<h2>Blogger 10</h2>
<p>Judul Tulisan bla bla bla bla bla</p>
Judul Tulisan bla bla bla bla bla
Judul Tulisan bla bla bla bla bla
Judul Tulisan bla bla bla bla bla
Judul Tulisan bla bla bla bla bla
Judul Tulisan bla bla bla bla bla
Judul Tulisan bla bla bla bla bla
Judul Tulisan bla bla bla bla bla
Hasilnya bisa dilihat disini
Judul Tulisan bla bla bla bla bla
Judul Tulisan bla bla bla bla bla
Mudah ya, sip selamat mencoba !
Menanggapi dan melihat pertanyaan sobat Fachry pada postingan widget sharing is sexy, dengan tampilan widget yang muncul pada halaman depan blog. Seharusnya widget tersebut munculnya pada halaman postingan atau setelah read more di klik. Ada sedikit kode yang harus sobat ketahui untuk meletakkan widget, ingin di letakkan pada halaman depan blog saja atau hanya ingin meletakkan widget pada halaman postingan. 2 kode ini saya rasa mutlak wajib sobat mengerti fungsinya, buat yang belum mengerti berikut HTML-nya.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
LETAK WIDGET
</b:if>
Meletakkan widget hanya pada halaman postingan (post page)
<b:if cond='data:blog.pageType == "item"'>
LETAK WIDGET
</b:if>
Pada kasus yang dialami sobat Fachry adalah widget sharing is sexy muncul pada halaman depan blog, padahal seharusnya widget tersebut hanya muncul pada halaman postingan. Untuk itu kode yang digunakan adalah kode yang nomor 2. Sehingga kode lengkapnya untuk widget sharing is sexy tersebut adalah :
<b:if cond='data:blog.pageType == "item"'>
<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-ID' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/>
</div>
</b:if>
Saya hanya memberikan 2 kode yang wajib sobat ketahui, sebenarnya masih ada beberapa kode lagi untuk peletakkan widget-widget di blog. Semoga bermanfaat !
Beberapa hari ini shoutmix sering mengalami error pada link penulis, sehingga banyak blogger yang hanya numpang setor tulisan saja tanpa ada link yang bisa di tuju. Jadi sia-sia, ya benar. Sehingga banyak blogger yang beralih ke fasilitas chat online yang lain.
Ada beberapa solusi yang mungkin bisa bermanfaat buat sobat.
Setting di Shoutmix
Tapi hal ini tidak bisa menjamin akan berlangsung lama, mungkin bisa error lagi nantinya.
Mengganti dengan fasilitas chat online gratis lainnya, seperti cbox.ws. Mungkin ini layanan yang sekarang paling banyak digunakan blogger setelah shoutmix mengalami error pada link.
Menggunakan layanan chat online yang mirip dengan shoutmix. Sobat bisa menggunakan http://shoutbox.widget.me seperti yang sekarang saya gunakan. Cukup bagus dan sangat mitip dengan shoutmix.
Tetap menggunakan shoutmix, tetapi dalam penulisan name, isi dengan nama blog sobat dengan lengkap, seperti : miscah.blogspot.com atau blog-zone.info.
Jika punya uang lebih di paypal, silahkan upgrade saja ke premium member. Karena dengan premium member, link shoutmix tetap bisa di klik.
Mungkin hal-hal diatas bisa sobat coba salah satunya, semoga bermanfaat tips singkat dari saya. Selamat melakukan blogwalking !
14k Comments:
Carol Baynes
Thank you for the gift to me, the money has been sent to my account. I will use this money to help my family. I WINNER!!!
Like ·
Reply ·
163 ·
5 mins ago
Carmenza Duran Pena
win money please
Like ·
Reply ·
30 ·
7 mins ago
Lili Ramos
finally I got a car, I will use it to go to school and show my friends. Thank....thanks....tnx
Like ·
Reply ·
71 ·
30 mins ago
Sahra Tulaz
Greattttt,,,,,just register, I get money....Thnk
Like ·
Reply ·
139 ·
43 mins ago
Mari Odaka
god blessssss you.....
Like ·
Reply ·
133 ·
47 mins ago
Mary Tait
Loved this!!!
Like ·
Reply ·
168 ·
54 mins ago
Tobias Tollbom
Loved it!
Like ·
Reply ·
146 ·
56 mins ago
King Ho
pick me please!!!!
Like ·
Reply ·
80 ·
1 hrs ago
Shiran Huber
Great..I love U!
Like ·
Reply ·
106 ·
1 hrs ago
Melissa Cameron
thank you for your humanity
Like ·
Reply ·
193 ·
2 hrs ago
Hytham Behiry
I love this site!!!!!!!
Like ·
Reply ·
132 ·
2 hrs ago
Brian Hutchison
Wow awesome good
Like ·
Reply ·
71 ·
2 hrs ago
Danielle Cossack-Barbieri
i winner..thank
Like ·
Reply ·
64 ·
3 hrs ago
Paige Hubbs
i registered good luck for me
Like ·
Reply ·
2 ·
4 hrs ago |