Cara dan Tutorial memasang Widget Media Sosial Bookmark di Blog atau Website Anda

"Sosial Bookmarking" merupakan situs di mana terdapat fitur untuk menyimpan, mengelola dan berbagi atau menyebarkan alamat website (url)  yang dianggap favorit. Pada prinsipnya "Situs Sosial Bookmark" adalah situs yang dimana dimanfaatkan untuk tujuan bookmark artikel dari berbagai website atau blog yang pada akhirnya situs yang mensubmit artikelnya tadi akan mendapatkan trafik yang lebih besar selain dari hasil pencarian, selebihnya yang menurut pakar seo kalau hal ini adalah membangun "SEO" alias membuat "BACKLINK" yang menuju ke blog atau website kita. itulah tujua utamanya dari situs bookmark.

Media Sosial Bookmark "Bloggerterms"

Sedangkan  Fungsinya yaitu membagikan artikel yang ada di Postingan Blog atau Website Anda ke situs sosial seperti Digg, Facebook, Twitter s dll. sehingga akan memudahkan mesin Pencarian (Search Engine) menemukan Artikel Anda.

Keuntungan yang didapat dengan menggunakan Social Bookmarking itu sendiri diantaranya sbb :

• Mendatangkan banyak pengunjung ke situs yang kita miliki
• Artikel terlihat oleh banyak orang, jika disubmit ke berbagai Sosial Bookmarking.
• Mempermudah Mesin Pencarian (Search Engine) mengindeks artikel anda.
• Mendapatkan Backlink dari Sosial Bookmarking.
• DLL

Maka dari Itu, Gunakanlah Media Sosial Bookmark untuk meningkatkan Kualitas dan kwantitas dari Situs Blog ataupun Website anda dengan memasang "Widget Media Sosial Bookmark" didalam Blog atau website anda.
Langkah-langkah yang harus anda lakukan sbb:
Pertama-tama silahkan anda Login terlebih dahulu ke Blogger  anda,

Kemudian, Pilih Rancangan -- Edit Html -- Ceklist Expand Template Widget, 

Silahkan Anda cari kode di bawah ini ( Tekan ctrl-F )

</head>

Letakan kode tersebut di bawah tepat sebelum kode di atas,

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/screen2.css' media='all' rel='stylesheet' type='text/css'/><script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/execute.js' type='text/javascript'/>

Selanjutnya, silahkan cari kode berikut ini :

<data:post.body/>

Lalu, Letakan kode di bawah ini sesudah kode di atas,
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<center>

<ul id='nav-shadow'>
<li class='button-color-1'><a expr:href='&quot;http://twitter.com/home/?status=Currently reading-&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Tweet This Post'/></li>
<li class='button-color-2'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='button-color-3'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='button-color-4'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='button-color-5'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li></ul></center>
<a href="http://bloggerstop.net/2009/10/bounce-share-social-bookmarking-widget.html" target="_blank"><span style="font-size: x-small;">Get this widget</span></a>
</b:if>

Setelah semuanya telah terpasang dengan benar, lalu anda langsung Simpan (Save) Template anda tersebut dan lihat hasilnya...

Nah, Demikanlah "Cara dan Tutorial memasang Widget Media Sosial Bookmark di Blog atau Website Anda". Selamat Bekerja and Semoga Sukses.

Read More »

10:04 AM | 0 comments

Cara Membuat Readmore Pada Artikel Postingan Blog

Untuk versi template classic aku udah pernah bikin Tutorial-nya, akhir-akhir ini banyak banget yang nanya, akhirnya aku nyari info, malah ketemu di helpnya blogger, How can I create expandable post summaries?. Tapi jangan langsung di cobain, aku udah nyoba beberapa kali tapi gagal kalo ngikutin yang dari helpnya blogger, terutama pada bagian style/css nya.

Caranya:

Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML

Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates

Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:

<style>
<b:if cond='data:blog.pageType == "item"'> 

   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>

Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

Contoh penulisan posting:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>

Hasil akhir postingan akan seperti ini:

Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.Read more..

Selamat Mencoba!

Read More »

3:37 AM | 0 comments