Cara Membuat Pos Populer AMP Blogger yang Valid

Cara Membuat Pos Populer AMP Blogger yang Valid

Redaksi    21:59   

Jika Anda mengalami Kesalahan saat memasang posting populer widget itu adalah hal yang wajar karena widget di blogger menggunakan kode [gaya eksternal] bukan AMP yang valid, karena blogger sendiri tidak menyediakan widget AMP yang valid, jadi untuk mengatasi widget yang error seperti populer posting widget, kita harus memasukkan kode html di template atau mengedit widget yang error di blog AMP.

Langkah Buat Widget Postingan Populer Valid AMP

Seperti yang telah dibagikan oleh kompi ajaib, untuk membuat widget posting populer untuk blog AMP, Anda dapat mengedit widget posting populer yang telah kami pasang atau kami dapat menambahkan kode widget posting populer baru di template AMP blog.

Pertama, tambahkan widget dalam tata letak seperti biasa, ini akan memudahkan kita untuk meletakkan kode posting populer yang AMP valid.

• 
  
  
  
   
  
  
   
  
  
   
  
  
  
  
   
  
  

  
  
     

  
  
  

  
  

  
  

  
  
  
  
   
  

  

Kedua, Edit html template Anda dan cari kode Popularposts1 hapus semua kode dari  

kode atau ganti semua kode populars css jika template Anda sudah ada.

Selesai simpan template.

Dengan menggunakan kode html di atas maka widget popularposts tidak error lagi.

Untuk itu, uji validasi AMP dapat diperiksa dengan amptest.

Cara Membuat Tombol Share dan Bookmark Keren di Blog atau Website

Cara Membuat Tombol Share dan Bookmark Keren di Blog atau Website

Anonymous    09:56   

Dipostingan Saya kali ini, Saya akan share yang membahas tentang bagaimana cara membuat tombol share dan bookmark yang keren di blog, baik itu tombol share dari facebook, twitter, google plus, ataupun yang lainnya, seperti yang Kamu lihat di sidebar blog Saya.

Untuk caranya ikuti tutorial dibawah ini :

1. Log in ke blogger Kamu
2. Pilih tata letak, klik add gadget
3. Lalu masukan kode dibawah ini :

<div class="addthis_toolbox">
<div class="custom_images">
<a class="addthis_button_twitter" href="http://www.blogger.com/blogger.g?blogID=6041134822751033457"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgndOWhAxYNpP94JDb3lnH13aOw0BdC2M1eC8Z_nhIT6xPOKr6hOqGvKbHqHS_6PJjfShmeR30DyX_rxSzXB2MHTansl3NmgDsROz_bvB9M8c0aW8db6ZA3nkrluEec7VIl2uUzPy8IW74/s1600/twitter.png" height="35" width="35" /></a>
<a href="https://plus.google.com/" target="_blank"><img alt="Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ_ecWDbz8TrXT-PK2l5T-1D67tlmS1V4nWaUD800vSAJNLm5u31m5NSLKEwdmDK6_fL6RjjRQbB9gpspADLrvEYr2CSm8krNcgJFEC7fi1K932K6vvGR3RPGheDLOcM9ck3T5-rvAtck/s1600/gplus.png" height="35" width="35" /></a>
<a class="addthis_button_facebook" href="http://www.blogger.com/blogger.g?blogID=6041134822751033457"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2hzASCdkG_Y-MNDGPUkCXX41VYEWub2ogSCqsBviUX6OOYUnBOZLipUC8oBz_nwS_0fHvVkg6rowy2pVb3GfSqK05FfGx1_oPStX1HIazwycees5WEdrktd_710LAAYfBThmv55LLyeg/s1600/facebook.png" height="35" width="35" /></a>
<a class="addthis_button_digg" href="http://www.blogger.com/blogger.g?blogID=7451311509500276310"><img alt="Digg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiALCrbrYilqVdzfuZEw0c-n9zyowG4iGBwA_PLytuhfzJou88-tP2PiglQ_x7LOe4NKJN4Tf8YJjs12ag68yhCXdVxkbwEwgf2iujSGZAddFgSPrHO5hizJfX4pzqYxwYmOYcRKXYvSHM/s1600/digg.png" height="35" width="35" /></a>
<a class="addthis_button_stumbleupon" href="http://www.blogger.com/blogger.g?blogID=6041134822751033457"><img alt="Stumbleupon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGt3gVDSUH-aX2JtKHJSb7tkdRl3jcf4tdKHHYmrume5-9152aj7FgOmPxXN_FjwtnP0h_3LEli5bAlQR949HiYllEUBfAEOiFq9yjPm3_MIergqjNLMw8RFBGj3UwwW7SuWFHG4f3gw/s1600/stumbleupon.png" height="35" width="35" /></a>
<a class="addthis_button_favorites" href="http://www.blogger.com/blogger.g?blogID=6041134822751033457"><img alt="Favorites" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy7Lbvt4SZjFbJcde9-liVCey2pe69yBO2LBHk8Ls2JwQ-0svgTl7VVt1EOYdhhQ-he1tP6qb4oslYqI4-oznnX6ThO8UiXxU4scjygu-WyuQdA1ZMeY3fN0Uqwwebb5SpSmjAc2BKDgc/s1600/favorites.png" height="35" width="35" /></a>
<a class="addthis_button_more" href="http://www.blogger.com/blogger.g?blogID=6041134822751033457"><img alt="More" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrZ8dyaPinDXEifcfJn-5_5MRiWAzxnKWj718sTCDXu7bXCGo51p8-CVdfhSAyAF2iyFKPGq0rmlpQgIc3WsFRREPdbUbkqWQZeAuxKlQNmCKyKO1QoVFfNT3m2ILrlEWLAlF3xZ7a9RA/s1600/more.png" height="35" width="35" /></a>
</div>
<script src="http://s7.addthis.com/js/250/addthis_widget.js" type="text/javascript"> </div><br /></script></div>
<div style="clear:both;"></div>

4. Simpan dan lihat hasilnya

5. Mudahkan, Selamat Mencoba,,,

Cara Buat Widget Popular Post Keren Di Blog atau Website

Cara Buat Widget Popular Post Keren Di Blog atau Website

Anonymous    09:42   

Selamat Malam Teman Blogger, tentunya dengan menambahkan Widget Popular Post Keren Di Blog atau Website akan semakin terlihat cantik dan menarik. Banyak sekali gaya atau style yang kita inginkan untuk menambah widget demi memperindah tampilan blog.



Berikut ini langkah langkah cara membuat widget popular post yang keren :

- Langkah pertama pastikan widget popular post anda sudah aktik/terpasang (cara pasang : login ke blogger > klik tata letak > klik add gadget > klik populer entri> kemudian klik save/simpan)

- Setelah langkah diatas berhasil silahkan masuk ke template>edit HTML>centang Expand Template Widget, Cari kode seperti ini ]]></b:skin> untuk mempercepat pencarian tekan CTRL+F.

- Setelah berhasil menemukan kode di atas copy dan pastekan kode berikut tepat di atasnya :

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none} #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

Langkah terakhir SAVE dan lihat hasilnya. Selamat mencoba sob.

Pasang Widget SMS Gratis Untuk Meningkatkan Traffic Pengunjung Blog

Pasang Widget SMS Gratis Untuk Meningkatkan Traffic Pengunjung Blog

Anonymous    15:24   

Widget SMS Gratis adalah widget yang menyediakan layanan pengiriman SMS gratis. widget ini bisa dipasang diwebsite dan blog anda dengan tujuan :

penunjung akan kembali ke blog anda bila ingin kirim sms lagipenerima sms akan mendapatkan teks iklan yg bisa anda tentukan sendiri, misalnya alamat blog anda, harapannya dia akan akan mencoba sms gratis juga dengan membuka blog anda

Pilihan widget sms yaitu :

• WIDGET 1 (banner = NO , iklan sms = YES)
  Widget SMS Gratis tanpa banner, Widget SMS Gratis ini bisa anda pasang diwebsite anda tanpa banner iklan di widget, tapi iklan muncul di setiap akhir sms yang dikirim.
• WIDGET 2 (banner = YES, iklan sms = NO)
  Widget SMS Gratis tanpa sms iklan diakhir teks sms, Widget ini tanpa iklan di akhir SMS tapi ada iklan banner kecil di bawah widget.
• WIDGET 3 (banner = YES, iklan sms = YES)
  Widget SMS Gratis dengan iklan diakhir sms, tapi ini iklan bisa anda tentukan sendiri, Widget ini ada iklan banner kecil di bawah widget. Misalnya ada punya blog atau website dg nama www.tobadak.com, maka setiap pengunjung mengirim SMS akan ada teks -www.tobadak.com- di akhir setiap sms yg dikirim.

CARA PASANG WIDGET UNTUK BLOGSPOT
1. Silahkan login ke akun Blogger anda
2. Klik menu Rancangan
3. Lalu klik add gadget atau “tambah gadget”
4. Selanjutnya pilihlah gadget Java script/HTML
5. Dan isikan kode berikut ke dalamnya

Wedget 1

<iframe name="wg1" src="http://sms600.com/wg1"
frameborder="0" width="250" height="290"></iframe>

Wedget 2

<iframe name="wg2" src="http://sms600.com/wg2"

frameborder="0" width="250" height="290"></iframe>

Wedget 3

src="http://sms600.com/wg3/index.php?
teks="www.tobadak.com" frameborder="0"
width="250" height="290"></iframe>





Contoh tampilan WIDGET 3


Sumber : www.sms600.com

Pasang Musik Player di Blogspot atau Website

Pasang Musik Player di Blogspot atau Website

Anonymous    08:35   

Musik mungkin bagi sebagian orang adalah sumber inspirasi. Tiada hari tanpa musik, mungkin begitu slogannya. Segala aktivitas akan terasa hambar tanpa mendengarkan musik, begitu juga dengan aktivitas blogging Anda. Jika Anda adalah penggemar musik dan ingin blogging sambil  mendengarkan musik, pada tutorial kali ini saya akan membahas tentang bagaimana cara memasang musik player di blog. Dengan memasang musik player di blog maka tidak hanya anda tetapi pengunjung blog anda juga bisa menikmati lagu kesayangan anda. Sehingga cara ini sangat cocok bagi anda yang blognya berisi tentang musik atau bagi anda yang ingin mempromosikan lagu pribadi.

Banyak sekali situs layanan musik player untuk dipasang di blog yang beredar di internet. Dari sekian banyak layanan yang ada. Menurut saya ada 2 musik player yang cukup bagus yakni Musik-live daneSnips. Kedua musik player ini masing-masing memiliki kelebihan dan kekurangannya. Sehingga silahkan anda tentukan sendiri mana yang lebih cocok untuk dipasang diblog Anda.

Kali ini kita akan menggunakan widget dari Musik-live.net  [screenshoot-nya seperti ini]

Baiklah, kita mulai saja langkah-langkahnya :

1. Pertama yang mesti dilakukan adalah buka browser dan ketikan http://www.musik-live.net 
2. Kemudian klik Skin Mp3 Player 
3. Pilih Skin/tampilan yang anda inginkan, klik Preview skin untuk melihat tampilannya
4. Copy kodenya
5. Masuk ke Blogger dengan ID anda
6. Klik menu Tata Letak -> Elemen Laman 
7. Klik Tambah Gadget 
8. Pilih HTML/Javascript 
9. Pastekan pada kota HTML/Javascript 
10. Simpan, selesai

Kelebihan:

• Lagu sudah tersedia, tinggal pasang
• Banyak model skin yang bisa anda pilih

Kelemahan:

• Tidak bisa upload lagu sendiri

Catatan: 

Cara diatas lagu yang muncul adalah lagu yang sudah disediakan. Jika anda ingin memilih sendiri lagu yang ingin ditampilkan berikut caranya :

1. Pada halaman depan Musik-Live, cari lagu favorit anda dengan kotak pencari.
2. Lalu klik Play & Embed code untuk menampilkan kodenya
3. Copy kodenya lalu paste ke menu HTML/ Javascript blogger anda.
4. Selesai

Catatan: 

Cara ini hanya bisa untuk memutar 1 lagu saja. Jika anda ingin memutar banyak lagu maka gunakan eSnips.

Banyak sekali pilihan jenis musik player yang ingin dipasang di blog, terserah Anda mau pilih yang mana. Dan semuanya sangat gampang dalam proses pemasangannya. Demikian tadi tutorial singkat dari saya mengenai cara memasang musik player di blog, semoga bermanfaat dan selamat mencoba.

Semoga Bermanfaat....

Pasang Related Post Pada Template

Pasang Related Post Pada Template

Anonymous    10:25   

Sore tadi sambil nunggu bedug magrib ada dua kegiatan dalam per blogan ini, yang pertama menjawab pertanyaan tentang cara Buat Logo atau Banner dengan Cool Text , bisa lihat disini atau bisa yang ini dan yang kedua menambahkan artikel yang berhubungan atawa Related Post Pada Template, buktinya sekarang disetiap postingan Saung Web ada Related Post nya. hehehe.. sebelum lupa atau jika nanti diperlukan lagi.. segera saja posting tentang Pasang Related Post Pada Template. atau

Ada beberapa versi untuk related post ini dan yang dipakai Saung Web mungkin yang paling simple, script nya sedikit gak seperti versi lainnya. Ohya perlu diingat juga bahwa kita mesti jeli apabila template yang mau di ubah itu sudah ada redmore nya, sebab susunan kode2 nya agak beda. Seperti template yg dipakai saung web ini juga dah ada redmorenya.

Langsung meluncur ke TKP.. inilah cara Pasang Related Post Pada Template Blog :

1. Login ke dashboard , pilih EDIT MTML , contreng exspand widget template

2. Cari kode seperti ini :

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>

3. Pada template Saung web yg sudah ditambah redmore, kodenya seperti ini :

<data:post.body/>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='&quot;javascript:showFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0);'>[+/-] Red More....</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='&quot;javascript:hideFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0);'>[+/-] Ringkasan....</a></p>
</span>
<script type='text/javascript'>checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;)</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Paste code yg diminta No. 4 disini
<div class='post-footer'>

4. Copy kode <div id='related_posts'/> dan paste di antara

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Paste di sini <div class='post-footer'>

5. Untuk yang sudah ada redmorenya lihat tempat paste codenya pada pint 3 diatas.

6. Setelah itu copy kode ini dan Paste di atas </body>

<script src='http://www.google.com/jsapi'/>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

7. Selesai , jangan lupa simpan template. Lihat hasilnya

Kalau berminat , silahkan di coba…. Kalau berhasil pertanda dosanya kecil.. hihihik..

Tampil Beda Dengan Template Baru

Tampil Beda Dengan Template Baru

Anonymous    09:36   

Hampir 3 malam mengoprek blog ini.. didasari ingin Tampil Beda Dengan Template Baru akhirnya selesai juga walaupun masih belum semua. Dengan seperti ini sudah cukup memberikan kepuasan karena merupakan hasil maksimal dari perawatan medis selama 3 malam itu. Yang ngerawatpun bukan dokter spesialis tapi hanya seorang mantri blog yang sok tahu . hehehhe... Hikmah yang dapat diambil dari ganti template ini ternyata banyak sekali, walaupun pada awalnya mau nyerah aja n kembali ketemplate lama. Ohya template yang lama berasal dari Blogging Pro template Kang Hakimtea dan sekarang pakai fress magazine template dari NdyTeen, sang creator sama-sama mengklaim bahwa template yang ini atau yang itu adalah SEO Friendly.. Wallahualam, pokoknya download aja cooy...

Beberapa hikmah yang dapat diambil setelah ganti template ini diantaranya merefresh kembali ingatan kita tentang tutorial blog dalam mengoprek template, betapa tidak karena memang seperti dari awal lagi, mulai dari memasukan meta tag, keyword, membuat fungsi readmore, membuat menu dsb, karena template yang lama terhapus..walaupun sudah dibackup tapi tak banyak membantu, malah tambah puyeng.. apalgi yang awam soal pemograman, soalnya template yang satu dengan yang lain berbeda.

Dari semua hal yang telah dialami dan dikerjakan diatas akhirnya..saya jadi punya banyak bahan untuk posting.. hitung-hitung sekalian mendokumentasikan tentang apa yang telah dilakukan slama kurun waktu perawatan ini dan juga sebagai bahan bila nanti ganti template lagi.. siapa tahu ya kan ???. Naah kira2 inilah yang dapat diambil dari pengalaman ganti template ini.. tak percuma habis kopi sekian gelas, mata belekan, rokok...batang.., nasi goreng... dll... lho kok jadi itung-itungan gini..

Bahan untuk posting itu diantaranya :

1. Tips memilih template blog
2. Cara membackup blog kita
3. Cara mengganti template blogspot
4. Cara memasukan meta tag dan keyword
5. Cara membuat menu bar horizontal
6. Cara membuat dropdown menu
7. Mengganti warna teks judul blog
8. Merubah warna teks link dan judul artikel
9. Merubah background warna pada menu bar
10. Merubah lebar side bar
11. Membuat daftar isi blog versi 2
12. Membuat redmore versi 2
13. Tips membuat recent comments dan recent post
14. Membuat rekomended link
15. Tips mempercepat loading blog
16. Berapa berat blog kita
17. Tips mengurangi beban blog
18. Membuat daftar link denga scrol
19. Membuat link banner dengan scrol
20. Memasang widget Alexa
21. Memasang buku tamu di blog
22. ...lupa..lupa..lupa ... lupa lagi syairnya...eh yang dikerjakan... kayak kuburan band aja.. banyak lupa... mangkanya harus ditulis.. n diposting..

Bagi sobat yang juga mau tampil beda dengan template baru ...kira2 itulah yang mesti dilakukan kembali, dan akan saya coba posting bila sempat, tentu sebagai dokumen dan barang kali ada manfaat nya bagi yang lain. Semoga...

Social Bookmark Indonesia

Social Bookmark Indonesia

Anonymous    09:00   

Masih dalam episode Social Bookmark , kali ini tentang submit artikel ke Social Bookmark Indonesia atau Lokal dan Gratis. Ternyata bila dikumpulkan lumayan juga lho walaupun lokal  namun kualitasnya tak kalah dengan yang situs luar, dan sebaiknya kalau memang goalnya untuk meningkatkan traffic sekaligus inbound link dan alexa rank untuk blog berbahasa lokal juga  maka Social Bookmark Lokal adalah pilihan paling tepat untuk ajang submit artikel.  Apalagi yang bergelut di dunia monetize, manfaatnya tentu banyak sekali logikanya kan kalau kita nyimpam Iklan, berita atau informasi lainnya yang disubmit ke social bookmarking  dan pengunjung merasa penasaran atau menganggap info itu diperlukan maka dia akan memvote dan tentu akan mengklik sumber aslinya.. kan jadi tamu kita tuh..

Sekedar refresh saja bahwa Social Bookmark adalah tempat memasang tautan isi web atau blog agar mendapat link masuk searah ke blog atau web kita. Jadi Social bookmarking termasuk salah satu cara menyimpan, mengorganisir, mencari, dan mengelola bookmark halaman web di Internet.  Konon katanya waktu  pagi dan sore hari serta jelang mulai malam ( 07.00–10.00 , 14.00-16.00 , 19.00-21.00 ) adalah saat yang baik untuk memasukan artikel kita , mungkin itu adalah saat padat pengunjung sehingga kans untuk dilihat atau dibaca pengunjung akan lebih besar..,  masuk akal juga ya..  gitu kira-kira.

Cukup deh basa basinya langsung saja ke daftar Social Bookmark Indonesia dengan Page Rank sampai postingan ini dibuat sbb. :

1. Infogue.com  :  http://infogue.com  , Page Rank 4
   Adalah web site yang berisi informasi dari segala bidang kebutuhan ilmu pengetahuan dan hiburan yang dikumpulkan berdasarkan info trendy, popular dan selalu update untuk dinikmati semua kalangan.
2. Lintas Berita.com :   http://lintasberita.com   ,  Page Rank 4
   Dalam situsnya dikemukakan bahwa Lintas Berita dikunjungan hampir 60.000 pengunjung setiap hari… woow..    
3. Kilasan.com  :  http://kilasan.com  , Page Rank 4
   Adalah situs berita unik, karena di sini Anda aktornya, sumber beritanya, pemilah berita bahkan jadi headlinenya.
4. Your News.Astaga.com :  http://yournews.astaga.com  , Page Rank 4
5. Memburu.info  :   http://memburu.info  , Pagerank 3
6. Antarblog.com  :  http://www.antarblog.com , Page Rank 3
7. Indofeed.com  :   http://www.indofeed.com  , Page Rank 3
8. Liputankhusus.com :  http://www.liputankhusus.com , Page Rank 3
9. dagdigdug.com  :   http://dagdigdug.com  , Page Rank 5
10. fokusmanado.com: http://www.fokusmanado.com ,Pagerank 2
11. kafe Info.com  :   http://kafeinfo.com  ,  Pagerank 2
12. tentang.net   :  http://www.tentang.net , Page Rank 2
13. definisi.net   :   http://definisi.net  ,  Page Rank 2
14. plazzavideo.com  :   http://plazzavideo.com , Page Rank 2
15. kombes.com :  http://bookmarking.kombes.com , Page Rank 2
16. bookmarkindo.com :  http://bookmarkindo.com/id , Page Rank 2  
17. kliksite.com  :  http://kliksite.com   , Page Rank 1
18. Yehiapress  :   http://yehiapress.org  , Pagerank 1
19. Indokami.com  :   http://www.indokami.com  , Page Rank 1
20. …….
21. Kalau ada yang mau menambahkan silahkan masukan di koemtar ya..

Bagaimana cara memanfaatkannya ?? :

1. Copy paste link situs tersebut ke browser anda
2. Daftar atau registrasi dulu di masing2 situs tersebut
3. Isikan data2 yang diminta, seperti user name, Email,  pasword dll.
4. Buka email untuk konfirmasi
5. Login dengan user name dan pasword yang anda masukan tadi
6. Kirim artikel, berita, cerita atau video dengan menyertakan URL nya.
7. Isi kolom yang tersedia seperti judul, deskripsi singkat, tag, trackback dsb..
8. Pokoknya ikuti saja petunjuk disitus tersebut ya.. cape nulisnya nih.
9. Anggap selesai saja…

Itulah situs Social Bookmark Indonesia yang saya dapat setelah googling ke rumah2 sahabat, silahkan dimanfaatkan, pilih yang manasuka mau diborong semua juga gak dilarang.  Kalau blognya mau di  Pasang Widget Social Bookmark Lokal Infogue  klik disini , sedangkan Pasang Widget dari AddThis  klik yang ini.

Selamat mencoba .. Semoga Blog/Websitenya semakin populer, backlink bertambah dan traffic juga meningkat .

Cara Memberi Tombol Share di Atas Posting

Cara Memberi Tombol Share di Atas Posting

Anonymous    05:09   

Cara Memberi Tombol Share di Atas Posting - Cara membuat tombol share di atas / bawah postingan atau cara memasang / pasang tomobl share di atas posting - Setiap apa yang saya posting itu lah yang pernah saya coba atau pasang pada blog saya sendiri, salah satu nya pasang tombol share di atas postingan. Tombol share ini banyak ada tombol share like facebook, tombol share tweet dan banyak lain nya seperti social bookmarking.

Saya sudah merasakan fungsi tombol ini salah satu nya setiap update artikel saya langsung mengunakan tombol share ini untuk share artikel saya di berbagai social network dan submit artikel di berbagai social boorkmarking.

Berikut cara pasang tombol share di atas postingan:

1. Kunjungi website layanan dari www.addthis.com (anda bisa menggunakan layanan lain).

2. Pilih style button yang anda sukai. Setelah itu get addthis.

3. Jika ada form register di close aja, sehingga muncul seperti ini. (jika ingin register silahkan).

4. Copy kode nya, dan modif sedikit kode tersebut untuk mengatur format rata kiri, kanan, dan tengah.

Buat sepert ini <div style='text-align: right;'>Pastekan script addthis disini</div>untuk mengubah format tata letaknya tinggal mengganti right, menjadi left atau center.

Sehingga menjadi seperti ini

<!-- AddThis Button BEGIN -->
<div style='text-align: center;'><div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e01902e6f8880cf"></script></div>
<!-- AddThis Button END →

5. Cari kode  <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> di template sobat, copy script addthis button di atas (pada no 4) letakan tepat di bawah <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

6. Simpan template dan lihat hasilnya.

Cara pasang tombol share sangat berguna sekali untuk share artikel kita di social network dan social bookmarking.

Cara Membuat Related Post atau Artikel Terkait

Cara Membuat Related Post atau Artikel Terkait

Anonymous    04:47   

Cara Membuat Related Post atau Artikel Terkait - Jika Ada yang belum tahu artikel terkait itu apa silahkan lihat di blog ini pada bagian akhir artikel saya ini ada tulisan Artikel Terkait. Fungsinya selain untuk seo, related post / artikel terkait ini juga membantu pengunjung untuk membaca yang lain mungkin yang belum di ketahuinya. Hal ini menyebabkan pengunjung bisa betah berada di blog kita.
Langsung saja cara membuat related post / artikel terkait di blog:

1. Masuk blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
2. Cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

3. Cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

4. Simpan template. Cukup mudah bukan cara membuat related post / artikel terkait. :D
Jika ingin template mu lebih cantik lagi, kamu bisa juga membuat auto readmore di blog, silahkan diklik untuk membacanya.......

Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog

Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog

Anonymous    03:14   

Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog - Posting kali ini kolom blog gratis akan membahas cara  Membuat Buku Tamu Melayang Dan Tersembunyi Di Kanan Atas blog, Membuat buku tamu itu penting karena disitulah para blogger saling menyapa dan memberikan pendapatnya mengenai blog sobat. Namun salah satu yang bikin masalah yaitu mencari peletakanya. Kadang para blogger binggung memasangnya dimana. Nah kalo masalah itu ada solusinya yaitu memasang Buku tamu yang melayang. Maka dari itu sebelum memasang ini harus diperhitungkan juga masalah kecepatanya. fitur buku tamu ini sangat disarankan untuk dipasang. Hal ini dikarenakan dengan adanya buku tamu, sobat menjadi tahu siapa saja yang sudah berkunjung di blog sobat. Dan tidak hanya itu buku tamu bisa berfungsi sebagai chatting ( komunikasi ) antara sobat pemilik blog dengan pengunjung, Berikut ikuti langkahnya :

1. Daftar ke Shoutmix untuk dapatkan kode buku tamu.
2. Masuk / Login ke blogger dengan ID sobat.
3. Pilih ke menu Rancangan ( Element laman ).
4. Pilih Tambah Gadget - Pilih HTML / Javascript.
5. Copy paste kode html dibawah ini :
   <style type="text/css">
   #gb{
   position:fixed;
   top:60px;
   z-index:+1000;
   }
   * html #gb{position:relative;}
   
   .gbtab{
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq3bZhxbSnUCce8ypWBRMaVoTM_oI6aCKVw2GQC7SFIL1GyHnTEeWUCCQmVxrsXXuplIIizqZ6IID5YSSkrfamDqre48mAHmtP6PO07TpWb6zNtwgaBYtDYmGkg2jD6VdUyn3BSOoo3GM/s1600/ChatBox-.png') no-repeat;
   }
   .gbcontent{
   float:left;
   border:3px solid #000000;
   background: #F5F5F5;
   padding:10px;
   }
   </style>
   <script type="text/javascript">
   function showHideGB(){
   var gb = document.getElementById("gb");
   var w = gb.offsetWidth;
   gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
   gb.opened = !gb.opened;
   }
   function moveGB(x0, xf){
   var gb = document.getElementById("gb");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   gb.style.right = x.toString() + "px";
   if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
   }
   </script>
   <div id="gb">
   <div class="gbtab" onclick="showHideGB()"> </div>
   <div class="gbcontent">
   
   ..:: Paste Kode Buku Tamu Sobat Disini ::..
   
   <div style="text-align:right">
   <a href="http://kolombloggratis.blogspot.com">
   [Free ShoutMix]
   </a>
   </div>
   </div>
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.right = (30-gb.offsetWidth).toString() + "px";
   </script></div>
6. Kemudian Klik simpan
7. Selesei.

Catatan Penting!!! Jangan satukan dengan Iklan Melayang karena akan menjadi kacau balau, Semoga Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog bisa bermanfaat dan tambahkan jaring teman diKolom Blog GRATIS,...

Membuat efek image fade pada gambar blog dengan Jquery

Membuat efek image fade pada gambar blog dengan Jquery

Anonymous    01:44   

Efek dari Jquery 1.5.2 tersebut ialah berfungsi untuk seluruh gambar pada halaman blog, dan membuat gambar pada halaman blog menjadi transparan ketika tidak tersentuh kursor dan menjadi terlihat jelas ketika tersentuh kursor atau sebaliknya. sobat dapat lihat gambar dibawah ini ;

jika sobat Blogger Tutorial Web ingin memasang efek tersebut, ikuti langkah sebagai berikut :

1. Login pada blog yang ingin sobat pasang efek Jquery lalu pilih rancangan
2. Edit HTML dan centang Expand Widget Template  
3. Cari kode </head> kemudian Copy/Pastekan kode yang di bawah ini tepat di atas kode </head
   

   <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
   <script type='text/javascript'>
   $(document).ready(function() {
   $(&#39;img&#39;).fadeTo(&#39;medium&#39;, 0.5);
   $(&#39;img&#39;).hover(function() {
   $(this).fadeTo(&#39;medium&#39;, 1.0);
   }, function() {
   $(this).fadeTo(&#39;medium&#39;, 0.5);
   });
   });
   </script>

4. Pada kode yang berwarna merah adalah kode Jquery 1.5.2, apabila di blog sobat suda ada Jquery-nya maka pemasangan Jquery tersebut tidak perlu dilakukan
5. Simpan

Keterangan....