Minggu, 26 Oktober 2014

Membuat Permalink ( Widget ) di Bawah Posting Blog KEREN

Membuat Permalink ( Widget ) di Bawah Posting Blog KEREN

Salam Blogger, Artikel kali ini dari bloggingpasuruan Cara Membuat Permalink di Bawah Posting Blog. Lebih jauh tentang apa itu Permalink ? 

Silahkan baca selengkapnya Fungsi dan manfaat Permalink untuk Blog

Cara Membuat Permalink di bawah Posting Blog

1. Login ke Akun Blogger
2. Klik Template  >>  Edit HTML >>Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>


.bloggingpasuruan-permalink{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.bloggingpasuruan-permalink .kontainer{padding:5px;}
.bloggingpasuruan-permalink h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.bloggingpasuruan-permalink h4 a{color:#000000;}
.bloggingpasuruan-permalink img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}


4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

<!-- Permalink by Bloggingpasuruan -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bloggingpasuruan-permalink'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Judul blog Anda</h4>
<div class='kontainer'>
<img alt='bloggingpasuruan' src='http://i1108.photobucket.com/albums/ 100000257112719_900053_7432574_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://bloggingpasuruan.blogspot.com/2014/10/membuat-permalink-widget-di-bawah.html' target='_blank'>:: Dapatkan widget ini, disini ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink by Bloggingpasuruan -->

5. Klik save dan lihat hasilnya.


Catatan :

Ganti kode yang berwarna birudengan judul Blog milik sobat
Ganti kode yang berwarna Hijaudengan URL gambar/foto milik sobat
Sesuaikan angka yang berwarna merahdengan ukuran blog sobat (ukuran textarea)

Selesai

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Membuat Permalink di Bawah Posting Blog Semoga bermanfaat dan terima kasih..

Fungsi Permalink dan Cara Membuat Permalink Otomatis di Bawah Postingan Blog

Fungsi Permalink dan Cara Membuat Permalink Otomatis di Bawah Postingan Blog

Berikut ini BLOGGINGPASURUAN akan berbagi tutorial Cara Membuat Permalink Otomatis Pada Postingan Blog. Bagi blogger pemula mungkin blom tahu dengan yang namanya Permalink. Permalink adalah Permanent Link yang artinya adalah alamat permanen URL atau LINK yang menuju ke blog atau web tertentu yang langsung menuju ke postingan blog/web itu sendiri.


Fungsi Permalink Otomatis

Dengan Membuat Permalink Otomatis Di Blog, Sobat Blogger berharap dapat menambah internal link postingan atau artikel blog kita sehingga lebih SEO lagi dan dapat bersaing dan bertahan di search engine dan diharapkan dapat meningkatkan optimasi on-page blog sobat. Permalink otomatis umumnya di tampilkan di bawah postingan. Anda mungkin pernah melihat seperti gambar di bawah ini:

Fungsi Permalink dan Cara Membuat Permalink Otomatis di Bawah Postingan Blog

Gambar di atas adalah contoh untuk permalink otomatis yang ada di setiap postingan blog. Nah bagi yang ingin Membuat Permalink Otomatis Di Blog silahkan simak uraian cara membuatnya di bawah ini.

Membuat Permalink Otomatis Disetiap Artikel Blog

Seperti biasa Anda silahkan Login ke blog Anda >> Dashboard >> Template >> Edit HTML >> Jangan lupa centang Expand Widget Templates. Dan alangkah baiknya sebelum melakukan editing HTML template sobat sebaikan di back up terlebih dahulu, untuk menjaga hal-hal yang tidak diinginkan, sehingga jika terjadi kesalahan bisa dikembalikan ke template semula ( default-nya ).

1. Cari kode ]]></b:skin> agar lebih mudah dalam pencarian, tekan CTRL + F di keyboard kemudian masukan kode ]]></b:skin>tadi. 

2. Setelah ketemu silahkan copy kode di bawah ini dan paste SEBELUM kode ]]></b:skin>tadi.

.permalinkbloggingpasuruan {border:1px solid #191919; border-bottom:1px solid #666; border-right:1px solid #666; padding: 5px; background: #444;-moz-border-radius:5px;}
.permalinkbloggingpasuruan a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}

Catatan :  tulisan berwarna biru #444 itu menunjukkan warna untuk kotaknya. Silahkan sesuaikan dengan warna blog Anda.

3. Kemudian cari kode seperti di bawah ini

    <div class='post-footer-line post-footer-line-1'>

atau cari yang seperti di bawah ini

    <p class='post-footer-line post-footer-line-1'>


4. Kemudian copy kode di bawah ini dan pastekan SETELAHkode di atas.

<b:if cond='data:blog.pageType == "item"'>
    <div class='permalinkbloggingpasuruan'><center><small>Anda sedang membaca artikel tentang <strong><i><data:blog.pageName/></i></strong> dan bila berkenan Anda bisa share artikel <strong><i><data:blog.pageName/></i></strong> ini dengan tombol share di bawah. Bila Anda bermaksud COPAS artikel <strong><i><data:blog.pageName/></i></strong> untuk diposting di blog Anda, mohon untuk meletakkan link <strong><i><a expr:href='data:post.url'><data:blog.pageName/></a></i></strong>
    sebagai Sumbernya dengan mengcopy kode di bawah ini.</small></center>
    &lt;div&gt;
    &lt;form name=&quot;bloggingpasuruan&quot;&gt;
    &lt;p align=&quot;center&quot; style=&quot;margin-top: 0; margin-bottom: 0&quot;&gt;&lt;textarea style=&quot;width: 98%; height: 10&quot; name=&quot;txt&quot; rows=&quot;1&quot; cols=&quot;45&quot; onmouseover=&quot;this.form.txt.select()&quot; readonly ;&gt;<small>&lt;a href=&#39;<data:post.url/>&#39;target=&#39;_blank&#39;&gt;&lt;strong&gt;&lt;i&gt;Sumber&lt;/i&gt;&lt;/strong&gt;&lt;/a&gt;</small>&lt;/textarea&gt;&lt;/p&gt;
    &lt;/div&gt;
    <div style='border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;'>Get this <a href='http://bloggingpasuruan.blogspot.com/2014/10/fungsi-permalink-dan-cara-membuat.html' target='_blank'>widget</a></div>
    </div></b:if>

5. Silahkan lakukan Preview untuk memastikan penerapan kodenya sempurna atau tidak, kemudian save template blog Anda jika setelah di-preview tampil dengan baik.

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Fungsi Permalink dan Cara Membuat Permalink Otomatis di Bawah Postingan Blog Semoga bermanfaat dan terima kasih..

Sabtu, 25 Oktober 2014

Cara Agar Blog 100% Cepat di Index oleh Google

Cara Agar Blog 100% Cepat di Index oleh Google

Salam Blogger, Kali ini Bloggingpasuruan kembali membagikan tutorial Cara Agar Blog 100% Cepat di Index oleh Google. Blog yang cepat di Index google adalah keinginan semua webmaster dan sobat blogger tentunya. Cara ini sebenarnya mudah dan sederhana dilakukan, agar artikel yang baru cepat di publikasikan dan di Index oleh google namun cara ini tampak tidak efisien karena dilakukan secara manual… alias Sobat harus mengirim URL setiap artikel baru yang dipublikasikan, soal waktu tidak lebih dari 3 menit untuk mengirim URL posting baru Sobat.

Langsung saja ke pokok bahasan Cara  Agar ARTKEL Blog 100% Cepat di Index oleh Google

1. Sobat Blogger " klik "  link ini dulu Webmaster Submit URL

Cara Agar Blog 100% Cepat di Index oleh Google

2. Masukkan Url Artikel sobat, contoh : http://bloggingpasuruan.blogspot.com/contoh-artikel.html

3. Masukkan kode verifikasi, dan kirim permintaan, artikel sobat sudah terindex oleh google.

4. Silahkan coba di cek dengan masukkan URL artikel yang sobat kirimkan tadi ke dalam google search >>lalu klik “ cari /enter “

Selesai

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Agar Blog 100% Cepat di Index oleh Google. Semoga bermanfaat dan terima kasih..

Cara Mengatasi Crawl Error dengan Google Webmaster Tools


Cara Mengatasi Crawl Error dengan Google Webmaster Tools

Salam Bloggerrrr, Kali Bloggingpasuruan mau posting tentang tutorial Cara Mengatasi Crawl Error dengan Google Webmaster Tools. URL crawl error di sebabkan karena adanya link url yang dituju tidak ada konten ( misalnya link url posting sudah Sobat hapus/pindahkan atau jika Sobat tidak menghapus namun Url link posting Sobat dirubah judul/title artikelnya ). Sehingga spider ketika mengindex link tersebut tidak ada konten dan menganggap 404 page not found.

Tentunya hal ini harus segera di atasi jika tidak akan berdampak pada hasil pencarian blog di google. Karena search engine google tidak suka jika terdapat link error.

Berikut ini Caranya memperbaiki/menghapus link yang error di Crawl Error Webmaster Tools.

Sebelum sobat mengatasi URL Crawl error sebaiknya mengetahui bagaimana mengecek URL error di webmaster tools google:

1. Silahkan masuk ke link Webmaster tools google

2. Kemudian pilih nama blog Sobat yang akan dicek

Cara Mengatasi Crawl Error dengan Google Webmaster Tools

3.Klik menu Crawl >>Crawl Error yang ada di menu samping kiri ( lihat gambar dibawah )

Cara Mengatasi Crawl Error dengan Google Webmaster Tools


4.Sobat blogger akan melihat beberapa link error

Cara Mengatasi Crawl Error dengan Google Webmaster Tools

Setelah sobat mengetahui link apa saja yang error sekarang cara mengatasi URL Crawl Error:

1. Klik menu Google Index >> Remove URLs

Cara Mengatasi Crawl Error dengan Google Webmaster Tools


2.Copy “ link yang error “ saat sobat mengecek crawl error-nya

3.Klik Create a New Removal Requestdan paste link error yang di copy tadi, seperti gambar

Cara Mengatasi Crawl Error dengan Google Webmaster Tools


4. Klik Continue

Cara Mengatasi Crawl Error dengan Google Webmaster Tools


5.Pada Reason pilih Remove page from search result and cache

6.Klik Submit Request

Cara Mengatasi Crawl Error dengan Google Webmaster Tools


7.Selesai. Tinggal ditunggu sampai google melakukan tindakkan terhadap request link errornya.


Catatan : Perbaikan Crawl Error ini sifatnya tidak instant namun perlu beberapa hari untuk memperbaikinya ( waktunya tergantung dari berapa banyak error link-nya )


8. Lakukan hal yang sama jika masih terdapat link error yang lain.

Dengan memperbaiki atau mengatasi URL Crawl Error di Webmaster Tools dapat meningkatkan SEO blog sobat. Sehingga hasil SERP tidak menurun, Lakukan pengecekan secara berkala statistik blog sobat di Webmaster Tools, siapa tahu ada link error lainnya atau duplicate content.

Saya akan sangat berterima kasih jika Sobat Blogger berkenan meninggalkan komentar, saran dan pertanyaan mengenai tutorial Cara Mengatasi Crawl Error dengan Google Webmaster Tools. Semoga Artikel ini membantu sobat blogger semuanya.. terima kasih

Cara Optimalisasi SEO Blog dengan Custom Robots.txt

Cara Optimalisasi SEO Blog dengan Custom Robots.txt

Salam Blogger, Share lagi yaa kali Bloggingpasuruan akan memberikan tutorial Cara Optimalisasi SEO Blog dengan Custom Robots.txt. Namun sebelumnya alangkah baiknya kalau kita memahami apa itu robot txt dan fungsinya, yang pertama tentang pengenalan apa robot txt blogger itu..?

Artikel ini terbagi menjadi dua bagian :

Artikel pertama yaitu artikel yang saat ini anda baca yang membahas tantang definisi,fungsi,serta manfaat dari robot txt blog.

Cara Pemasangan robot txt pada blog anda bisa membacanya dibawah ini

Robot txt adalah Robot Exclusion Standard, atau sering kita kenal sebagai Robots Exclusion Protocol atau robots.txt protokol.

Apa fungsi dari robot txt blog..?fungsinya adalah untuk membatasi akses robot mesin pencari (Search engine misal : Google,Bing,Yahoo dll) saat mengcrawl blog kita. Sebelum mereka menjelajahi semua halaman blog kita, mereka memeriksa terlebih dahulu untuk melihat apakah sebuah file robots.txt ada atau tidak di dalam blog kita.

Lalu apa manfaatnya memasang robot txt di blog..? pemasangan robot txt di blog mempunyai kaitan yang banyak sekali untuk SEO,berikut adalah beberapa garis besar manfaat dari pemasangan robot txt di blog :

1.Mencegah duplicate content

Salah satu manfaat  yang sangat mengagumkan dari pemasangan robot txt adalah mencegah terjadinya dublicate content,dublicate content memang sangat sering terjadi Ini di sebabkan hal ini dikarenakan widget archive blog ikut terindex oleh mesin pencari. Sehingga terdapat 2 link atau url namun merujuk hanya kepada satau halaman atau konten.nah dengan adanya robot txt blog kita bisa membatasi pengindexan mesin pencari untuk mencegah dublicate content.

2.Menjaga privasi file atau data

Dengan adanya pembatasan pengindex.an oleh robot txt terhadapa mesin pencari,maka di hasil pencarian tidak akan muncul data atau file apa yang di anggap privasi oleh anda.ini juga sangat membantu sekali khususnya yang sedang mengelolah website yang cukup popular,untuk memprivasi data-data penting bisa menggunakan robot txt ini.

3.membantu optimalisasi SEO blog

Manfaat yang selanjutnya adalah kemampuan dari Robots.txt yang dapat mengarahkan spider bot mengcrawling halaman yang ditargetkan bisa dimanfaatkan untuk mengarahkan spider bot 
pada halaman penting seperti halaman konten agar halaman tersebut cepat di index oleh mesin pencari.selain itu dengan melakukan pembatasan-pembatasan terhadap content-content dan data-data yang tidak perlu di index oleh mesin pencari,dapat mempercepat proses sepider bot untuk mengcrawl sehingga proses indexing dilakukan pada halaman yang perlu-perlu saja dan juga mempercepat waktu spider bot untuk melakukan crawl di blog kita. 

Pengenalan Fungsi Perintah Script Robots.txt :
  

user-agent: *
    Disallow:

Perintah seperti di atas mengacu dan memerintahkan untuk semua crawler melakukan index dan crawl blog Sobat, baik itu milik mesin pencari atau yang lainnya, boleh melakukan index dan crawl di blog Sobat.

Jika anda menginginkan melarang crawlertidak ingin mengakses blog Sobat ,maka akan menambahkan perintah dengan sedikit memodifikasi perintah sebelumnya yaitu dengan menambahkan kode slash ( / ).

user-agent: *
    Disallow: /

Namun jika sobat ingin melarang robot untuk melakukan index pada direktori tertentu  kita tambahkan kode lagi pada kode sebelumnya yaitu menambahkan nama direktori setelah tanda slash ( / ) .contoh misalnya anda tidak menginginkan robot untuk tidak mengindex halaman statis blog anda maka perintahnya seperti ini :

user-agent: *
    Disallow: /p  (sesuai dengan nama direktori halaman statis Blogger)
    Allow: /

Allow: / ditambahkan dengan maksud untuk mengizinkan crawl untuk mengindex root directory, direktori lain, dan halaman lainnya.arti dari perintah robot txt di atas adalah crawl boleh mengindeks seluruh blog kecuali halaman statis blog.dan sebenarnya Allow: / tidak ditambahkan tidak akan jadi masalah.

Jika Sobat Blogger menginginkan robot crawl tertentu milik mesin pencari tidak boleh mengindex sedangkan yang lainnya boleh maka perintahnya seperti ini. Misalnya anda melarang robot mesin pencari google tidak mengindex halaman anda,maka anda cukup menambahkan nama user agentnya pada baris lain seperti ini:

user-agent: *
    Disallow:
    user-agent: Googlebot
    Disallow: /p(nama user agentnya disini)
    Allow: /

Maka nantinya halaman yang anda maksud untuk tidak di index maka tidak akan di index oleh mesin pencari google.

Untuk mengoptimalkan SEO Blog dengan Robot txt berikut ini cara pemasangan robot txt pada Blog

1. Silahkan masuk akun Blogger Sobat

2. Kemudian klik menu Setting >> Prefensi penelusuran, pada robots.txt khusus segera aktifkan dengan cara  klik edit dan pilih yes

3. Kemudian langkah selanjutnya adalah menambahkan perintah robot txt blognya,caranya tambahkan perintah robot txt dibawah ini :

User-agent: Mediapartners-Google
Allow:/
User-agent: Googlebot
Disallow: /?m=1
Disallow: /?m=0
Disallow: /*?m=1
Disallow: /*?m=0
User-agent: *
Disallow: /search?*
User-agent: Twitterbot
Allow:/
User-agent: *
Disallow: /search
Disallow: /p/*
Disallow: /view/*
Allow: /
Sitemap: http://namablog-anda.blogspot.com/feeds/post/default?orderby=UPDATED
Catatan : Yang berwarna merah silahkan ganti dengan alamat blog anda.

4. Dan kemudian klik simpan perubahan.dan robot txt blog anda sudah aktif

Dan untuk melengkapi custom robot txt blog anda alangkah baiknya kalau kita juga melakukan setting tag headernya juga,caranya hampir sama dengan mensetting robot txt tadi yaitu klik edit dan pilih yes pada Tag tajuk robot khusus dan centang seperti gambar dibawah ini :

Cara Optimalisasi SEO Blog dengan Custom Robots.txt

5. Selesai

Saya akan sangat senang sekali jika Sobat Blogger berkenan memberikan komentar dan saran tambahan informasi atau pertanyaan tentang tutorial Cara Optimalisasi SEO Blogger dengan Custom Robots.txt. Terima kasih dan semoga bermanfaat…

Rabu, 22 Oktober 2014

WindowsPhone: How to programmatically set TextBlock Foreground color with HexColor /Color Codes (C#-XAML)

Introduction:

Hi Guys,HAPPY DIWALI TO YOU AND TO ALL YOUR FAMILY MEMBERS...!As a long time i wrote my previous article .Now i am back to write my next article ,Ok all right!
In this article i want share a simple tip for "How to programmatically set TextBlock Foreground color with Hex Color(Ex:#5490CC) in WindowsPhone "

Description:

You may think this is very silly article.But i am sure it may helpful for you in future.This is the very real time requirement and some times we may need to set color code /hex color expressions to our UI elements .Have you ever tried to set Hex color to your UI element?,Ok i will explain,in this sample i taken TextBlock control and trying to programatically set Foreground color with Hex color (Ex:#5490CC) in  windowsphone
XAML
<TextBlock Name="TxtBlck"  HorizontalAlignment="Center" VerticalAlignment="Center" Margin="15,0,0,0" />
Generally we are set foreground color like below,but this is not applicable when we are trying to set color codes(Ex:#5490CC)
C#

TxtBlck.Foreground = new new SolidColorBrush(Colors.Red);//Set color strings
TxtBlck.Foreground = new new SolidColorBrush(System.Windows.Media.Color.FromArgb(100, 226, 111, 15));//Set RGB color
So that to set hex color codes follow below steps.

Step1:
This is method to  convert hex color in to color value .
C#

public Color ConvertStringToColor(String hex) 
        { 
 
            hex = hex.Replace("#"""); 
 
            byte a = 255
            byte r = 255
            byte g = 255
            byte b = 255
 
            int start = 0
 
            //handle ARGB strings (8 characters long) 
            if (hex.Length == 8
            { 
                a = byte.Parse(hex.Substring(02), System.Globalization.NumberStyles.HexNumber); 
                start = 2
            } 
 
            //convert RGB characters to bytes 
            r = byte.Parse(hex.Substring(start, 2), System.Globalization.NumberStyles.HexNumber); 
            g = byte.Parse(hex.Substring(start + 22), System.Globalization.NumberStyles.HexNumber); 
            b = byte.Parse(hex.Substring(start + 42), System.Globalization.NumberStyles.HexNumber); 
 
            return Color.FromArgb(a, r, g, b); 
        }
Step2:
So that finally  we can use above method like this.

C#

TxtBlck.Foreground = new SolidColorBrush(ConvertStringToColor("#5490CC"));

FeedBack Note:
Please share your thoughts,what you think about this post,Is this post really helpful for you?I always welcome if you drop comments on this post and it would be impressive.

Follow me always at  
Have a nice day by  :)