SLOT 2

Ad Placement

Sabtu, 17 September 2016

Cara Pasang Iklan Adsense Hosted Account di Blog .com dengan hosting berbayar

Ada banyak cara agar bisa memasang iklan google adsense hosted di blog yang sudah menggunakan domain .com dan hosting berbayar, cara yang dimaksud adalah dengan menggunakan DFP atau yang dikenal juga dengan DoubleClick for Publisher Small Business . Lalu ada yang bertanya apakah penghasilannya akan masuk ke akun adsense juga, ya tentu. Karena ini sebenarnya hampir serupa dengan adsense hanya saja bedanya pada kebijakan dan tidak diperuntukkan untuk perusahaan besar. Mengenai pembagian hasilnya juga bisa dibilang sama saja, kecuali akunnya yang beda alamatnya kalau kita login. Menarik bukan? kalau sebelumnya akun GA mu yang hosted account dan hanya bisa dipasang di blogspot, sekarang tidak lagi, kamu bebas pasang dimana saja.

Sebenarnya, bukan hanya saya, anda pun demikian, pasti telah mencoba berkali-kali melakukan pengajuan agar blognya diterima menjadi penayang untuk hosting berbayar tapi ternyata tetap saja ditoloak, dan yang bikin jengkel kalau alasannya tuh gak jelas, dan bahkan sengaja dibuat bingung agar kita tidak bisa paham kali ya....! Yang jelas, ini semua karena aturan baru dari Google Adsense yang ingin memperketat semua yang menjadi partner penayangnya, itulah sebabnya sedikit saja kesalahan dalam pengelolaan webnya, atau mungkin ada menu seperti kontak, profil dan lainnya yang tidak dilengkapi maka akan langsung ditolak.

Cara Pasang Iklan Adsense Hosted Account di Blog .com dengan hosting berbayar
 
  1. Pertam kali adalah login ke akun adsense kamu seperti biasa, kalau ini kayaknya tidak perlu saya ajari gan.
  2. Setelah itu, ketik di browser alamat ini : https://www.google.com/dfp maka secara otomatis kamu akan login juga ke dfp karena sebenarnya kalau sudha punya adsense berarti bisa login juga di situ
  3. Setelah berhasil login tinggal melakukan 2 pengaturan, yakni pada waktunya yang disesuaikan dengan negara kita dan juga mata uang yang berlaku untuk si pengiklan.
  4. Selanjutnya, untuk membuat unit iklan yang nantinya akan ditempatkan dalam blog dengan domain .com, maka tinggal mengikuti seperti gambar di bawah (inventory >> ad units >> new ad unit)

5. Nah, tinggal kamu isi untuk data iklannya seperti kalau membuat add unit di google adsense. Pastikan tidak ada yang salah. Nantinya ada proses lanjutan lagi di bawahnya

Keterangan:

    Code dan Name : mengisi dengan nama kodenya, dibuat sama dengan nama tak masalah
    Deskripsi : adalah keterangan dari iklan yang akan dibuat, silahkan isi beberapa kalimat saja.
    Pengaturan lainnya silakan tentukan sendri

6.  Klik save untuk mengakhiri proses pembuatan iklannya.

7.  Kemudian kembali ke menu inventory, kamu bisa klik menu yang ada di atas, lalu pilih nama iklan yang sudah dibuat tadi, dan selanjutnya klik Generate Tags

8.  Jika semua langkahnya sudah benar selanjutnya akan muncul 2 kode yang harus di copy.

    Kode pertama: di tempatkan dalam html template, yakni sesudah kode <head> atau sebelum kode </head>
 
    Kode kedua:ditempatkan di widget, terserah mau di bagian mana, dan kalau misalnya di bawah judul maka harus dimasukkan juga di bagian html, yaitu di atas kode <data:post.body>

9.  Setelah berhasil diletakkan dalam template silahkan disave, demikian juga pada widgetnya. tunggu beberapa menit atau mungkin dalam hitungan jam sesuai dengan keadaan saja, yang sabar.

10. Perhatikan aturannya (silahkan anda masuk ke halaman dalam tautan ini, soal penayangan iklan adsense, karena jika salah dan belum tau aturannya maka anda akan mengalami nasib dibanned alias kena penalty dan tidak bisa lagi menayangkannya di blog manapun)

Cara meningkatkan penghasilan - Ini penting sekali diketahui oleh anda yang sudah punya akun tapi penghasilannya masih minim, pengalaman saya hinga bis amenghasilkan 4 digit juga karena tips tersebut yang kemudian sya share juga biar banyak yang tahu tekniknya.

Rabu, 14 September 2016

Google Adsense yang paling banyak diminati para pemburu dollar

Kali ini saya akan membahas tentang Google adsense, sebagian teman bertanya mengapa google adsense? ya karena saat ini google adsense menjadi primadona publisher dunia maya selain menawarkan penghasilan yang sangat besar google adsense juga merupakan perusahaan google yang terbukti membayar publisher nya ( bukan Scam / Penipuan).

Google adsense saat ini sudah merambah ke seluruh dunia, Adsense akan menyesuaikan dengan rata rata pendapatan perkapita sehingga semakin negara tersebut kaya atau tinggi pendapatan perkapitanya maka peluang mendapat jutaan dolarpun akan tercapai beberapa negara yang termasuk negara premium adalah USA, Inggris , Uni Emirat Arab  dari tiga negara tersebut USA Dan Inggris adalah pemegang rekor tertinggi PPC pada adsense.

Menjadi Publisher adsense saat cukup lumayan sulit di bandingkan dengan tahun tahun sebelumnya mengapa?? nah tentu pengunjung ternyata.info bertanya kenapa susah? saat  ini google sudah meng -upgrade sistem mereka guna meminimalisir kecurangan kecurangan para publisher Nakal , namun disela- sela kesulitan tersebut para publisher Nakal juga tetap Mencari cara bagaimana agar diterima menjadi publisher adsense walaupun dengan cara curang atau mengelabuhi mbah google .

Akun Bug nah kata ini yang sering terdengar di telinga para penggila adsense yang ingin diterima tanpa harus susah payah membangun sebuah situ yang benar benar berkualitas , bahkan para publisher nakal tersebut sengaja men ternak akun adsense untuk di perjual belikan pada para publisher lainya . namun cara tersebut biasanya tidak bertahan lam karena lambat laun si mbah google akan tau kecurangan yang telah di buat .

Yuk jadilah publisher yang jujur dan pasti hasilnya akan berkah dan bertahan lama.

Selasa, 13 September 2016

Fiture Applikasi Pawoon, Cocok Untuk Manajemen Bisnis Anda

kali ini saya akan membahas tentang Bisnis eiiitss tapi yang ini beda dengan bisnis pada umumnya , nah kali ini kita membahas bagaimana menjadikan proses bisnis itu mudah dengan bantuan applikasi PAWON .

Pawoon adalah aplikasi kasir atau POS berbasis online (Cloud). Menjalankan bisnis dengan banyak cabang sekaligus bukanlah hal yang sulit dan mahal lagi. Cocok untuk UKM di bidang Retail, Waralaba, serta Cafe & Resto. nah pasti penasaran dengan si app Pawoon ini mari kita review si pawoon ini :

Di tinjau dari segi fiture pawoon menurut saya sudah layak terbang alian bagus , nah apa aja fiture yang ada di pawoon ?? simak penjabaran Berikut:

1.Pawoon Memiliki Fiture Laporan Yang Lengkap

Dengan Pawoon, Anda akan dapat memahami bisnis Anda secara jauh lebih mudah dan mendalam dari sebelumnya. Semua tersedia dengan instan, tanpa harus menyita banyak waktu Anda ataupun staf untuk membuat laporan harian.

2. Memiliki Fiture Manajemen Stok  Lengkap

Manajemen stok yang handal, akurat, dan real-time untuk bisnis Anda. Kini Anda dapat kelola stok bahan baku dengan otomatis.

3. Fiture Multi Cabang / Outlet

Pawoon menjadi solusi yang tepat bagi Anda yang ingin memiliki kontrol penuh terhadap semua cabang/outlet bisnis anda secara mudah dan realtime. Pantau dan atur semuanya kapanpun & dari manapun.

4. Dapat digunakan secara Online Maupun Offline

Sistem POS Pawoon bekerja secara Online menggunakan Cloud (Awan) maupun Offline. Artinya, anda dapat berjualan serta mengakses datanya dari manapun dan kapanpun.

5. Manajemen Pelanggan

Ketahui perilaku pelanggan Anda dengan lebih dalam untuk meningkatkan penjualan dan profit.

 
Menggunakan Pawon ini sangat bagus untuk membantu bisnis anda , selain fiture yng banyak pawon juga mneyediakan support dan user guide untu para pengguna applkiasi sehingga memudahkan kita berinteraksi dengan vendor pembuat applikasi pawoon apabila terjadi error atau kesulitan menggunakan applikasi ini.

bagi yang berminat mencobanya anda juga bisa mencobanya gratis  selama 30 hari , ya untuk uji coba tidak ada salahnya .


Sabtu, 10 September 2016

Manfaat kacang panjang untuk wanita

Kacang panjang adalah jenis sayuran hijau yang banyak disukai kebanyakan orangselain untuk olahan masakan juga bisa di buat tumis juga. Sahabat mandala tentu sangat mengenal dengan jenis sayuran yang satu ini. Ternyata selain untuk sayuran dan lalapan kacang panjang juga mempunyai manfaat lain khususnya untuk para wanita apa saja itu yuk sahabat mandala simak penjelasan manfaat dibawah ini.

Manfaat kacang panjang juga berasal dari banyaknya mineral dan vitamin yang terkandung di dalamnya. Vitamin A, thiamin, riboflavin, niacin, asam panthotenat, vitamin B6, asam folat dan vitamin C merupakan deretan vitamin yang bisa didapatkan dari kacang panjang. Sementara itu, deretan mineral dalam sayuran ini, antara lain kalsium, zat besi, magnesium, mangan, fosfor, kalium, dan natrium.

Berikut beberapa manfaat kacang panjang yang baik untuk kesehatan berdasarkan riset yang telah dilakukan.

Diprediksi bisa memperbesar ukuran payudara

Sebuah penelitian di Indonesia mencoba membuktikan anggapan yang selama ini dipercaya mengenai manfaat kacang panjang untuk memperbesar payudara. Berdasarkan penelitian tersebut, hal itu mungkin saja terjadi mengingat kacang panjang mengandung fitoestrogen yang merupakan estrogen alamiah yang terdapat di dalam tanaman. Senyawa-senyawa yang  termasuk jenis fitoestrogen, antara lain flavonoid (flavon, flavonol, flavanon, isoflavon, dan antosianidin), coumestan, lignan, dan stilben.

Kehadiran senyawa fitoestrogen dalam kacang panjang ternyata dapat memacu pertumbuhan sel-sel epitel di payudara jika bergabung dengan reseptor estrogen. Proses ini dinamakan efek estrogenik. Efek estrogenik tersebut terjadi karena sel epitel payudara sangat responsif terhadap kehadiran estrogen yang pada akhirnya dapat memicu perkembangan payudara.
 
Menurunkan kadar glukosa

Penelitian lain juga dilakukan dalam upaya mengetahui potensi manfaat kacang panjang bagi tubuh untuk menurunkan kadar glukosa. Penelitian dilakukan dengan mengekstraksi biji kacang panjang untuk kemudian dianalisis secara ilmiah mengenai sifat antihiperglikemik dan antinosiseptif (efek analgesik atau mengurangi rasa sakit dengan cara menurunkan sensitivitas terhadap sebuah stimulan) di dalam tubuh.

Untuk menemukan aktivitas antihiperglikemik, dilakukan pemberian tes toleransi glukosa secara oral pada tikus. Sementara itu, aktivitas antinosiseptif dilakukan dengan mengamati penurunan kontraksi otot perut perut tikus saat merasakan nyeri akibat diinduksi oleh asam asetat. Hasilnya, pemberian ekstrak biji kacang panjang pada tikus ini memiliki efek pengurangan glukosa darah serta mengurangi kontraksi perut akibat asam asetat. Hanya saja karena penelitian ini baru dicoba pada tikus, maka pengaplikasian pada manusia masih membutuhkan penelitian lebih lanjut.

Meski potensi manfaat kacang panjang secara medis masih perlu melibatkan penelitian lebih lanjut, pemanfaatannya dalam kehidupan sehari-hari sudah sejak lama dilakukan. Salah satu pemanfaatannya yang populer tentu saja untuk makanan, baik sebagai sayuran hijau maupun hanya mengambil bijinya ketika sudah matang. Selain bagi manusia, daun muda dan biji kacang panjang juga bisa menjadi bahan makanan bagi rusa, mamalia kecil, dan burung.

Tips Menangkal Bau Mulut Tidak Sedap

Siapa yang tak ingin mempunyai bau mulut yang sedap, tentu sahabat mandala menginginkan bau mulut yang sedap dan harum agar aktifitas sehari-harinya lancar tanpa ada rasa minder akibat bau mulut yang tak sedap selalu membayangi sahabat mandala.

Bila sahabat mandala mengalami hal semacam ini tidak ada salahnya mengikuti tips berikut ini agar terhindar dari bau mulut yang tak sedap, yuk simak bersama tips berikut ini semoga bermanfaat untuk sahabat mandala semua.

Teratur menyikat gigi dan berkumur

Sikatlah gigi Anda setidaknya pagi dan sore, masing-masing minimal dua menit. Usahakan untuk menyikat seluruh gigi, lidah, langit-langit mulut, dan gusi dengan pasta gigi mengandung flouride. Jangan lupa ganti sikat gigi Anda tiap tiga bulan sekali.

Berkumurlah dengan cairan antibakteri dan menggunakan benang gigi untuk  menghilangkan sisa-sisa makanan yang tidak terjangkau oleh sikat gigi karena dengan menyikat gigi sekali pun ternyata masih menyisakan 40% area mulut yang belum bersih. Pilih obat kumur mengandung chlorhexidine atau hidrogen peroksida, tapi tanpa kandungan alkohol sehingga mulut tidak menjadi kering.

Minum cukup air dan kunyah permen karet bebas gula

Aktifitas mengunyah bisa menstimulasi kemunculan air liur yang akan menghindarkan Anda dari mulut kering penyebab bau mulut  yang tidak sedap. Minum cukup air secara teratur juga bisa membuat mulut Anda tetap lembap.

Hindari konsumsi makanan dan minuman penyebab bau mulut

Menyikat gigi setelah menyantap makanan dan minuman beraroma kuat tidak akan mencegah bau mulut. Satu-satunya cara adalah dengan menghindari konsumsi makanan dan minuman tersebut jika Anda hendak bersosialisasi dengan teman atau bekerja. Hal ini juga termasuk merokok. Selain menimbulkan bau mulut akibat aroma tembakau, merokok juga meningkatkan risiko penyakit gusi yang juga menjadi penyebab lain dari bau mulut tidak sedap.

Selain itu mengonsumsi buah-buahan dan sayuran secara teratur, ditambah sedikit daging, dapat mengurangi risiko bau mulut tidak sedap.

Teratur memeriksakan gigi

Periksakan gigi secara teratur, setidaknya enam bulan sekali untuk mencegah penyakit-penyakit gigi dan gusi penyebab bau mulut.

Catatan makanan

Jika Anda tetap mengalami bau mulut  tidak sedap, tulislah daftar makanan dan obat-obatan yang Anda konsumsi tiap hari. Catatan ini dapat menjadi bahan bagi dokter Anda untuk menentukan masalah dan solusi yang akan disarankan.

Halitofobia

Sebagian orang selalu cemas bahwa mereka memiliki bau mulut tidak sedap, padahal sebenarnya sama sekali tidak. Ketakutan semacam ini disebut halitofobia. Pengidap halitofobia terobsesi selalu membersihkan mulut sesering mungkin. Terapi perilaku kognitif dapat membantu menangani paranoid ini.

Membuat notifikasi komentar ala google plus

Sahabat mandala tentu tidak asing lagi dengan notifikasi yang ada di google plus yang berbentuk lonceng, yang berada tepat di pojok sisi kanan atas. Nah kali ini mandala ingin berbagi trik untuk pembuatan notifikasi yang mirip dengan punya di google plus.

Dengan memasang notifikasi ini diharapkan sahabat mandala semua akan cepat tahu komentar yang masuk dan dengan segera untuk membalas komentar yang di buat oleh pengunjung blog kita, sehingga komentar tidak akan tenggelam begitu saja.

Baik agar tidak menimbulkan penasaran yuk kita simak bermasa tutorial atau cara pembuatannya berikut ini simak bersama ya sahabat Mandala :

Langkah pertama sudah pasti login dulu ke halaman blogger sahabat mandala semua.
Kedua silahkan masuk kehalaman dasbhor bloger sahabat semua dan pilih menu template dan klik edit html
Ketiga pasang kode jQuery berikut ini tepat di atas </head>


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>


Keempat Simpan CSS ini di atas ]]></b:skin> atau </style>


/* Notifikasi Komentar
----------------------------------------------- */
#cm-total {
  position:fixed;
  top:14px;
  right:0;
  width:188px;
  text-align:left;
  z-index:9999;
  cursor:pointer;
}
.total-counter {
  background-color:#d11919;
  color:white;
  padding:1px 4px;
  font-family:Arial,Sans-serif;
  font-size:11px;
  border-radius:5px;
  font-weight:bold;
}
#notif {
  position:fixed;
  top:20px;
  right:180px;
  z-index:9999;
  height:22px;
  width:19px;
  opacity:.4;
  cursor:pointer;
}
#notif:hover {
  opacity:1;
}
.close-notif {
  position:fixed;
  top:92px;
  right:20px;
  z-index:9999;
  cursor:pointer;
  display:none;
}
#cm-container {
  width:355px;
  position:fixed;
  top:67px;
  right:0;
  z-index:9999;
  background-color:#e5e5e5;
  padding:60px 20px 10px 20px;
  color:#666;
  box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;
  text-align:left;
  border:1px solid rgba(0,0,0,.2);
  background-clip:padding-box;
  display:none;
}
#cm-container:before {
  content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGlz1F3Unezrz5b6flhDBptzROPfkzgwpCY7h47GglysadEwerxqvLLpiqvgUZALuspMVH7l_n-SMxB-mTGRD3_701Bo1iv_rtR8XAnE8jkG0xPSqHr2eVL86CL7_OnhkqtugWXFpwnE/s1600/arrow-notif.png');
  position:absolute;
  top:-14px;
  left:196px;
}
#cm-container:after {
  content:"Komentar Terbaru";
  position:absolute;
  top:22px;
  left:150px;
  text-align:center;
  font:normal 14px Arial;
  color:#333;
}
.cm-outer {
  margin:0 auto;
  padding:0;
  font-size:11px;
  text-align:left;
  font:normal 12px Arial;
}
.cm-outer ul{
  margin-bottom:5px;
}
.cm-outer li {
  padding:9px 10px 14px;
  list-style:none;
  clear:both;
  position:relative;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  background-color: white;
  margin-bottom:10px;
}
.cm-text {color:#797979;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}
.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}
.cm-header a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-left:90px}
.cm-outer img {
  display:block;
  float:left;
  background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZvcCoZBeLBdgKe9zrEI56Qu9bVKZv7M-zu1LXCoGURbF59CJIV28oKEpGeBv-KSjefDrfezhWrCYMtHlH_QOdBHY3RnLdOrHqFkFDIlwXb3HI-B6iHTdnmu2SzXnCFqET4bF_hoazhds/s1600/anon80.png') no-repeat 50% 50%;
  overflow:hidden;
  border-radius:3px 0 0 3px;
  position:absolute;
  top:0;
  left:0;
}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#5886a7;text-decoration:none;}
.cm-footer a:hover {color:#74a2c3;text-decoration:none;}
div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {
content: url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png);
}

Kelima Supaya CSS diatas berfungsi, silahkan simpan kode ini di atas </body>


<div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG1hv4JN5RvjCD6VvC2IQ0NFnHgKqlzE74n1UGk9UNwaYQZ9x6NA9YeJGiYT-EjX00dT9tBp0ivx5F8pTbjd8SHwI22N-WFRipvp6FoqPuyEEqJeX_3_nJw91r2XUrVRGmrk45KwnNlJI/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5R9C6ibXECZXm6ckSsMpJgFH6RqkYQxy3wNFNyc7myM6hF2XyiYZa47ZcgkBpyJvVrrp1CywjVD9DPTJWs4JfPXegN5aEr-V0GigkIdAf4Le6yiA6yxMp1Ca0NLaERrsP1DjXxfwpLQ/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
    home_page: "http://mandalatutor.blogspot.com/",
    max_result: 6,
    t_w: 80,
    t_h: 80,
    summary: 40,
    new_tab_link: true,
    ct_id: "cm-container",
    new_cm: " Komentar Baru!",
    interval: 30000,
    alert: true,
    alert: function(total) {
        document.getElementById("cm-total").innerHTML = '<strong class=\'total-counter\'>'+total+'</strong>';
        document.title = '(' + total + ') ' + originalTitle;
    }
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]>
</script>
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/notif-komen.js' type='text/javascript'/>


Terakhir simpan template sahabat mandala semua dan lihat hasilnya treng treng treng.

Jumat, 09 September 2016

Memasang Adsense Mobile Sticky di Blogger

Memasang Adsense Mobile Sticky di Blogger

Halo sahabat Mandala kali ini akan berbagi tips cara memasang kode di bawah hp yang melayang-layang dan bisa menambah nilai CTR sahabat semua lho.

Trik memasang iklan adsense sticky versi mobile memang terbukti ampuh dapat meningkatkan klik ( ctr ) adsense blog anda, karena dengan begitu pengunjung dapat melihat iklan lebih jelas dan lebih lama.

Cara ini hanya bisa digunakan atau dipasang pada blogger, untuk yang wordpress belum dipraktekin, namun bagi sahabat mandala yang sudah ahli dibidang coding tentu bisa mengotak atiknya karena kita hanya bermain kode html saja.

    Pertama silahkan sobat Mandala masuk ke bagian editor template (edit html )
    Temukan kode </style> dan pasang kode berikut tepat diatas kode, </syle> tadi

#mandala_mobile {
bottom: 0;
position: fixed;
width: 100%;height:50px;
opacity: 0.9;
left: 0;display:none
}
@media only screen and (max-width:400px){#mandala_mobile{display:inherit}}

Simpan Template,
Lalu pergi ke Tata letak => Tambah Widget => Html / Javascript
Pasang kode dibawah ini di dalam kolom html/javascript tadi

<div class='mandala_mobile' id='mandala_mobile' style='text-align:center; z-index: 9999;'>

Letakan kode iklan adsense responsive disini

</div>

Terakhir simpan

Nah itulah cara membuat atau memasang kode adsense versi mobile yang dapat menambah nilai CTR.

Kamis, 08 September 2016

Cara Membuat Related Post Ala Mas Sugeng

Cara Membuat Related Post Ala Mas Sugeng

Halo sahabat Mandala yang senang utak - atik template blog nah kali ini saya akan berbagi untuk membuat artikel terkait yang keren seperti template premium evo magz

Tak dapat dipungkiri bahwa dalam pembuatan related post dapat meningkatkan jumlah page view pada blog kita , karena dengan adanya related post , pengunjung akan tertarik dengan artikel yang berkaitan dengan artikel yang sedang dibaca.

Widget artikel terkait ini merupakan sebuah widget blogger dari kang taufiq pemilik blog dte, kemudian di modifikasi oleh mas sugeng menjadi lebih cool, widget related post tersebut di lengkapi dengan gambar berukuran 72 pixel dan di lengkapi juga dengan post snippet . berikut cara pembuatannya :
Pertama yang sudah sahabat mandala tahu silahkan masuk ke halaman edit template : 

Kemudaian cari kode  ]]></b:skin> atau </style>
dan pasang kode dibawah ini tepat diatasnya :

/* ==== Related Post Widget Start ==== */ .related-post{margin:15px 0 0;border-top:1px solid #f0f0f0;padding:15px 0 0} .related-post h4{font-size:14px;margin:0 0 .5em;text-transform:uppercase} .related-post-style-2{margin:0 0 0 0!important;padding:0 0 0 0!important;list-style:none} .related-post-style-2 li{margin:0 0 0 0;padding:0 0 0 0} .related-post-style-2 li{padding:5px 0!important;border-top:1px solid #eee;overflow:hidden} .related-post-style-2 li:first-child{border-top:none} .related-post-style-2 .related-post-item-thumbnail{width:60px;height:60px;max-width:none;max-height:none;background-color:transparent;border:none;padding:0;float:left;margin:2px 8px 0 0} .related-post-style-2 .related-post-item-title{font:normal normal 16px Fjalla One,Helvetica,Arial,sans-serif} http://mandalatutor.blogspot.com/ .related-post-style-2 .related-post-item-summary{display:block;overflow:hidden} .related-post-style-2 .related-post-item-more{}

Cari kode </body> , dan pasang kode dibawah ini diatas kode </body> tersebut

<div class='related-post' id='related-post'></div>
<script type='text/javascript'>
     var labelArray = [
       "Smartphone"
];
     var relatedPostConfig = {
      homePage: "http://mandalatutor.blogspot.com/",
      widgetTitle: "<h4>Related Posts :</h4>",
      numPosts: 5,
      summaryLength: 140,
      titleLength: "auto",
      thumbnailSize: 60,
      noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcbzLR4zEryJfRt9DBXaZAQjV2rpo9CFbhjOTRIng6pa9SxRbKrYwg7EqQhsCP2-RPdiJ3eHHjRmJdJqcjYSV7lpgbvlH_9CSTPF8ji19uOS-Ja-ELlnEQ6btZunubdZPWlkizss8u5tsb/w60-c-h60/no-image.png",
      containerId: "related-post",
      newTabLink: false,
      moreText: "Read More...",
      widgetStyle: 2,
      callBack: function() {}
     };
     </script><script type='text/javascript'>
//<![CDATA[   
/*! Related Post Widget for Blogger by Taufik Nurrohman => */
===============================
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://mandalatutor.blogspot.com/",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
//]]>
</script>

Kemudian klik save atau simpan.

Itulah cara membuat related pos ala mas sugeng