Cara Memasang Tombol Share Facebook, Twitter dan Google+ Di Bawah Judul Artikel

Jika blog Anda belum ada fitur share facebook, twitter dan Google+ mka sekarang saatnya Anda bisa menambahkan fitur tersebut karena kali ini saya akan bagikan tips bagaimana memasang tombol share Facebook, Twitter dan Google+ di bawah judul artikel. Contohnya bisa Anda lihat di blog Masrahmat.Com ini, dibawah judul artikelnya ada tombol sharenya. Untuk template blogger bawaan dari Blogger biaanya sudah dilengkapi tombol share facebook, twitter dan Google+. Cara ini diperuntukkan bagi Anda yang blognya beum ada tombol sharenya.

Fungsi tombol share Facebook, Twitter dan Google+ ini tentunya adalah agar link blog kita bisa tersebar ke akun Facebook, Twitter dan Google+ orang yang membaca blog kita sehingga blog kita juga bisa berpotensi dibaca oleh teman-teman pengunjung yang membaca blog kita. Jadi intinya bisa membantu meningkatkan pengunjung blog kita. Nah, bagaimana cara memasang tombol share Facebook, Twitter dan Google+ ini ?

Berikut ini cara memasang tombol share Facebook, Twitter dan Google+ di bawah judul artikel blog:

1. Login ke Blogger.com kemudian klik Tata Letak => Edit HTML

2. Kemudian cari kode yang sesuai untuk dibawah judul artikel. Misalnya cari kode  <div class='post-header-line-1'/>

3.Setelah ketemu, Anda tinggal copy paste script tombol share facebook, twitter dan google+ berikut ini persis dibawah kode tadi.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Jangan lupa di share ya :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>

<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>

<div style='float:left;padding-left:5px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>

3. Kemudian klik Save Template dan lihat hasilnya.

Bagaimana sobat ?. Gampang kan ?.

Demikianlah tips bagaimana cara pasang tombol share facebook, twitter dan google+ di bawah judul artikel blog blogspot. Semoga bermanfaat untuk Anda.

Read More

Membuat Slide Menu horisontal dibawah posting

OK... bila anda berminat memasang tombol ini, silahkan anda bisa ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Cari kode di bawah ini atau yang mirip dengan kode ini :

</head>

7. Copy kode dibawah ini dan paste sebelum kode </head>:

8. Copy kode dibawah ini dan paste setelah kode diatas :

<style type='text/css'>

ul#menu-slide-cbwg .item-1 a:hover
{ background-image: url(https://lh3.googleusercontent.com/-8Ig-Nhj-zsU/TiHQPIkd_KI/AAAAAAAAA4I/KxPQ5iZgBXA/s104/home.png);}

ul#menu-slide-cbwg .item-2 a:hover
{ background-image: url(https://lh6.googleusercontent.com/-nuD-DiQQIq4/TiHQPhqCfCI/AAAAAAAAA4M/oDSH5xMZdc4/s104/id_card.png);}

ul#menu-slide-cbwg .nitem-3 a:hover
{ background-image: url(https://lh5.googleusercontent.com/-eZ55yl4Z_fQ/TiHQQX_WQuI/AAAAAAAAA4U/D4GjeJ2FLLg/s104/promotion_new.png);}

ul#menu-slide-cbwg .item-4 a:hover
{ background-image: url(https://lh6.googleusercontent.com/-seiG7u6dYL4/TiHQQmB6LEI/AAAAAAAAA4Y/9razNbNcvWc/s104/rss.png);}

ul#menu-slide-cbwg .item-5 a:hover
{ background-image: url(https://lh6.googleusercontent.com/-kAEzDRvNYlY/TiHQP2rBcRI/AAAAAAAAA4Q/GBw4l-UElWQ/s104/mail.png);}

</style>

Catatan :

• Teks merah adalah ULR Icon yang ada pada setiap menu. Silahkan anda bisa ganti ULR dan Iconnya sesuai dengan menu yang anda buat.
• Sebagai refrensi, anda bisa dapatkan macam - macam bentuk icon di http://dryicons.com/free-icons/
• Anda bisa menambah dan mengurangi jumlah item menu, sesuai kebutuhan anda, tapi disesuaikan dengan lebar area yang ada.

9. Langkah selanjutnya cari kode di bawah ini atau yang mirip dengan kode ini :

<data:post.body/>

10. Copy kode dibawah ini dan paste setelah kode<data:post.body/>:

<ul id="menu-slide-cbwg">
 <li class="item-1">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-1</span></a>
</li>

 <li class="item-2">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-2</span></a>
</li>

 <li class="item-3">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-3</span></a>
</li>

 <li class="item-4">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-4</span></a>
</li>

 <li class="item-5">
<a href="ULR HALAMAN/ARTIKEL"><span>MENU-5</span></a>
</li>

</ul>

Catatan :

• Bila sudah menggunakan fasilitas "read more" letakkan kode<data:post.body/> setelah kode yang kedua.
• Teks warna BIRU pada kode ini harus sama dengan teks warnaBIRU yang ada pada kode diatas

11.SIMPAN TEMPLATE.

Oh iya.... menu ini juga bisa diletakkan dimana saja seperti tab menu dibawah header.

Selamat mencoba dan Semoga bermanfaat....

Sumber : Tutorial Blogger

Read More

Cara Mudah Pasang YM Di Blog

YM atau Yahoo Messenger kadang cukup penting di pasang di blog karena hal itu bisa menunjukkan pada pengunjung bahwa kita sedang online atau tidak. Cara pasang YM di blog sebenarnya cukup mudah, kita tinggal copy kode script YM kemudian pastekan di blog.

Berikut ini kode script YM yang bisa Anda copy:

<a href="ymsgr:sendIM?Id_yahoo_kamu"> <img src="http://opi.yahoo.com/online?u=Id_yahoo_kamu&amp;m=g&amp;t=0&amp;l=us"/></a>

Untuk "t" adalah tipe gambar status YM dan Anda bisa memilih sesuai pilihan di bawah ini:
Untuk icon 0-5

Untuk icon 6-8

Untuk icon 9-16

Untuk icon 16-24

Demikianlah cara mudah pasang YM di blog, semoga bermanfaat buat Anda.

Read More

Cara Pasang Rich Snippet Di Blogspot Dengan Mudah

Rating bintang snippet merupakan salah satu layanan yang disediakan oleh Google yang mampu membuat tampilan hasil SERP lebih bagus karena menampilkan beberapa tanda bintang berjumlah 5 sehingga mampu menarik perhatian pengunjung (eye catching) untuk mengeklik dan mengunjungi artikel kita dengan tanda bintang yang disandangnya tersebut. Menurut saya pemasangan rating bintang snippet perlu untuk dilakukan karena merupakan salah satu cara mempercantik tampilan blog dan mempercantik tampilan SERP. Oke langsung saja saya mulai tutorial cara membuat rating bintang snippet di blogspot:

>> Daftar dan buat dahulu akun Google+. Untuk membuatnya silahkan menuju ke sini => https://plus.google.com/pages/create

>> Setelah akun Google+ selesai dibuat maka selanjutnya mengalihkan profil Blogger ke Google+
Caranya:

• Masuk ke dasbor blog kalian.
• Pilih tombol Terhubung ke Google+

• Jika terbuka halaman baru maka klik Beralih Sekarang Juga. Lalu di bagian Kontirbutor Untuk centang blog sobat lalu Tambahkan Blog.

>> Setelah selesai semuanya, sekarang saatnya masuk ke mengoprek kode HTML blog sobat. Langkah-langkahnya:

• Login Blogger.
• Pergi ke Design/Rancangan > Edit HTML, beri centang pada "Expand Widget Templates".
• Cari kode <head> dan letakan kode berikut dibawahnya
  
  

  <b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/102285791405845958439' rel='publisher'/></b:if>

  
  
• Ganti yang berwarna Merah dengan ID Google Plus Sobat masing-masing, dan Perhatikan kode berwarna Biru (biasanya sudah ada) bila sudah ada tinggal disisipkan saja kode yg berwarna Hijau seperti pada kode diatas.
• Lanjut cari kode <body> , dan letakan kode berikut tepat dibawahnya
  
  

  <div> <div itemscope='' itemtype='http://data-vocabulary.org/Review'>

  
  
• Cari lagi kode </body> dan letakan kode berikut tepat diatasnya
  
  

  </div></div>

  
  
• Selanjutnya carilah kode HTML judul postingan sobat, Ini yang rada ribet, tapi kalo dicermati yo gampang sebenernya. Karena setiap template blog memiliki kode judul postingan yang berbeda-beda seperti h1, h2, h3 . Dan rata-rata yang judul posting mempunyai tag heading h3. Kalo di blog saya sendiri kode judul postinganya ada di tag heading h2. Lihat gambar dibawah ini biar jelas:
  
  
  
  
• Lebih mudah lagi bagi sobat yang sudah memasang breadcrumbs, biasanya kodenya ada dibawah kode breadcrumbs navigasi blog. Perhatikan gambar diatas, tambahkan kode yang di block warna hitam. Hasilnya bila ditampilkan dengan kode akan seperti dibawah ini:
  
  

  <span itemprop='itemreviewed'><span itemprop='description'> 
  <h2 class='post-title entry-title'> 
  <b:if cond='data:post.link'> 
  <a expr:href='data:post.link'><data:post.title/></a> 
  <b:else/> 
  <b:if cond='data:post.url'> 
  <a expr:href='data:post.url'><data:post.title/></a> 
  <b:else/> 
  <data:post.title/> 
  </b:if> 
  </b:if> 
  </h2>
  </span>
  </span> 

  
  
• Tambahkan kode yang diberi warna merah.
• Lanjut lagi cari kode <span class='fn'><data:post.author/></span> dan tambahkan kode yang berwarna merah, maka hasilnya akan seperti ini:
  
  

  <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>

  
  
• Masih ada lagi sob, hehehe... yang baca aja capek, apalagi yang nulis yah ?? :)) 
• Langkah selanjutnya proses pemasangan Rating bintang Rich Snippetnya di Artikel blog sobat. Caranya cukup mudah tinggal sobat beri kode dibawah ini di setiap posting blog:
  
  

  Rating: <span itemprop="rating">4.5</span>

  
  Atau bisa dengan kode yang lebih lengkap:
  
  

  Rating: <span itemprop="rating">4.5</span>
  Description: <span itemprop="description">ISI JUDUL POSTING SOBAT</span>
  Reviewer: <span itemprop="reviewer">NAMA AUTHOR SOBAT</span> - Itemreviewed: <span itemprop="itemreviewed">ISI PENJELASAN DAI JUDUL POSTING SOBAT</span>

  
  
  
• Selesai... Dan cek hasil kerja sobat di alamat ini => http://www.google.com/webmasters/tools/richsnippets/ dengan memasukan link url blog sobat. Bila berhasil, hasilnya akan seperti ini:
  
  
  

Proses dan cara diatas sudah saya praktekan dan berhasil. Demikian ulasan saya tentang cara memasang rating bintang rich snippet di blogspot. Selamat mencoba.

Read More

Membuat Bounce & Share - Widget Social Bookmarking Blogger

LANGKAH # 1
Login ke Blogger -> Layout -> Edit HTML dan pilih centang kotak Expand Template Widget
Kemudian, cari (CTRL + F) kode ini di template:

</head>

Copy Semua code dibawah ini dan masukkan code dibawah ini di atas </head>
<!--BOUNCING-ICONS-START-->

<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'/>

<!--BOUNCING-ICONS-STOP-Help-http://deejayhan.blogspot.com-->  
LANGKAH # 2:
Sekarang cari kode ini di template:

<data:post.body/>

 Atau 

<div class='post-footer'>

Dan sisipkan dibawah code di atas itu, paste kode ini:
<!--SOCIAL-BOOKMARKING-BUTTONS--><br/>

<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://deejayhan.blogspot.com/2012/04/membuat-bounce-share-widget-social.html" target="_blank"><span style="font-size: x-small;">Get this widget</span></a>

</b:if>

<!--SOCIAL-BOOKMARKING-BUTTONS-http://deejayhan.blogspot.com--> Sekarang klik Save Template

Ya selamat mencoba lumayan buat belajar... sama seperti saya juga masih belajar..!!!

Free Comment

Read More

Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel

Pernahkah kamu merasa ingin mengganti link older post dan newer post?

Setelah lama saya browsing dan menemukan apa yang saya mau..., yaitu modifikasi menjadi lebih bagus dan meningkatkan aksesibilitas blog kamu.

Cara yang saya maksud adalah dengan memodifikasi link older post dan newer post dibawah posting blog menjadi langsung menuju artikel selanjutnya maupun ke postingan yang lebih lama (yang ditampilkan adalah link judul artikelnya langsung).

Contoh tampilan Older dan Newer Link

Cara memasangnya, ikuti langkah berikut:

1. langkah 1

a. Login ke blogger dan masuk ke bagian Edit Template (Dashboard -> Rancangan -> Edit HTML). 

b. Letakkan kode berikut ini sebelum </head>

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

c. Lalu, simpan Template

b. Langkah ke 2

Tambahkan kode di bawah ini ke gadget (Dengan menambahkan widget Javascript/HTML) (posisinya bebas).

<style type="text/css"> 

#blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;} 

#blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;} 

</style> 

<script type="text/javascript">

$(document).ready(function(){ 

var olderLink = $("a.blog-pager-older-link").attr("href"); 

$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { 

var olderLinkTitle = $("a.blog-pager-older-link").text(); 

$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt 

}); 

var newerLink = $("a.blog-pager-newer-link").attr("href"); 

$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { 

var newerLinkTitle = $("a.blog-pager-newer-link:first").text(); 

$("a.blog-pager-newer-link").text("<< " + newerLinkTitle); 

}); 

}); 

</script>

- Simpan gadget Javascript/HTML

 

- Sekarang coba buka blog kamu, dan lihat dibawah posting, apakah link older post dan newer post sudah berubah dan yang muncul adalah judul artikel atau postingannya ???

 

Mau Comment silahkan tidak juga silahkan namanya saja blog asal-asalan..

Free Comment frend....

Read More

How to Install Related Posts Widget related links at the side column (OK)

I have to write two set of instructions for each steps, as some of you are using the default layout, and some of you are using the new layout. So, let's see how to install this cool widget in your blog..

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements - Add a Gadget.

Add a Gadget of HTML/JavaScript type.

If you're using the new Blogger interface: Go to Dashboard - Layout - Add a Gadget

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

4. Now Click On Save 'JavaScript' You are done.

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://safir85.ucoz.com/24work-blogspot/related-posts/related-posts-widget-1.0-24work.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
'loadingText':'loading...'
});</script>

 
And now click Save


Artikel terkait tanpa repot-repot 100% OK...
Mau Comment silahkan tidak juga silahkan gratis... Free Comment

Read More

Cara Menambah Gadget diatas Header

Pada umumnya blog bawaan dari blogger tidak terdapat gadget yang berada diatas header. Tapi kita sering melihat web maupun blog yang meletakkan gadget diatas header, seperti iklan baris, baner, gambar, teks berjalan, animasi, atau apa saja sesuai selera atau kebutuhan blog. Lalu bagaimana cara menambah gadget diatas header ?.

Langkah - langkahnya berikut ini :

1. Login ke Blogger.

2. Klik Tata Letak/layout/rancangan.

3. Klik Edit HTML.

4. Lalu cari kode berikut :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Catatan : 

Setiap template mempunyai kode yang berbeda-beda, cari saja yang mirip seperti kode diatas.

5. Ganti kode diatas dengan kode berikut ini :

<b:section class='header' id='header' preferred='yes'>

6. Klik Save Template

7. Klik Page Element -> 

Lihat perubahan yang terjadi, sudah terdapat penambahan add a gadget diatas header yang dapat anda isi sesuai kebutuhan blog anda.

Selamat mencoba dan Semoga bermanfaat.... dan cara ini saya coba ternyata berhasil. Kalau mau beri komentar ya silahkan saja ......, Terima kasih

Read More

Hidden Chatbox

Hidden Chatbox adalah sebuah tempat menyimpan atau meletakkan widget chatbox (Shoutmix, Shoutbox, dll) yang bisa bersembunyi. Sembunyi disini bukan berarti hilang tapi sengaja kita sembunyikan untuk menghemat ruang blog. Dan saya tertarik dengan ChatBox / Buku Tamu terus saya berburu bagaimana caranya setelah ketemu saya coba. Adapun Tricknya rata-rata sama dan ga beda jauh. Bagi teman-teman 
yang belum punya CBox harus Sign Up dulu di  CBox
dan kita akan dapat Kode HTML

Read More

Widget artikel terkait / Related post dgn Scroll

Cara membuat widget artikel terkait/ Related post di Blog menggunakan fungsi scroll,  dan setelah saya coba cari-cari di internet caranya sama. Terus saya Widget ini juga saya dapatkan dari hasil copy paste di internet, maklumlah saya juga masih banyak belajar.


1). Login ke akun Blogger sobat.

2). Pilih Tata Letak >> Rancangan >> Edit Laman

Read More

Code Color

Color Values

CSS colors can be defined as a hexadecimal notation for the combination of Red, Green, and Blue color values (RGB).

The lowest value that can be given to one light source is 0 (hex #00) and the highest value is 255 (hex #FF).

The table below shows the result of combining Red, Green, and Blue light sources:

Color	Color HEX	Color RGB
	#000000	rgb(0,0,0)
	#FF0000	rgb(255,0,0)
	#00FF00	rgb(0,255,0)
	#FFFF00	rgb(255,255,0)
	#00FFFF	rgb(0,255,255)
	#FF00FF	rgb(255,0,255)
	#C0C0C0	rgb(192,192,192)
	#FFFFFF	rgb(255,255,255)

---

Read More

Edit Lebar Posting Pada Template

  Mengetahui ukuran lebar header, posting, sidebar, footer atau lebar template secara keseluruhan penting untuk diketahui. Sehingga saat anda ingin mengedit template, mengubah atau menambah lebar bagian-bagian template tadi, anda sudah mengetahui dibagian mana yang harus anda rubah/edit. Nah sebagai pengenalan awal, sobat harus mengenal dulu elemen dalam susunan CSS template yang disebut dengan wrapper. Artikel ini sekaligus menjawab email yang saya terima dari seorang sobat blogger yang menanyakan bagaimana cara menambah/mengubah lebar posting.  

Read More

Cara Memasang Button Share Artikel Di Blog

Membuat tombol share artikel/posting ke berbagai social bookmark saat ini seperti sudah menjadi satu kewajiban bagi seorang blogger. Karena dengan memasang tombol/button share artikel ini justru akan membuka peluang bagi kita untuk mendapatkan tambahan trafik dari berbagai social bookmark seperti Facebook, Twitter, Reddit, Digg, StumbleUpon, Myspace, Google Buzz atau mungkin Google Plus One (+1). Nah pada tips blogging kali ini saya mau share bagaimana cara memasang button share artikel (Bagikan Artikel ini ke…) di blog sobat yang kode scriptnya saya ambil dari layanan Addthis.com. Dengan memasang script dari Addthis ini maka sobat blogger dengan mudah dapat membagikan (share) artikel anda ke ratusan layanan social bookmark hanya dengan sekali klik saja. Tombol/button share social bookmark ini nantinya akan berada diatas postingan atau dibawah judul artikel, mirip seperti yang ada di blog ini (tapi ngga sama lho..).

Read More

Top 15 Most Popular Social Bookmarking Websites | August 2012

Here are the 15 Most Popular Social Bookmarking Websites as derived from our eBizMBA Rank which is a constantly updated average of each website's Alexa Global Traffic Rank, and U.S. Traffic Rank from both Compete and Quantcast. "*#*" Denotes an estimate for sites with limited Compete or Quantcast data. If you know a website that should be included on this list based on its traffic rankings Please Let Us Know.

1 | Twitter
15 - eBizMBA Rank | 250,000,000 - Estimated Unique Monthly Visitors | 30 - Compete Rank | 5 - Quantcast Rank | 9 - Alexa Rank.
Most Popular Social Bookmarking Websites | Updated 8/1/2012 | eBizMBA

Read More

Cara Update Blog Ke Webrank Stats

Oke kita simak bersama-sama Cara Mengupdate Blog Ke Webrank Stats.

1. Lihat gambar dibawah ini atau sobat langsung menuju ke Webrank Stats

Dalam kota kecil masukkan URL sobat.

2. Masukkan Code yang sudah disediakan oleh Webrank Stats dan masukkan code tersebut kedalam kotak kecil. atau lihat gambar dibawah ini.

3. Tekan tombol Submit. setelah itu sudah tutorialnya Cara Mengupdate Blog Ke Webrank Stats

Read More

5 Tools For Tracking Your Digital PR Campaigns

One of the many things I love about digital marketing is its trackability. Just about every tactic can be tracked, if not by on-platform analytics, then by a host of robust bolt on tracking suites.

Measuring your digital press release efforts might be challenging in that it involves a mixture of onsite and offsite considerations, but the good news is that it is certainly possible.

Most of the quality PR portals do offer built in analytics functionality, and there are numerous models out there to accurately measure the impact of digital PR.  In this article, however, we will focus on providing you with the 5 best tools that broadly illustrate return on digital PR investment. Here they are:

Read More

Membuat Widget Like Facebook Melayang

Haloo .... Semuanya saya bukan blogger yang hebat saya ini pemula dan tips / tricks dibawah sangat berguna mungkin buat para blogger pemula seperti saya.

Karena saya sempat binggung bagaimana cara membuat sesuatu yang melayang di blog ( Tidak Fixed), setelah saya coba browsing cukup lama... Akhir saya dapatkan dan caranya sama semua dan ada juga beda tapi hasilnya juga sama. Mungkin ini paling simple / mudah.

Read More

membuat scroll pada artikel terkait / related post

Alasan membuat scroll pada artikel terkait/ related post diblog ini karena pada postingan saya bisa melihat apa saja terkait artikelmya dan tampilan lebih apik tapi komentar dari sahabat blogger bagaimana.??

Setelah browsing cukup lumayan ternyata caranya sama dan saya coba pada blog saya tampilan ya seperti sobat lihat sendiri.

Nah seperti biasa kalau dah nemukan ilmu ngeblog saya buat postingannya, tentu setelah berhasil mempraktekinnya sendiri diblog ini.

Berikut membuat scroll pada artikel terkait/ related post

Read More

New WordPress plugin: Tag Pages

Ever since tags were introduced in WordPress 2.3, people have wanted to add tags to pages, not just to posts. For years now, Page Tagger has allowed you to do so. It’s a great plugin, and I’ve used it often. However, since it was created, WordPress has made it a lot easier to add tags to pages, and that new approach has some significant advantages.

Read More

Cara Membuat Artikel Terkait Dengan Gambar

Artikel terkait dengan gambar, sudah saya coba ternyata ok juga dan saya coba bowsing ternyata cara juga sama dan simple, kini akan membahas cara membuat artikel terkait menggunakan gambar.

Contohnya seperti gambar di bawah ini :



Langsung saja ya ? Jika kamu ingin membuat artikel terkait menggunakan gambar. 
Berikut  cara membuat artikel terkait dengan gambar

Read More