Tag:

Tips Blogger

Bagaimana Menambahkan Google Translate Di Blogger Anda

by admin March 9, 2014

written by admin

Written by Muhamad Hamdan on Tue Mar 11th 2014

Pada artikel blog/website Kita perlu menambakan translate dengan tujuan supaya pengunjung dari luar Negri yang tidak tahu dengan bahasa kita, Mereka lebih mudah menterjemaahkan isi kandungan halaman artikel. Untuk mendapatkan berbagai macam translate sangat mudah dan gampang karena para Blogger telah banyak memberi tahu kita, seperti yang telah kita ketahui Cara Menambahkan Translation Flags Pada Blogger Anda cara ini terbatas, hanya dengan sekian bahasa yang di gunakan.

Sekarang kita bisa melengkapi terjemah yang mencakup seluruh bahasa yang ada di Dunia dengan menggunakan Translate Google untuk memudahkan pengunjung blog/website Anda dari berbagai penjuru.

Bagaimana Menambahkan Google Translate Di Blogger Anda

Untuk menambahkan perlu Anda ketahui ada sedikit langkah yang harus dilakukan

Anda Masuk Dengan Google Akun
Kemudian Klik Website Translate >> ADD Website
Masukan Alamat Blog/Website Anda

Kemudian Klik Next akan terlihat Plugin Settings > Translate Languages > Display Mode > Advance,sesuaikan dengan kebutuhan Anda.

Terakhir Anda ambil kode snippets,copy-paste dan simpan pada Blog/Website sesuai petunjuk, bisa lihat seperti gambar yang ada

Selesai pekerjaan kita hari ini dan sekarang Blog Anda sudah punya google translate

Akhir Kata

Demikianlah Artikel Bagaimana Menambahkan Google Translate Di Blogger Anda semoga bermanfaat,dan bila artikel ini berarti bagi Anda silahkan di komentar dan dibagikan,Salam Blogger.

HTML Ratings Button

March 9, 2014 0 comment

Cara Add Skype Call Tombol Buttons Pada Blogger Anda

by admin March 7, 2014

written by admin

Cara Add Skype Call Tombol Buttons Pada Blogger Anda

Written by Muhamad Hamdan on Fri March 6th 2014

Assalamu’Alaikum Warahmatullah, Sahabat Selamat malam bagaimana kabarnya ? barusan Saya menerima inbox lewat Skype yang berisi bagaimana cara menyimpan tombol buttons Skype pada Blogger, pertanyaan ini sangat bagus sekali karena pada dasarnya Skype selalu menyintai internet. Dengan hal itu apa yang tidak bisa dihubungkan dengan Blogger yang selalu di cintai internet, jadi Skype juga bisa di tanam di blog/website Anda dengan alasan untuk mendorong Anda terhubung dengan Orang lain di Dunia internet.

Sekarang Anda bisa menambahkan tombol Skype dengan tujuan untuk menghubungi teman cara langsung dari blog/website juga untuk memudahkan temen Anda menghubungi lewat Skype. Cara ini agak sedikit berbeda dari cara yang lainnya karena Anda bisa langsung dengan klik tombol call atau pesan Skype, memang Saya sebelumnya telah menerbitkan cara lain dengan jejaring sosial Facebook. Anda Juga pernah melihatnya seperti

Live Button

Tombol Buttons Skype Di Blogger Anda

Cara mendapatkan buttons Skype ada beberapa langkah yang harus Anda lakukan

Pergi account Skype
Kemudian Anda klik Skype Buttons
Anda akan di minta identitas dan isikan pada kolom yang tersedia maka akan muncul kode HTML Buttons
Untuk mempermudah pengambilan HTML silahkan Anda copy-paste kode berikut
Lalu Masuk ke Blogger Anda > Dashboar > Lay-out > Add Gadget > JavaScript


<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_pelangi_pagi2_1">
  <script type="text/javascript">
    Skype.ui({
      "name": "dropdown",
      "element": "SkypeButton_Call_pelangi_pagi2_1",
      "participants": ["pelangi_pagi2"],
      "imageSize": 32
    });
  </script>
</div>

Catatan : Anda bisa mengganti warna biru pelangi_pagi2 dengan Nama ID Skype Anda

Akhir Kata

Wasalamu Alaikum Warahmatullah, Demikialah Artikel Malam ini walaupun ringkas dan sederhana namun harapan Saya semoga bermanfaat buat Anda. Dan bila artikel ini merasa membantu buat Anda Silahkan tinggalkan komentar dan tolong dibagikan terimakasih, Salam Blogger.

HTML Ratings Button

March 7, 2014 0 comment

Blogger

Memperbaiki Error Page Contains Property “BlogId” And “postID” Is Not Part Of Schema

by admin March 5, 2014

written by admin

Memperbaiki Error Page Contains Property “BlogId” And “postID” Is Not Part Of Schema

Written by Muhamad Hamdan on Wen March 5th 2014

Assalamu’Alaikum Sahabat Semua,Dua Minggu yang lalu kita pernah Membikin Artikel bagaimana cara Memperbaiki Missing required field “updated” Dan hCard “author” Mereka yang telah melihat artikel tadi pasti sudah valid kalau Dia mengikuti petunjuknya,Tetapi walaupun itu sudah valid untuk menggunakan rich snippets untuk google webmasters tools, Sebagian besar suka menemukan Error Page Contains Property “BlogId” And “postID” Is Not Part Of Schema di karenakan dari kesalahan property yang bukan schema markup. Nah sekarang untuk melanjutkan dengan cara Memperbaiki Error Page Contains Property “BlogId” And “postID” Is Not Part Of Schema Anda perlu bantuan dengan Data Terstruktur Markup Helper atau dengan melakukan penghapusan pada bagian meta tag Blogger Anda, ini adalah cara paling mudah dan gampang.

Ikuti Langkah Langkah Untuk Menghapus Kode “Blogid” Dan “Postid”

Anda Login Ke Blogger > Blogger Dashboar > Selec Blog > Template > Edit HTML
Kemudian Anda Cari Kode Tag Seperti Yang Terlihat Dibawah,Kalau Sudah Ketemu Hapus Semua Kode Tag Itu Untuk Mempermudah Pencarian Gunakan ( Press CTRL+F )



<meta expr:content='data : blog blogid' itemprop='blogid'/>

<meta expr:content='data : post.id' itemprop='postid'/>

Setelah Di Hapus Kode Tag Di Atas Kembali Tutup dan Klik Save Template
Sekarang Boleh Anda Untuk melakukan Percobaan Di rich snippets tool

Akhir Kata

Wasalamu alaikum Warahmatullah, Demikianlah cara Memperbaiki Error Page Contains Property “BlogId” And “postID” Is Not Part Of Schema, walaupun dengan ringkas tapi harapan Saya semoga bermanfaat buat Anda. Bila Anda memerlukan artikel yang terkait silahkan untuk membaca :

March 5, 2014 0 comment

Bagaimana Cara Membuat Custom permalink Blogger Untuk SEO

by admin February 28, 2014

written by admin

Written by Muhamad Hamdan on Fri Peb 27th 2014

Assalamu’alaikum Sahabat semua,selamat jumpa lagi dengan Alfiyah Info Blogger pada hari ini kita akan membahas bagaimana cara membuat permalink Blogger Blogspot untuk SEO.Pada saat kita membuat posting untuk Blogger atau Blogspot secara otomatis akan menghasilkan URL pendek posting Blogger Anda ketika kita sudah menulis judul posting-nya,pada saat itu paska judul sebagian akan di potong yang dihasilkannya tidak sesuai dengan kata kunci judul posting Blogger itu adalah link permanen,sedangkan yang merujuk ke posting Blogger Anda di sebut sebagai permalink.Kostum permalink yang kaya berisi kata kunci yang tidak hanya meningkatkan SEO tetapi juga untuk menghasilkan divert crowd ke Blogger Anda.Disini Saya sarankan jangan lupa untuk mengisi kostum permalink dengan kaya kata kunci judul Blogger sedangkan kalau kita memilih permalink otomatis judul link permanennya suka terpotong tidak kaya dengan kata kunci.

Sekarang Anda akan melihat perbedaan antara Permalink Otomatis dan Kostum Permalink

Permalink Buruk

Untuk tipe ini biasanya tidak berisi yang kaya kata kunci URL judul panjang terpotong yang tidak memiliki arti di mata SEO dan Google.Boleh kita ambil contoh misalkan Anda membuat judul posting : Bagaimana Cara Membuat Custom permalink Blogger Untuk SEO

Stuktur permalink buruk atau permalink otomatis yang dihasilkan Blogger Seperti URL : http://cara-alfiyah.blogspot.com/2014/02/bagaimana-cara-membuat-custom-permalink.html

Permalink Baik

Biasanya tipe ini berisi yang kaya kata kunci yang tidak hanya menungkatkan SEO,juga membuat jalan bebas hambatan Blogger Anda. Stuktur : http://cara-alfiyah.blogspot.com/2013/12/how-to-save-star-ratings-in-blogger.html

Sekarang bagaimana cara menambahkan custom permalink ketika kita pertama kali membuat posting baru lihat sebelah kanan pos setting di bawah klik pada Link Custom Permalink.Boleh Anda lihat pada gambar di atas.

Format : http://blog url/ yyy / mm / shot-versi-of-posthtml

Perhatikan setelah menulis versi dalam judul Blogger Anda senantiasa selalu membubuhkan tanda [ – ] ingat ini bukan garis bawah.Anda boleh ketahui permalink ini di gunakan untuk posting baru,Anda tidak di perkenankan untuk mengubah permalink ke posting yang lebih lama.Anda juga meminati Membuat Blogger Template SEO Friendly

February 28, 2014 0 comment

Cara Menambahkan Translation Flags Pada Blogger Anda | alfiyah info blogger

by admin February 25, 2014

written by admin

Written by Muhamad Hamdan on Rabu Peb 26th 2014

Bagaimana tindakan Anda ketika singgah di suatu situs yang isi kontenya berbahasa Cina,Jepang dan Spanyol ?.Sedangkan kita sangat memerlukannya pada konten itu,apa yang akan kita cari selain untuk menterjemahkan.Untuk itu pada kesempatan ini akan memberikan Translation Flag JavaScript di Blogger Anda.Sehingga kita tidak usah melakukan copy-paste di google translate cukup klik lambang bendera suatu Negara.

Sekarang kembalikan pada pengunjung Blogger kita dari manca negara yang konten kita berbahasa Indonesia,apa yang mereka lakukan ? misalnya pengunjung dari Timur Tengah ,tentu Mereka memerlukan bahasa Arab.Dengan adanya Translation Flag sangat mudah untuk mengambil kesimpulan dari suatu konten apa lagi isi posting Blogger kita sangat bagus dan kita juga dapat bertambah pengunjung dari Negara lain.

Berikut ini Saya akan memberikan bagaimana

Cara Menambahkan Translation Flags Pada Blogger Anda pengunjung bisa melihat sembilan lambang Bendera Terjemaahan yaitu : Italia, Spanyol, Germany, Cinese, Japanese, Korea, Arabic dan bahasa Portugal

Bagaimana Cara Menambahkan Translation Flags Pada Blogger Anda ?

Cukup copy-paste kode Translation Flag javascript di bawah ini tempatkan di Template Blogger Anda di bagian posting HTML.

Demikialah Cara Menambahkan Translation Flags Pada Blogger Anda semoga Artikel ini bermanfaat dan lebih banyak lagi pengunjung Blogger kita dari berbagai Negara.Saya ucapkan banyak terimakasih,bila konten ini berarti bagi Anda silahkan dibagikan melalui:

Google+

Facebook

Twitter

February 25, 2014 0 comment

Cara Integrasi Facebook Open Graph Pada Blogger | alfiyah info blogger

by admin February 24, 2014

written by admin

Written by Muhamad Hamdan on Selasa Peb 24th 2014

Follow @alfiyahinfoblog

Facebook Open Graph Protocol berguna bagi Anda untuk posting konten pada Blogger tidak hanya pengunjung yang datang di halaman Blogger,akan tetapi temen Facebook juga akan menyimak artikel kita jika salah seorang pengunjung menyukai atau membagikan salah satu dari posting Anda.Maka akan terlihat di profile Facebook,tapi itu hanya sebagian karena tergantung konten yang mereka sukai.Oleh karena itu jangan segan segan kita bikin konten yang berkwalitas agar lebih banyak yang suka dan otomatis dia seneng untuk berbagi dengan temen Facebook yang lainnya.

Open Graph juga bisa mejelajahi Blogger Anda untuk beritegrasi dengan pengunjung pada umumnya,jika hal ini dengar benar cara penggunaannya,yaitu membangun identitas dan situs Anda.Dengan keberadaan ini Alfiyah Info Blogger hari ini akan menunjukan bagaimana cara mengintegrasikan Facebook Open Graph dengan contoh seperti punya Saya sendiri (Gambar Atas),tapi maap punya Saya hanya sebagian dan sederhana bisa dikatakan tidak lengkap Anda bisa lihat hasil Facebook Open Graph Alfiyah Info Blogger, Namun perlu ketahui ada sedikit yang Anda harus lakukan yaitu membuat Aplikasi Facebook

Bagaimana Untuk Mendapatkan ID Aplikasi Facebook Open Graph ?

Masuk Anda Facebook Developers
Klik App lalu Create a New App
Setelah Selesai membuat App akan muncul dua vareasi kode sperti gambar dibawah

Prelu kita ambil adalah ID App yang terkurung pada gambar

Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph ?

Sekarang kita Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph terlebih dahulu pergi ke Blogger Dhasboard untuk melakukan perubahan template untuk menyisipkan HTML tag,cari kode tag seperti ini <html xmlns='….

Atau Anda bisa menggantinya dengan tag HTML dibawah

Selanjutnya Anda membuat Required meta Atribut bisa Anda buat dengan Generator Open graph
Isikan identitas sesuai dengan Blogger Anda dan salin tempelkan tepat di atas tag </head>

<title>NAMA-BLOGGER ANDA</title> <meta content='JUDUL-BLOGGER-ANDA' property='og:title'/> <meta content='article' property='og:type'/> <meta content='http://cara-alfiyah.blogspot.com/' property='og:url'/> <meta content='http://cara-alfiyah.blogspot.com//favicon.ico' property='og:image'/> <meta content='ALfiyah Info Blogger' property='og:site_name'/> <meta content='TULIS-ID-FB-ANDA' property='fb:admins'/> <meta content='TULIS-ID-APP-ANDA' property='fb:app_id'/> <meta content='DISINI-TULIS-DISKRIPSI-ANDA.' property='og:description'/>

Kemudian disini untuk menempatkan ID APP Anda dalam tag Fungsion dan jangan lupa kode ini simpan tepat di atas tag </body>

<div id='fb-root'/> <script> window.fbAsyncInit = functionundefined) { FB.initundefined{ appId : ID-APP-ANDA;, status : true, xfbml : true }); }; undefinedfunctionundefinedd, s, id){ var js, fjs = d.getElementsByTagNameundefineds)[0]; if undefinedd.getElementByIdundefinedid)) {return;} js = d.createElementundefineds); js.id = id; js.src = "//connect.facebook.net/en_US/all.js"; fjs.parentNode.insertBeforeundefinedjs, fjs); }undefineddocument, 'script', 'facebook-jssdk')); </script>

Terakhir Save Template Anda dan bisa Anda test langsung ke Meta Tag Analyzer

Akhir Kata

Demikialah Artikel hari ini walaupun sederhana tapi mudah-mudahan bermanfaat bagi Anda semua,selamat berkarya insya-Allah kita jumpa lagi kedepannya wasalamualaiku.

HTML Ratings Button

February 24, 2014 0 comment

Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul

by admin February 7, 2014

written by admin

Written by Muhamad Hamdan on Saturday Peb 8th 2014

Assalamu Alaikum …Sohib semu semoga hari ini ada dalam lindungan Allah SWT.Pada malam ini kita jumpa lagi dengan artikel yang mungkin Shohib sudah pada tahu,tapi juga masih ada yang belum mengetahui Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul Shohib boleh mengambil atau memasangnya untuk sekedar menghiasi Blogger Shohib.Kita boleh mengabil Photo dari lokasi tertentu yang dianggap oleh Shohib pemandangan yang indah.Seperti Photo yang Saya akan ditampilkan dibawah,diambil dari suatu tempat di daerah Sukabumi selatan.

Salin kode dibawah tempelkan dipostingan blogger Anda,dibagian posting HTML.

ALfiyah Info Blogger

<div class=”cover slide_in”>
<div class=”right_gate1″>
</div>
<div class=”left_gate1″>
</div>
<br />
<div class=”separator” style=”clear: both; text-align: center;”>
<br /></div>
<div style=”text-align: center;”>
SHOHIB BISA MENULIS KETERANGAN PHOTO DISINI </div>

Selanjutnya untuk menyimpan kode CSS ke template,cari kode tag di bawah

ALfiyah Info Blogger

]]> </ b: skin>

Kembali masuk ke Blogger Dashboar Klik Template
Berikutnya Tekan Tombol EDITE HTML
Tempelkan Kode Di Bawah Ini Tepat Diatas Kode Tag ]]> </ b: skin>

ALfiyah Info Blogger

/**— Hiding Blog Content With Images Starts here—**/
.cover {
position: relative;
width: 540px;
height: 282px;
margin: 20px auto;
background-color: #eee;
z-index: 1;
padding: 10px;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
-mox-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.slide_in {
overflow: hidden;
}
.left_gate1 {
position: absolute;
background: #DBDCDE;
bottom: 0;
right: 50%;
left: 0;
top: 0;
border: 1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.right_gate1 {
position: absolute;
background: #DBDCDE;
bottom: 0;
left: 50%;
right: 0;
top: 0;
border: 1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.slide_in .right_gate1 {
background: url(http://3.bp.blogspot.com/-i3L5h2oP6pQ/UvVOTr0GE5I/AAAAAAAAAY4/efXb6Op54yk/s1600/Alfiyah+Blogger.jpg)#DBDCDE;
border: 1px solid #F0F0F0;
}
.slide_in .left_gate1 {
background: url(http://1.bp.blogspot.com/-tboEdS1LTXM/UvVOT3KXLLI/AAAAAAAAAY8/pQGeZ4PSOL8/s1600/alfiyah+info+blogger.jpg)#DBDCDE;
border: 1px solid #F0F0F0;
}
.cover:hover .right_gate1 {
left: 100%;
right: -50%;
}
.cover:hover .left_gate1 {
right: 100%;
left: -50%;
}
/**— Hiding Blog Content With Images Ends here—**/

Perhatikan Untuk Tag Yang bertanda Merah silahkan Ganti dengan Kontan dan alamat URL Photo Shohib.
Selesai Sudah Postingan Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul ,Insya Allah kita jumpa lagi,Salam Blogger.

Sekarang Shohib Bisa membuat postingan blogger dengan tampilan photo sampul,jika Shohib ingin mengunjungi alamat Photo yang ditayangkan silahkan Shohib untuk Kontak Saya,memang lokasi ini sudah banyak pengunjung dari berbagai daerah di Indonesia.Lokasi ini sangat strategis dan gampang untuk di kunjungi,karena tidak jauh dari jalan raya,kalau yang sudah tahu daerah Sukabumi Surade sampai Ujung Genteng pasti mengenal Photo yang ditampilkan ini.

February 7, 2014 0 comment

Memperbaiki Missing required field “updated” Dan hCard “author”.

by admin February 6, 2014

written by admin

Memperbaiki Missing required field “updated” Dan hCard “author”.

Written by Muhamad Hamdan on Tuesday Peb 6th 2014

Problema yang sering terjadi ketika kita mengunakan Alat Uji Coba Data Struktur Google untuk memastikan kebenaran markup dan mendorong aktipitas kita yang diberikan Google dalam penelusuran halaman postingan,tetapi kadang kala kita suka menemukan kesalahan seperti postingan hari ini yaitu Kesalahan: Missing required field “updated” dan Kesalahan: Missing required hCard “author” dikarenakan template yang masih baru.Untuk melenkapi kekurangan yang masih tertunda kita boleh melengkapi dengan Kesalahan: Missing required field “updated” dan Kesalahan: Missing required hCard “author kita bisa menyimpan tag tambahan.

Sekarang Bagaimana kita Untuk Memperbaiki Kesalahannya.?

Silahkan ikuti langkah berikut :

Pertama Masuk ke Akun Blogger Anda
Kemudian edite template klik HTML
Lalu cari kode berikut ini
<b:if cond=’data:post.hasJumpLink’>
Kalau sudah ketemu silahkan Anda copypaste kode dibawah dan tempelkan persis diatas

<div class=”vcard” id=”hcard- ALfiyah Info Blogger “>
<span class=”fn n”>
<span class=”given-name”>Written by: Muhamad. Hamdan </span>
</span>
<a class=”updated” href=”http://cara-alfiyah.blogspot.com/” rel=”bookmark”>ALfiyah Info Blogger</a>
Updated at : <abbr class=”published” expr:title=”data:post.timestampISO8601″>
<data:post .timestamp=””></data:post></abbr>
</div>

Warna merah silahkan ganti dengan data blogger Anda,kemudian perhatikan kode dibawah untuk melanjutkannya

Pergilagi keakun Blogger Anda
Klik Template > Edite HTML
Cari kode ini timestampISO8601 lebih mudah teken ctrl+F
Akan muncul seperti kode ini

Kode di atas ganti dengan kode tag dibawah

Selanjutnya cari kode dibawah

<data:post.timestamp/>

Ganti kode diatas dengan kode tag dibawah.

Selesai sudah tinggal Anda klik Save Template.

Demikialah tips blogging cara alfiyah tentang Memperbaiki Missing required field “updated” Dan hCard “author” semoga bermanfaat. Jangan lupa untuk Memperbaiki Error Page Contains Property “BlogId” And “postID” Is Not Part Of Schema

February 6, 2014 0 comment

Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter | alfiyah info blogger

by admin January 30, 2014

written by admin

Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter | alfiyah info blogger

Written by Muhamad Hamdan on Jum’at Jan 31th 2014

Kemarin kita sudah bikin Cara Menambahkan Blog Anda Ke Networkedblogs, sekarang bagaimana Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter melalui Sindikasi Networkedblogs

Hari ini Saya akan menunjukan bagaimana cara menghubungkan blogger Anda ke Facebook dan twitter ?

Sekarang Ikuti Langkah Langkahnya

Langkah 1. Anda Masuk Website Networkedblogs Kalau belum punya akun masuk dilangkah 2.untuk daptar.

Langkah 2. Cara Menambahkan Blog Anda Ke Networkedblogs klik register untuk melakukan pendaptaran,kalau sudah selesai mari kita lihat langkah selanjutnya.

Langkah 3. Cara Menambahkan Blogger Anda Ke Halaman Facebook Kalau Anda sudah berhasil menambahkannya.Sekarang kita tinggal mempublikasikan Blogger Anda ke Facebook dan Twitter.

Langkah 4.Anda masuk dashboar Networkedblogs dan klik bagian Syndication akan muncul seperti gambar dibawah.

Langkah 5.Kemudian pih salah satu nama blogger Anda,misalnya yang akan dihubungkan dengan fun page Facebook maka maka terlihat seperti gambar dibawah.

Langkah 6.Untuk menghubungkan blogger Anda dengan Twitter klik bagian kanan icon twitter sebelahnya icon facebook terlihat percis gambar dibawah.

Langkah 7.Selesai sudah aktifitas kita hari ini dan anda juga sudah memiliki sindikasi melalui Networkedblogs yang siap dipublikasikan.Terlihat contoh gambar dibawah yang berhasil disindikasi.

Akhir Kata

Demikinlah tips blogger kali semoga bermanfaat bagi Anda Saya ucapkan banyak terimaksih “Salam Blogger”

Untuk Selanjutnya Ikuti Cara menambahkan blog Anda Ke Fan Page

January 30, 2014 0 comment

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

by admin January 21, 2014

written by admin

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

Written by Muhamad Hamdan on Tuesday Jan 21th 2014

Apa yang dimaksud Feed..? Kita sering menemukan kata “RSS”,”XML” dan “Atom” diberbagai media artikel,tapi kita tidak tahu bagaimana cara menggunakan link ini.

Feed adalah cara untuk Website/Blog besar dan kecil untuk mendistribusikan konten mereka jauh melampoi dengan pengunjung menggunakan brower.Izin berlangganan feed update regular,dikirim secara otomatis melalui web portal,news reader,atau pembuatan email sejak lama selalu terbaik.Feed juga memungkinkan untuk konten situs yang dikemas dalam “widget, “gadget” perangkat mobile,dan tecnologi gigitan ukuran lain yang memungkinkan untuk menampilkan blog,podcast,dan major news /sport/cuaca/ apapun berita utama hanya tersedia dimana saja.

Dalam beberapa kasus Anda bisa menggunakan feed dengan men-Download icon.Tetapi kali kali Saya akan membahas cara menyimpan Kode Snippet pada Blogger,dengan menggunakan HTML dan CSS.Barangkali Anda ingin link ke feed dalam sebuah paragraf.Untuk menghilankannnya Anda harus menambahkam texs deskriftif agar pengguna mengetahui link tersebut ke feed.Anda dapat menepatkan icon sebelum texs yang terkait dengan pakan.

Live Demo

Tampilan Feed Icon Pada Blogger

Jika WEbsite/Blog Anda memiliki lebih dari satu pakan,Anda bisa menyajikan semua feed yang ada sebagai daptar.

Contoh :

All Posts
Category 1
Category 2
Category 3

All Posts
Category 1
Category 2
Category 3

Bagaimana Cara Menampilkan Kode Snippets Pada Blogger ?

Langkah 1. Anda masuk ke Blogger Account

Langkah 2. Anda klik Layout

Langkah 3. add gadget

Langkah 4. COPAS kode HTML dibawah

KODE HTML
<ul class=“feed-list“> <li><a href=“#“>All Posts</a></li> <li><a href=“#“>Category 1</a></li> <li><a href=“#“>Category 2</a></li> <li><a href=“#“>Comments</a></li> </ul>

KODE CSS
.feed-list { margin: 0 0 15px 15px; padding: 0; list-style-type: none; } .feed-list li { margin: 0 0 10px 0; padding: 0; list-style-type: none; } .feed-list li a { padding: 0 0 0 19px; background: url(“../images/feed-icon-14×14.png”) no-repeat 0 50%; list-style-type: none; }

Akhir Kata

Demikian Tutorial Menyimpan kode Snippets Feed Icon Pada Blogger Semoga bermanfaat untuk lebih jelas silahkan Anda mengunjungi www.feed.com

January 21, 2014 0 comment

Newer Posts

Older Posts

Tips Blogger

Bagaimana Menambahkan Google Translate Di Blogger Anda

Bagaimana Menambahkan Google Translate Di Blogger Anda

Akhir Kata

Cara Add Skype Call Tombol Buttons Pada Blogger Anda

Cara Add Skype Call Tombol Buttons Pada Blogger Anda

Tombol Buttons Skype Di Blogger Anda

Akhir Kata

Memperbaiki Error Page Contains Property “BlogId” And “postID” Is Not Part Of Schema

Memperbaiki Error Page Contains Property “BlogId” And “postID” Is Not Part Of Schema

Ikuti Langkah Langkah Untuk Menghapus Kode “Blogid” Dan “Postid”

Akhir Kata

Bagaimana Cara Membuat Custom permalink Blogger Untuk SEO

Permalink Buruk

Permalink Baik

Cara Menambahkan Translation Flags Pada Blogger Anda | alfiyah info blogger

Bagaimana Cara Menambahkan Translation Flags Pada Blogger Anda ?

Cara Integrasi Facebook Open Graph Pada Blogger | alfiyah info blogger

Bagaimana Untuk Mendapatkan ID Aplikasi Facebook Open Graph ?

Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph ?

Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul

Memperbaiki Missing required field “updated” Dan hCard “author”.

Memperbaiki Missing required field “updated” Dan hCard “author”.

Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter | alfiyah info blogger

Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter | alfiyah info blogger

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

Useful Links

Subscribe Now